很多網(wǎng)站建設(shè)沒有使用最好的頁面優(yōu)化技術(shù)，頁面加速的速度有很大的缺陷。那么如何補(bǔ)救和提高網(wǎng)站頁面的加載速度呢？

邊肖整理了優(yōu)化頁面加載速度的補(bǔ)救措施，以提高加載時間和站長瀏覽器的用戶體驗(yàn)。網(wǎng)站運(yùn)營者可以通過這些建議來解決頁面加載速度的問題。如下所示：

1.合并Js文件和CSS

將JS代碼和CSS樣式合并到一個共享文件中，不僅可以簡化代碼，還可以在執(zhí)行JS文件時進(jìn)行多次“Get”請求，從而延長加載速度。JS文件合并后，Get請求的數(shù)量自然會減少，加載速度會提高。

2.精靈圖片技術(shù)

Spriting是一種網(wǎng)頁圖片應(yīng)用處理方法，將一個頁面中涉及到的所有分散的圖片包含成一幅大圖，然后通過CSS技術(shù)顯示出來。這樣，當(dāng)你訪問這個頁面時，加載的圖片就不會像以前那樣一張一張地顯示，這樣可以減少整個頁面的圖片大小，而CSSSprites的使用可以減少頁面的http請求，從而大大提高頁面的性能。在中國，很多人把CSS sprite稱為CSS sprite。它們已經(jīng)存在了很長時間，并在許多大型網(wǎng)站中使用。特別是一些存在于所有頁面上的圖標(biāo)使用頻率更高，大大提高了加載速度。

3.壓縮文本和圖片

gzip等壓縮技術(shù)可以有效減少頁面加載時間。包括HTML、XML、JSON(JavaScript對象符號)、JavaScript和CSS。壓縮率可以達(dá)到70%左右。文本壓縮被廣泛使用。一般只需要直接在空間打開，而圖像壓縮比較隨意，很多都是直接上傳的。其實(shí)還有很大的壓縮空間。

4.延遲顯示可視區(qū)域之外的內(nèi)容

為了確保用戶可以更快地看到可見區(qū)域中的網(wǎng)頁，延遲加載或顯示可見區(qū)域之外的內(nèi)容，并避免頁面變形，您可以使用占位符標(biāo)簽來設(shè)置正確的高度和寬度。例如，當(dāng)用戶停留在折疊上方時，WP的jQueryImage LazyLoad插件無法加載折疊上方和下方的任何圖像信息。只有當(dāng)用戶向下滾動鼠標(biāo)時，這些圖像才會開始加載。這明顯提高了可視區(qū)域的加載速度，改善了用戶體驗(yàn)。

5.確保首先加載功能圖片

網(wǎng)站主要考慮可用性的重要性。為了預(yù)先加載功能按鈕，用戶進(jìn)入下載頁面。一個只需要8s下載，5s等待，尋找下載按鈕圖片。誰能受得了？

　6.重新排列行動號召按鈕

其實(shí)這個和上面的差不多，從用戶體驗(yàn)速度出發(fā)，跳過網(wǎng)頁整體加載速度。速度沒變，只是按了一些行為按鈕。呼叫按鈕通常習(xí)慣于被設(shè)計(jì)在頁面的底部，這對用戶來說并不總是好的。購買用戶需要等到底部加載后再點(diǎn)擊下一步操作。您可以調(diào)整CTA按鈕的位置或使用幻燈片圖片按鈕。這是很多大型購物網(wǎng)站的購物車類型。

7.圖像格式優(yōu)化　

圖像格式不當(dāng)是導(dǎo)致加載速度變慢的常見原因。如果以最佳格式保存，正確的圖片格式可以將圖片縮小幾倍。它可以節(jié)省大量的帶寬，減少處理時間，并大大加快頁面加載速度，這是一個非常常見的做法。

8.使用漸進(jìn)式JPEGs

ProgressiveJPEGs圖片是JPEG格式的一種特殊變體，名為“高級JPEG”。創(chuàng)建高級JPEG文件時，數(shù)據(jù)是這樣排列的：加載圖像時，一開始只顯示模糊的圖像，隨著數(shù)據(jù)的加載，圖像逐漸清晰。它相當(dāng)于交錯的GIF圖像。高級JPEG主要是為使用調(diào)制解調(diào)器的慢速網(wǎng)絡(luò)設(shè)計(jì)的。快速網(wǎng)絡(luò)的用戶通常意識不到它和正常JPEG格式圖片的區(qū)別。對于網(wǎng)速慢的用戶來說，這無疑會有很好的體驗(yàn)。

　9.簡化代碼

這可以說是最直接的方法，也是應(yīng)用最廣泛的方法。對web代碼進(jìn)行瘦身，刪除不必要的、多余的代碼，比如不必要的空格、換行符、注釋等。包括JS代碼中無用的代碼，也需要清除。他們中的一些人可能會誤解移除評論代碼，有些人甚至?xí)谄渲卸逊e關(guān)鍵字。

10.延遲加載和執(zhí)行不必要的腳本

一個網(wǎng)頁中有很多腳本在頁面完全加載之前是不需要執(zhí)行的，所以有可能延遲不必要腳本的加載和執(zhí)行。這些腳本可以在onload事件之后執(zhí)行，以避免影響網(wǎng)頁上重要內(nèi)容的顯示。這些腳本可能是來自你自己網(wǎng)頁的甲苯，往往更多的是第三方腳本。這樣的腳本有很多，比如評論、廣告、智能推薦、百度云圖片、分享等等。所有這些都可以在主內(nèi)容加載后完全執(zhí)行。

11.使用AJAX　

AJAX，即“異步Javascript XML”，指的是一種創(chuàng)建交互式web應(yīng)用的web開發(fā)技術(shù)。AJAX可以通過在后臺與服務(wù)器交換少量數(shù)據(jù)來異步更新網(wǎng)頁。這意味著您可以更新網(wǎng)頁的某些部分，而無需重新加載整個網(wǎng)頁。如果內(nèi)容需要更新，傳統(tǒng)的網(wǎng)頁(沒有AJAX)必須重新加載整個網(wǎng)頁。

我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗(yàn)，每一個項(xiàng)目承諾做到滿意為止，多一次對比，一定讓您多一份收獲！