Radware 發佈的 2022 年春季電商頁面速度與 Web 效能” 調查報告強調了電商頁面載入速度的重要性,同時指出很多網站都沒有利用理想的頁面優化技術,頁面加速速度都存在很大缺陷。那麼該如何補救,提高網站頁面的載入速度呢?今天 WordPress 網站建設就進行了總結,分享給各位希望能夠有所幫助!將 JS 代碼和 CSS 樣式分別合併到一個共享的檔案,這樣不僅能簡化代碼,而且在執行 JS 檔案的時候,如果 JS 檔案比較多,就需要進行多次 “Get” 請求,延長載入速度,將 JS 檔案合併在一起後,自然就減少了 Get 請求次數,提高了載入速度。為了確保多用户可以更快地看見可見區域的網頁可以延遲載入或展現可見區域外的內容,為了避免頁面變形,可以使用佔位符標籤制定正確的高度和寬度。比如 WP 的 jQueryImage LazyLoad 外掛就可以在多用户停留在屏的時候,不載入任何屏以下的圖片資訊,只有當多用户把滑鼠往下滾動的時候,這些圖片才開始載入。這樣很明顯提升可見區域的載入速度,提高多用户體驗。不恰當的影象格式是一種極為常見的減慢載入速度的罪魁禍。正確的圖片格式可以讓圖片縮小數倍,如果儲存為理想格式。可以節省大量頻寬,減少處理時間時間,大大加快頁面載入速度,這是一種很常見的做法。這個可以説是直接的一個方法,也是用得比較多的,對網頁代碼進行瘦身,刪除不必要的沉冗代碼,比如不必要的空格、換行符、註釋等,包括 JS 代碼中的無用代碼也需要清除。其中對於註釋代碼的清除可能有些人存在誤區,甚至有的在裏面堆砌關鍵詞。網頁中有很多指令碼是在頁面完全載入完前都不需要執行的,可以延遲載入和執行非必要指令碼。這些指令碼可以在 onload 事件之後執行,避免對網頁上重要內容的呈現造成影響。這些指令碼可能是您自己網頁的甲苯,往往更多的是一些第三方指令碼,這樣的有很多,比如評論、廣告、智慧推薦、百度雲圖、分享等等,這些完全可以等主體內容載入完後再執行。