您好,登錄后才能下訂單哦!
1.概念
縮短每個步驟的處理時間從而提升整個資源的訪問和呈現速度
2.編碼部署:
(1)代碼的壓縮與合并
(2)圖片、js、css、等靜態資源使用和主站不同域名地址存儲,從而使得在傳輸資源時不會帶上不必要的cookie信息
(3)使用內容分發網絡CDN
(4)為文件設置Last-Modified、Expires和Etag(設置文件頭,最近修改時間,過期時間,時間戳)
(5)使用GZIP壓縮傳送
(6)權衡DNS查找次數(使用不同域名會增加DNS查找)
(7)避免不必要的重定向(加'/')
2.編碼
3.HTML
使用結構清晰,簡單,語義化標簽
避免空的src和href
不要再HTML中縮放圖片
4.CSS
(1)精簡css選擇器(2)把css放到頂部
(3)避免@import方式引入樣式
br/>(2)把css放到頂部
(3)避免@import方式引入樣式
(5)使用css動畫來取代JavaScript動畫
(6)使用字體圖標
(7)使用css sprite(雪碧圖)
(8)使用svg圖形
(9)避免使用CSS表達式
5.JavaScript:
(1)減少引用庫的個數
(2)使用requirejs或seajs異步加載js
(3)JS放到頁面底部引入
(4)避免全局查找
(5)使用原生方法
(6)用switch語句代替復雜的if語句
(7)減少語句數,比如多個變量聲明聲明可以寫成一句
(8) 使用字面量表達式來初始化數組或者對象
(9)使用innerHTML取代復雜的元素注入
(10)使用事件代理(事件委托)
(11)避免多次訪問dom選擇集
(12)高頻觸發事件設置使用函數節流
(13)使用web storage緩存數據
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。