性能優(yōu)化

性能優(yōu)化有哪些方法

1.盡量減少http的請求數(shù)量

1.合并js。css
2.圖片sprites

2.延遲加載內(nèi)容

1.圖片懶加載
2.功能懶加載(點(diǎn)擊查看更多)
3.功能懶加載(曝光加載更多)

3.使用離線緩存

把更改少,常用的js css 圖片通過localstorage緩存到瀏覽器

4.正確放置css,js文件位置

css放在head里
js放在html后面

5.靜態(tài)資源壓縮

圖片,js,css壓縮

6.靜態(tài)資源使用多個域名

可以并發(fā)加載

7.靜態(tài)資源使用cdn加載

8.DOM操作優(yōu)化

1.緩存已經(jīng)訪問過的有關(guān)元素
2.線下更新完節(jié)點(diǎn)之后再添加到頁面
3.避免使用js更改頁面

9.盡量使用事件代理

不要再html中壓縮圖片

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 性能優(yōu)化方向分類 請求數(shù)量: 合并腳本和樣式表, CSS Sprites, 拆分初始化負(fù)載, 劃分主域(使用“查找...
    Www劉閱讀 1,799評論 3 8
  • 圍繞前端的性能多如牛毛,涉及到方方面面,以我我們將圍繞PC瀏覽器和移動端瀏覽器的優(yōu)化策略進(jìn)行羅列注意,是羅列不是展...
    流動碼文閱讀 695評論 0 0
  • 1. 盡量減少HTTP請求次數(shù) 合并js 合并css 圖片sprite 2. 延遲加載內(nèi)容 圖片懶加載 數(shù)據(jù)懶加載...
    Aleph_Zheng閱讀 4,274評論 0 4
  • H5性能優(yōu)化方案 H5性能優(yōu)化意義 對于一個H5的產(chǎn)品,功能無疑很重要,但是性能同樣是用戶體驗(yàn)中不可或缺的一環(huán)。原...
    自然心情閱讀 8,066評論 0 14
  • 知道自己在為什么而活 而不是茍且的度日時 一個人也就明白了自己真正想要的是什么 該走怎樣的路 吃怎樣的苦 和怎樣的...
    笙胖_Chou閱讀 273評論 2 0