你可能會想，網(wǎng)站速度有什么大驚小怪的？網(wǎng)頁平均加載速度有什么重要的？據(jù)阿伯丁集團(tuán)稱，頁面加載時間延遲1秒，結(jié)果如下：

　　頁面瀏覽量下降了11%

　　客戶滿意度下降了16%

　　轉(zhuǎn)換次數(shù)減少了7%

　　亞馬遜報告稱，網(wǎng)站速度每100毫秒提高一次，而沃爾瑪?shù)氖杖朐黾恿?%。同時發(fā)現(xiàn)每個頁面速度提高了2%。

　　你網(wǎng)站的速度也會影響你的自然搜索排名，因為Google從2010年開始就用網(wǎng)站速度作為其排名算法的信號?；旧夏愕木W(wǎng)頁加載速度很重要，它決定了你是否會在SERP中排名。

　　這里有6個簡單但非常有效的方法，可以通過修改你的網(wǎng)站設(shè)計來立即提高網(wǎng)頁的速度：

　　# 1優(yōu)化圖像并延遲加載所有內(nèi)容

　　網(wǎng)絡(luò)上一些最常見的帶寬是圖像。據(jù)HTTP存檔，現(xiàn)在圖片占頁面權(quán)重的63%。“截至2015年5月，平均網(wǎng)頁量超過2 MB大關(guān)。這幾乎是三年前平均頁面大小的兩倍。

　　“圖表顯示了消耗最多千字節(jié)的細(xì)分。事實上，所有資產(chǎn)類型都在增長，最值得注意的是圖像。

　　在創(chuàng)建內(nèi)容時，有些人使用大圖像，然后使用CSS來縮放它們。然而，他們不知道瀏覽器仍然以全尺寸加載它們。比如一張800 x  800的圖片縮小到80 x  80，瀏覽器會加載十倍以上。

　　優(yōu)化圖像的最好方法是將其壓縮到較小的尺寸，同時保持質(zhì)量。使用TinyJPG和Compressor.io等工具，或者WP  Smush  It(WordPress)和Imgen(Joomla)等CMS插件壓縮圖像，會保證你的網(wǎng)站加載速度更快，從而為網(wǎng)站訪問者提供更好的體驗，提高轉(zhuǎn)化率。

　　另一個選擇是“延遲加載”圖像和網(wǎng)頁內(nèi)容。本質(zhì)上，您可以使用一些JavaScript來找出哪些圖像位于視口處或附近，并且只下載用戶可能看到的圖像。

　　根據(jù)Stackpath總結(jié)的延遲加載的優(yōu)勢包括：

　　延遲加載在優(yōu)化內(nèi)容交付和簡化最終用戶體驗之間取得了平衡。

　　用戶連接到內(nèi)容的速度更快，因為當(dāng)用戶第一次打開網(wǎng)站時，只需要下載一部分。

　　隨著內(nèi)容向用戶的不斷提供，企業(yè)看到了更高的客戶保留率，降低了用戶離開網(wǎng)站的幾率。

　　企業(yè)看到資源成本在降低，因為內(nèi)容只有在用戶需要的時候才能交付，而不是一次。# 2使用瀏覽器緩存

　　設(shè)置瀏覽器緩存允許您將臨時數(shù)據(jù)存儲在網(wǎng)站訪問者的計算機(jī)上。這確保了他們不必在每次訪問您的網(wǎng)站時都等待您的網(wǎng)頁(徽標(biāo)、CSS文件和其他資源)加載。

　　服務(wù)器端緩存及其瀏覽配置決定了數(shù)據(jù)的存儲時間。在您的服務(wù)器上設(shè)置瀏覽器緩存可以通過聯(lián)系您的托管公司或查看以下資源來完成：

　　Apache緩存

　　Iis緩存

　　Nginx緩存

　　使用瀏覽器緩存指定網(wǎng)頁瀏覽器保存CSS、JS和圖像的時間。對于回頭客來說，它使你的網(wǎng)頁加載速度更快，從而產(chǎn)生流暢的體驗，并在導(dǎo)航和搜索結(jié)果頁面(SERP)中獲得更好的排名。

　　此外，安裝緩存插件會對您的頁面加載時間產(chǎn)生巨大影響。緩存插件通過生成內(nèi)容的靜態(tài)副本并將其傳遞給站點(diǎn)訪問者來處理這個問題。這可以大大減少您的頁面加載時間。

　　緩存插件可以幫助您看到網(wǎng)站整體性能提高約10倍。緩存插件的例子包括W3總緩存。

　　# 3壓縮網(wǎng)絡(luò)內(nèi)容

　　Google將壓縮定義為用更少的比特對信息進(jìn)行編碼的過程。雖然最新的網(wǎng)絡(luò)瀏覽器支持內(nèi)容壓縮，但許多網(wǎng)站仍然不發(fā)布壓縮內(nèi)容。

