如果你的網站遇到響應和性能問??題,請按照下列步驟來嘗試解決問題,來獲得更多用戶的笑容。
您可以通過使用工具,如確定濟南網站建設的響應速度慢和性能降低的問題,通常會導致 谷歌開發Chrome DevTools的 , 網頁分析儀- 0.98 , Pingdom的網站速度測試 。 在我以前的一篇文章中,我強調這些免費的在線產品,“ 網站響應和性能問題的診斷工具 ?!?/p>
一旦診斷工具,找出問題,你需要知道如何解決這些問題。 在這篇文章中,我列出了典型的資源,對象,內容,文件和其他問題,導致網站表現不佳或顯示響應時間慢,然后我描述了如何消除或至少減少它們。
記住,你總是希望讓最廣大的用戶訪問您的網站,雖然它可能似乎是過時的,也有仍然有很多用戶依靠56Kbps的調制解調器連接訪問Internet。 目標和優化的閾值應該依靠最快的加載時間最慢的用戶連接標準,它允許。
提高您的網站的網絡利用率
下面列出的項目通常的網站,從而導致網絡利用率的問題,并建議將有助于減少這些已知的瓶頸。
餅干:餅干雖然是非常有用的工具的網站,他們也被稱為響應時間減慢。 管理您的餅干的最佳做法是:
- 最小化cookie文件大小保持盡可能小 – 3000字節(或更少),如果可能的話。
- 消除不必要的餅干,他們在適當的域級別設置,并提供靜態內容從一個域不為餅干。
圖片:你應該優化您的圖片網站通過使用下列準則:
- CSS精靈納入分組到一個文件中的多個圖像,然后將它們定位在你的CSS有助于減少請求的數目。
- 數據URI提供了一種方式,包括數據線,并允許在一個HTTP請求,而不是從多??個HTTP請求被稱為常單獨的元素,如圖片和樣式表。
- 指定代碼中的實際圖像尺寸的寬度和高度,調整圖像大小,大于尺寸編碼需要更長的時間來呈現。
HTML文件總大?。?/b>保持你的HTML文件大小小于50K,以幫助保持加載時間降低到最低限度,并確保響應時間少于10秒56K連接。
對象總數:盡量保持每一個HTML網頁文檔對象總數的20歲以下。 可以預期更多的總對象,你有更多的延遲??,這會減慢響應時間。 對象的開銷80%以上,整個頁面的延遲問題。
總大小的對象:盡量保持總網頁文件大小100K或以下,以確保負載和響應時間將保持在20秒56K連接。
提高網頁性能
以下項目將有助于提高網頁負載和響應時間,并給游客一個更好的在線體驗。
- 優化CSS和腳本文件的順序:一定要鏈接到外部CSS文件的調用并聯有他們在<head>包括的。 內聯樣式的<body>也將放慢渲染,所以要確保所有的CSS包含在外部CSS文件。 所有腳本文件都應該放到在底部的<body>和剛剛結束</ BODY>標簽,這讓之前逐步顯示網頁內容。
- 刪除未使用的CSS規則:不使用網頁中的CSS規則,增加了不必要的開銷,需要先加載前任何<BODY>內容加載。
- 總CSS文件和尺寸:結合成一個文件,你的CSS擋土墻的CSS優化樣式加載時間很長的路要走。 結合,重構,縮小和GZIP壓縮優化你的CSS都是不錯的手段。
- 總腳本文件大?。?/b>我知道這是說起來容易,做了一些實現比,但嘗試,結合您腳本的<script>的文件盡可能少,每個外部腳本文件將添加到您的網頁更多的開銷。 腳本文件的優化技術結合起來,如CSS,重構,縮小,包括相同的選項,或,甚至嵌入腳本(如適用)。
- 杠桿瀏覽器緩存:設定一個到期日或在靜態HTTP資源的頭文件(包括指示到瀏覽器加載之前下載的對象,而不是從本地客戶端通過網絡拉),最大年齡將使瀏覽器的響應時間,顯著改善網站性能。
- 最小化重定向 ,例如,當舊的網頁獲得改名或移動到新的位置,一個簡單的點用戶重定向到新的頁面或位置的其他選項,包括使用JavaScript或Meta重定向。 切出的往返時間,至少應使用重定向。
- 刪除URL中的查詢字符串從靜態資源:要啟用代理緩存的靜態資源,確保文件名 ??參數中使用的查詢字符串(例如,“?”)。
- 避免不良的請求:另一種可怕的資源占用頗為相似,重定向是壞的請求或“未找到”或410“飄”發生的反應,當你的前端代碼沒有被更新,以反映對象或資源已移動或已被重命名。 我不知道我們有多少次運行“斷鏈”檢查網站和微型移動或重命名,因為外部資源得到。