日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

关于提高网页加载速度个人学习以及经验总结

發布時間:2025/3/12 编程问答 18 豆豆
生活随笔 收集整理的這篇文章主要介紹了 关于提高网页加载速度个人学习以及经验总结 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

性能黃金法則:

記住:只有10% - 20%的最終用戶時間花在了下載HTML文檔上,其余的80%-90%時間花在下載頁面中的所有組件(js、css 、image 、flash)進行的http請求上。


根據上面的黃金法則,可以知道網頁提速方式就是減少http或縮短組件請求時間等方式解決,具體如下:

·使用外部js和css,用戶大量訪問量的情況緩存文件可提高組件利用,但首次加載會增加http請求數(區別權衡 );


·css放在head頭部,可以避免構建dom樹后樣式仍在加載的‘白屏’問題;


·js放在body底部,和css放在頭部一樣可以減少首屏出現的時間;


·精簡js和css,去掉不必須的空格和注釋,刪除重復;


·壓縮js文件,減小文件大小;


·盡量使用文字和css效果代替圖片,如字體圖標;


·控制單張圖片資源大小,通過控制尺寸大小和部分圖片可以轉jpg格式;


·通過cssSprite進行圖片合并,減少圖片http請求;


·使用CDN內容發布網絡,距離用戶更近的web服務器將使得用戶響應速度縮短;


·避免css表達式的出現;


·避免重定向(多余的post和重定向),可直接a鏈接跳轉;


·不使用table布局,每次更改會導致整個表格重新計算,且table頁面是整個頁面加載后再進行渲染的;


后續繼續補充....

可以結合另一篇更詳細的性能優化的筆記一起 https://blog.csdn.net/zhouzuoluo/article/details/80727456

總結

以上是生活随笔為你收集整理的关于提高网页加载速度个人学习以及经验总结的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。