一、資源壓縮合并、減少HTTP請(qǐng)求 二、非核心代碼異步加載 異步加載的方式： a、動(dòng)態(tài)腳本加載(動(dòng)態(tài)創(chuàng)建DOM) b、defer c、async 異步加載的區(qū)別： a、defer是在HTML解析完之后才會(huì)執(zhí)行，如果是多個(gè)，按照加載的順序依次執(zhí)行 b、async是在加載完之后立即執(zhí)行，如果是多個(gè)，執(zhí)行和加載順序無(wú)關(guān) 三、利用瀏覽器緩存，，緩存的原理 緩存的分類 1、強(qiáng)緩存 Expires 服務(wù)器絕對(duì)時(shí)間 Cache-Control max-age=3600 相對(duì)時(shí)間 2、協(xié)商緩存 Last-Modified Etag If-None-Match 四、使用CDN 五、DNS預(yù)解析

<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="">

提升頁(yè)面性能的方法 1、合并請(qǐng)求 壓縮資源，減少http請(qǐng)求 2、啟用CDN 3、使用緩存 4、減少DNS查找，使用DNS預(yù)解析 5、啟用GZIP壓縮 6、避免30x重定向 7、配置有效的ETAG 8、讓ajax請(qǐng)求可以緩存 9、盡快輸出第一個(gè)字符 10、使用無(wú)cookie域名加載靜態(tài)資源

總結(jié)

以上是生活随笔為你收集整理的前端提升页面性能的方法有哪些的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。