前端發(fā)開(kāi)中如何進(jìn)行性能優(yōu)化
小編給大家分享一下前端發(fā)開(kāi)中如何進(jìn)行性能優(yōu)化，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供槐蔭網(wǎng)站建設(shè)、槐蔭做網(wǎng)站、槐蔭網(wǎng)站設(shè)計(jì)、槐蔭網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、槐蔭企業(yè)網(wǎng)站模板建站服務(wù)，十年槐蔭做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
content方面
1，減少HTTP請(qǐng)求：合并文件、CSS精靈、inline Image
2，減少DNS查詢：DNS查詢完成之前瀏覽器不能從這個(gè)主機(jī)下載任何任何文件。方法：DNS緩存、將資源分布到恰當(dāng)數(shù)量的主機(jī)名，平衡并行下載和DNS查詢
3，避免重定向：多余的中間訪問(wèn)
4，使Ajax可緩存
5，非必須組件延遲加載
6，未來(lái)所需組件預(yù)加載
7，減少DOM元素?cái)?shù)量
8，將資源放到不同的域下：瀏覽器同時(shí)從一個(gè)域下載資源的數(shù)目有限，增加域可以提高并行下載量
9，減少iframe數(shù)量
10，不要404
Server方面
1，使用cdn
2，添加Expires或者Cache-Control響應(yīng)頭
3，對(duì)組件使用Gzip壓縮
4，配置ETag
5，F(xiàn)lush Buffer Early
6，Ajax使用GET進(jìn)行請(qǐng)求
7，避免空src的img標(biāo)簽
Cookie方面
1，減小cookie大小
2，引入資源的域名不要包含cookie
css方面
1，將樣式表放到頁(yè)面頂部
2，不使用CSS表達(dá)式
3，使用不使用@import
4，不使用IE的Filter
Javascript方面
1，將腳本放到頁(yè)面底部
2，將javascript和css從外部引入
3，壓縮javascript和css
4，刪除不需要的腳本
5，減少DOM訪問(wèn)
6，合理設(shè)計(jì)事件監(jiān)聽(tīng)器
圖片方面
1，優(yōu)化圖片：根據(jù)實(shí)際顏色需要選擇色深、壓縮
2，優(yōu)化css精靈
3，不要在HTML中拉伸圖片
4，保證favicon.ico小并且可緩存
移動(dòng)方面
1，保證組件小于25k
2，Pack Components into a Multipart Document
以上是“前端發(fā)開(kāi)中如何進(jìn)行性能優(yōu)化”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
網(wǎng)頁(yè)名稱：前端發(fā)開(kāi)中如何進(jìn)行性能優(yōu)化
文章源于：http://m.jiaotiyi.com/article/pgcjsd.html