　　這些網(wǎng)站的訪問者與網(wǎng)頁的互動很慢。這些不利網(wǎng)站行為的主要原因包括舊的或錯誤的瀏覽器、網(wǎng)絡(luò)代理、配置錯誤的主機(jī)服務(wù)器和防病毒軟件。

　　未壓縮的內(nèi)容使得帶寬有限的用戶接收網(wǎng)頁內(nèi)容和加載頁面的速度非常慢。為了通過有效的壓縮策略提供高效的網(wǎng)站內(nèi)容，Google建議如下：

　　1)Minify，HTML，CSS，JavaScript

　　2)在CSS和HTML中使用一致的代碼，如下所示：

　　使用一致的規(guī)范——大部分是小寫。

　　請確保引用HTML標(biāo)記屬性。

　　以相同的順序顯示HTML屬性。

　　使用Adobe  DreamWeaver和MAMP等工具在電腦上本地創(chuàng)建/編輯CSS，測試和運(yùn)行網(wǎng)站，并以相同的順序指示CSS鍵值對(KVP)。

　　3)啟用Gzip壓縮

　　Gzip查找相似的字符串和代碼實例，并臨時用較短的字符替換它們。谷歌表示，“啟用Gzip壓縮可以將傳輸響應(yīng)的大小減少高達(dá)90%，這可以顯著減少下載資源的時間，減少客戶端的數(shù)據(jù)使用，并提高首次呈現(xiàn)頁面的時間?！?/p>

　　# 4優(yōu)化CSS代碼和交付CSS的引入是一個關(guān)鍵的改進(jìn)，幾乎沒有缺點(diǎn)。但是，必須考慮CSS腳本對頁面速度的影響，尤其是涉及到一個網(wǎng)頁的呈現(xiàn)時。

　　當(dāng)CSS沒有正確傳遞時，它會導(dǎo)致瀏覽器在下載和處理樣式數(shù)據(jù)時延遲，然后才能完全呈現(xiàn)并顯示給您網(wǎng)頁的訪問者。這就是為什么優(yōu)化CSS傳遞和識別可能降低網(wǎng)頁速度的陷阱是至關(guān)重要的。

　　CSS可以通過網(wǎng)頁多種方式使用，現(xiàn)在依然有效。由于有各種各樣的使用方法，所以有幾種不同的CSS設(shè)置。無論你如何在網(wǎng)頁上設(shè)置它，你的CSS應(yīng)該幫助你的網(wǎng)頁渲染得更快，而不會變慢。

　　您可以使用不同的在線工具來壓縮、優(yōu)化和清理CSS傳遞。另外可以參考Google關(guān)于優(yōu)化CSS投遞的建議。

　　使用速度非?？斓姆?wù)器托管公司排名第五

　　有一段時間換了托管公司，網(wǎng)站平均速度明顯提升，沒有任何其他變化。當(dāng)時我就意識到，說到網(wǎng)站的加載速度，并不是所有的托管公司都是平等的。

　　瀏覽網(wǎng)站或打開網(wǎng)頁時，您將從遠(yuǎn)程計算機(jī)(即托管公司的網(wǎng)絡(luò)服務(wù)器)打開文件。遠(yuǎn)程計算機(jī)越快，您的網(wǎng)頁打開的速度就越快。

　　那里有各種托管公司供你使用。在你決定使用任何主機(jī)來托管你的網(wǎng)站之前，確保你做了適當(dāng)?shù)难芯坎㈤喿x了足夠的評論。

　　在研究可靠的網(wǎng)絡(luò)托管公司時，您應(yīng)該注意的最重要的因素包括速度/加載時間、正常運(yùn)行時間/可靠性、客戶支持和價格/價值。

　　# 6停用未使用的插件

　　插件通常是減緩WordPress托管網(wǎng)站速度的主要原因。刪除不再使用或不需要的插件。您可以通過有選擇地禁用插件和測量服務(wù)器性能來識別可能損害您的速度的插件。

　　另外，為了加快你的WordPress網(wǎng)站在手機(jī)上的體驗，請查看我們的指南，盡快在你的WordPress網(wǎng)站上實現(xiàn)Google  AMP。

　　結(jié)論

　　用戶會繼續(xù)要求更豐富的在線體驗，會有更快更清晰的JavaScript，更多的CSS提示等第三方分析工具來增加你的網(wǎng)頁大小，衡量你的網(wǎng)站。

　　作為一名在線營銷人員，你不能讓這種情況迷惑你。您必須經(jīng)常努力擴(kuò)展您的網(wǎng)頁設(shè)計，以提高您的網(wǎng)頁加載速度。稍微持續(xù)關(guān)注一下你網(wǎng)站的加載速度，會大有幫助。記?。耗愕木W(wǎng)站加載速度延遲一秒鐘就是失去領(lǐng)先優(yōu)勢。