解決:對HTTP傳輸進行壓縮,即在js,css、圖片等資源已經壓縮的基礎上,在HTTP傳輸過程中的再次壓縮。客戶端可以通過-頭來聲明瀏覽器支持的壓縮方式,服務端通過-來啟用壓縮,配置壓縮的文件類型,壓縮方式。gzip使用無損壓縮,壓縮效果最佳,已經成為使用最為普遍、支持的瀏覽器最多的數據壓縮格式。
3、原因三:腳本過大,阻塞了頁面的加載
解決:將腳本放在標簽前。沒有async和defer時,JS文件將在下載后立即執行。這種情況下,放在頂部會阻塞頁面呈現影響網站打開速度,在網速慢的情況下會導致“白屏”,直到腳本下載完畢才繼續呈現頁面。因此,放在底部可以讓頁面盡快呈現。
4、原因四:CSS、、圖片等需要重復加載
解決:靜態資源統一放在一個靜態域名上,減輕重復下載靜態資源的負擔。
5、原因五:影響
解決:減小的影響
①去除沒有必要的,如果網頁不需要就完全禁掉。
②將的大小減到最小:減小HTTP請求報文的大小,提高響應速度。
③設置合適的過期時間:信息將存儲到硬盤上,即使瀏覽器退出還會存在,只要未被清除且還在過期時間內,該就會在訪問對應域名時發送給服務器。
④通過使用不同的減少的使用:在訪問對應域名下的資源時都會通過HTTP請求發送到服務器,但在訪問一些資源,如js,css和圖片時影響網站打開速度,大多數情況下是多余的,可以使用不同的來存儲這些靜態資源,這樣訪問這些資源時就不會發送多余的,從而提高響應速度。
6、原因六:網頁資源過多,網絡帶寬不夠導致請求超時,數據量太大,瀏覽器崩潰
解決:使用CDN部署網絡以提高下載速度,可以先通過免費的CDN供應商來分發網頁資源。