web前端優(yōu)化

1.使用CDN加速,
2.靜態(tài)資源的壓縮合并,
3.減少HTTP請求,
4.盡可能的減少DOM操作,
5.由于瀏覽器渲染機制的影響,JS,CSS文件放在頁面最底部
6.使用懶加載,
7.使用瀏覽器緩存,本地存儲,減少請求數(shù)量
8.使用SSR(server side rendering)后端渲染,數(shù)據直接輸出到HTML
9.項目中采用按需加載

渲染類的一些方法:

1.壓縮圖片,
2.盡量使用CSS動畫,開啟GPU加速
3.Iconfont代替圖片

  1. 精簡代碼,壓縮代碼
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 轉載自:http://web.jobbole.com/82197/ 前端的性能對于一個Web應用來說非常重要,如果...
    天字一等閱讀 723評論 0 2
  • 開發(fā)前端也有幾年了,一直很忙,課下看書,或者做一些筆記,看看別人的見解,也會做一些筆記記錄,有時間就來刷刷掘金,逛...
    程序蝸牛閱讀 11,826評論 1 18
  • 一、Web前端優(yōu)化最佳實踐之 內容 1. 盡量減少HTTP請求; 合并文件,比如把多個css文件合成一個;CSS ...
    LiLi原上草閱讀 569評論 0 3
  • 一、Web前端優(yōu)化最佳實踐之 內容 盡量減少HTTP請求; 合并文件,比如把多個css文件合成一個;CSS Spr...
    LaBaby_閱讀 547評論 0 3
  • 懷著一顆獵奇的心在讀《艾瑞克森》想要學習一點催眠的知識,書看了大半沒有學習到如何的催眠人。 但卻認識了一個熱情,慈...
    致敬喬布斯閱讀 326評論 0 0

友情鏈接更多精彩內容