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