網(wǎng)站優(yōu)化是網(wǎng)頁(yè)指通過(guò)對網(wǎng)站功能、網(wǎng)站結構、優(yōu)化網(wǎng)頁(yè)布局、速度網(wǎng)站內容等要素的網(wǎng)頁(yè)(╯°□°）╯合理設計，使得網(wǎng)站內容和功能表現形式達到對用戶(hù)友好并易于宣傳推廣的優(yōu)化最佳效果，充分發(fā)揮網(wǎng)站的速度網(wǎng)絡(luò )營(yíng)銷(xiāo)價(jià)值，是網(wǎng)頁(yè)一項系統性和全局性的工作，包括對用戶(hù)的優(yōu)化優(yōu)化、對搜索引擎的速度優(yōu)化、對運營(yíng)維護的網(wǎng)頁(yè)優(yōu)化。網(wǎng)站優(yōu)化已經(jīng)成為網(wǎng)絡(luò )營(yíng)銷(xiāo)經(jīng)營(yíng)策略┐(′д｀)┌的優(yōu)化必然要求(′?ω?`)。下面就由新網(wǎng)小編和大家講一講網(wǎng)頁(yè)優(yōu)化速度的速度7種方法。

一、網(wǎng)頁(yè)優(yōu)化圖片資源的優(yōu)化格式和大小 一個(gè)網(wǎng)頁(yè)中，圖片資源的速度大小占比是最多的，??而且單個(gè)的文件的大小也很可觀(guān)。因此，在保證圖片質(zhì)量不變的情況下，盡可能??的使用高壓縮率的圖片格式，圖片格式可以按照這個(gè)優(yōu)先級選擇webp > jpeg > png > bmp。同時(shí)也要根據圖片展示尺寸來(lái)拉取大小最為匹配的圖片資源，不要沒(méi)事就把原圖拉下來(lái)使用。以前我就遇到過(guò)??這種情況，一個(gè)196*196大小區域展示的圖片，它的文件(╯°□°）╯︵ ┻━┻竟然達到了幾兆，最后才發(fā)現把1960*1960分辨率的原圖拉下來(lái)了。 二、開(kāi)啟網(wǎng)絡(luò )??壓縮 大部分瀏覽器在發(fā)出請求時(shí)，會(huì )帶上??這個(gè)標記「Accept-Encodin(??-)?g: gzip, deflate」，表示這個(gè)瀏覽器可以接(′?｀*)受以gzip壓縮方式傳輸數據，如果你的網(wǎng)頁(yè)服務(wù)器也支持gzip壓縮數據，那么數據以gzip方式傳輸時(shí)，會(huì )減少70～80%的流量。 三、使用瀏覽器緩存 同一個(gè)站點(diǎn)下面的不同頁(yè)面，往往都會(huì )復用一部分資源文件，如果把這些資源文件設置為可緩存的，那么在刷新或者跳轉到另一個(gè)頁(yè)面時(shí)，??都無(wú)(wu)須再從網(wǎng)絡(luò )拉取相關(guān)資源，這樣就大大(T_T)加快了網(wǎng)頁(yè)的加載速度。 四、減少重定向請求 有的網(wǎng)站對于不同的終端制作了不同的頁(yè)面，比如說(shuō)在手機上訪(fǎng)問(wèn)(′_｀)微博，會(huì )從we(/ω＼)ibo.com重定向至weibo.cn，每一次重定向都會(huì )導致瀏覽器重新發(fā)起請求??，延長(cháng)加載時(shí)間。對于這種情況，應該盡可能使用響應式設計，一個(gè)weibo.com站點(diǎn)覆蓋至所有終端。 五、使用CDN存儲靜態(tài)資源 CDN是一種靜態(tài)內容分發(fā)網(wǎng)絡(luò )，它在每個(gè)省，甚至每個(gè)城市都部署有自己的服務(wù)器，用于分發(fā)這些靜態(tài)內容，那么當某個(gè)城市的用戶(hù)要拉取某個(gè)資源時(shí)，他會(huì )首選從本地的CDN服務(wù)器上拉取，這樣可以保證他最快速的獲得該資源。據磚家統計，網(wǎng)絡(luò )資源中有70%的是靜態(tài)資源。這就意味著(zhù)，有70%的內容產(chǎn)生后是不會(huì )變化，那么將它們全部放在CDN上面，可以提升這70%的資源的下載速度。 六、減少DNS查詢(xún)次數 很多人喜歡把不同的圖片掛在不同當域名下，比如說(shuō)圖片A掛在a.pm-teac??her.com，圖片B掛在b.pm-teacher.com。當一個(gè)網(wǎng)頁(yè)??同時(shí)使用圖片A和圖片B時(shí)，瀏覽器需要查詢(xún)兩個(gè)域名，要知道，每次解析域名都是會(huì )浪費時(shí)間的，所以盡可能的將全部圖片放在一個(gè)域名下。 七、壓縮??css和js內容 這里說(shuō)的壓縮和第2點(diǎn)并不重復，上面提到的壓縮是不改ヽ(′▽?zhuān)?ノ變文件??內容的壓縮。而css和js中有大量的空格和變量命名（如hello=”hello word”;），如果將這些空格去除，并用簡(jiǎn)單的字母來(lái)代換變量名（如a=”hello word”;），那么這些css和js原文件的大小也會(huì )縮小，這樣也對加快拉取速度是有幫(′ω｀)助的。 不知道你有沒(méi)有看出來(lái)，上面ヾ(?■_■)ノ提到的優(yōu)化方案的核心就3點(diǎn)：減少請求數、減少資源大小、找最快的服務(wù)器。如果你是一個(gè)網(wǎng)站的產(chǎn)品經(jīng)理，快去找你們的開(kāi)發(fā)確認是否有做過(guò)類(lèi)似的(′?_?`)優(yōu)化吧。小伙伴們要想獲得更多網(wǎng)頁(yè)優(yōu)化的內容，請關(guān)注新網(wǎng)。