網(wǎng)站性能如何進(jìn)行優(yōu)化

網(wǎng)站性能如何進(jìn)行優(yōu)化？很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

進(jìn)行網(wǎng)站性能優(yōu)化有：1、content方面，減少HTTP請(qǐng)求，減少DNS查詢，避免重定向；2、Server方面，使用CDN，使用Gzip壓縮，避免空src的img標(biāo)簽；3、cookie方面，減小Cookie。

1、Content方面

減少HTTP請(qǐng)求：合并文件、CSS精靈、inline image

減少DNS查詢： DNS查詢完之前瀏覽器不能從這個(gè)主機(jī)下載任何文件、方法：DNS緩存、講資源分布到恰當(dāng)?shù)臄?shù)量的主機(jī)名，平衡并行下載和DNS查詢

避免重定向 ： 多余的中間訪問

使用AJAX緩存

非必須組件延遲加載

未來所需組件預(yù)加載

減少DOM元素?cái)?shù)量

將資源放到不同的域下面：瀏覽器同時(shí)從一個(gè)域下載資源的數(shù)目有限，增加域可以提高并行下載量

減少iframe數(shù)量

不要404

2、Server方面

使用CDN

添加Expires或者Cache-Control： 當(dāng)Cache-Control和Expires同時(shí)存在時(shí)，Cache-Control會(huì)覆蓋Expires。相關(guān)鏈接

使用Gzip壓縮

配置Etag

Flush Buffer Early

Ajax使用GET進(jìn)行請(qǐng)求

避免空src的img標(biāo)簽

3、Cookie方面

減小Cookie

引入資源的域名不要包含cookie

4、CSS方面

將樣式表放到頂部

不要使用CSS表達(dá)式

不使用@import

不使用IE的Filter

5、JavaScript

將腳本放到頁面的底部

將JavaScript和CSS從外部引入

壓縮JavaScript和CSS

刪除不需要的腳本

減少DOM的查詢

合理設(shè)計(jì)事件監(jiān)聽器

6、圖片方面

優(yōu)化圖片： 根據(jù)實(shí)際顏色需要選擇色深、壓縮

優(yōu)化CSS精靈

不要在HTML中拉伸圖片

保證favicon、ico小并且可緩存

7、移動(dòng)方面

保證組件小于25K

Pack Components into a Multipart Document

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注億速云行業(yè)資訊頻道，感謝您對(duì)億速云的支持。