1.概念
創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都網(wǎng)站制作、成都網(wǎng)站設(shè)計、孝義網(wǎng)絡(luò)推廣、小程序定制開發(fā)、孝義網(wǎng)絡(luò)營銷、孝義企業(yè)策劃、孝義品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎;創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供孝義建站搭建服務(wù),24小時服務(wù)熱線:13518219792,官方網(wǎng)址:www.cdcxhl.com
縮短每個步驟的處理時間從而提升整個資源的訪問和呈現(xiàn)速度
2.編碼部署:
(1)代碼的壓縮與合并
(2)圖片、js、css、等靜態(tài)資源使用和主站不同域名地址存儲,從而使得在傳輸資源時不會帶上不必要的cookie信息
(3)使用內(nèi)容分發(fā)網(wǎng)絡(luò)cdn
(4)為文件設(shè)置Last-Modified、Expires和Etag(設(shè)置文件頭,最近修改時間,過期時間,時間戳)
(5)使用GZIP壓縮傳送
(6)權(quán)衡DNS查找次數(shù)(使用不同域名會增加DNS查找)
(7)避免不必要的重定向(加'/')
2.編碼
3.HTML
使用結(jié)構(gòu)清晰,簡單,語義化標(biāo)簽
避免空的src和href
不要再HTML中縮放圖片
4.CSS
(1)精簡css選擇器(2)把css放到頂部
(3)避免@import方式引入樣式
br/>(2)把css放到頂部
(3)避免@import方式引入樣式
(5)使用css動畫來取代JavaScript動畫
(6)使用字體圖標(biāo)
(7)使用css sprite(雪碧圖)
(8)使用svg圖形
(9)避免使用CSS表達(dá)式
5.JavaScript:
(1)減少引用庫的個數(shù)
(2)使用requirejs或seajs異步加載js
(3)JS放到頁面底部引入
(4)避免全局查找
(5)使用原生方法
(6)用switch語句代替復(fù)雜的if語句
(7)減少語句數(shù),比如多個變量聲明聲明可以寫成一句
(8) 使用字面量表達(dá)式來初始化數(shù)組或者對象
(9)使用innerHTML取代復(fù)雜的元素注入
(10)使用事件代理(事件委托)
(11)避免多次訪問dom選擇集
(12)高頻觸發(fā)事件設(shè)置使用函數(shù)節(jié)流
(13)使用web storage緩存數(shù)據(jù)