提升頁面性能的方法有哪些?
1.資源壓縮合并,減少http請求
2.非核心代碼異步加載----->異步加載的方式------>異步加載的區別
3.(最重要)利用瀏覽器緩存------>緩存的分類------>緩存的原理(不要和storage存儲混為一談)
4.使用CDN(內容分發網絡)第一次打開頁面的時候,就不能使用緩存,這個時候可以使用cdn。
5.預解析DNS
(第一句是強制打開a標簽的預解析,頁面中a標簽默認打開預解析,如果頁面是https開頭,很多瀏覽器是關閉了預解析的。亮點!)
異步加載
1.異步加載的方式
①動態腳本加載(動態創建節點)
②defer
③async
2.異步加載的區別
①defer是在html解析完后才會執行,如果是多個,按照加載的順序依次執行。
②async是在加載完之后立即執行,如果是多個,執行順序和加載順序無關。
瀏覽器緩存
1.緩存的分類
①強緩存
Expires(絕對時間)
Cache-Control(相對時間)
②協商緩存(瀏覽器本地有副本,詢問服務器是否可用)
Last-Modified If-Modified-Since
Etag If-None-Match