張經(jīng)理 / 18665606093
Email / service@2000new.com
掃一掃添加顧問(wèn)
你可能會(huì)想,網(wǎng)站速度有什么大驚小怪的?網(wǎng)頁(yè)平均加載速度有什么重要的?據(jù)阿伯丁集團(tuán)稱,頁(yè)面加載時(shí)間延遲1秒,結(jié)果如下:
頁(yè)面瀏覽量下降了11%
客戶滿意度下降了16%
轉(zhuǎn)換次數(shù)減少了7%
亞馬遜報(bào)告稱,網(wǎng)站速度每100毫秒提高一次,而沃爾瑪?shù)氖杖朐黾恿?%。同時(shí)發(fā)現(xiàn)每個(gè)頁(yè)面速度提高了2%。
你網(wǎng)站的速度也會(huì)影響你的自然搜索排名,因?yàn)镚oogle從2010年開(kāi)始就用網(wǎng)站速度作為其排名算法的信號(hào)?;旧夏愕木W(wǎng)頁(yè)加載速度很重要,它決定了你是否會(huì)在SERP中排名。
這里有6個(gè)簡(jiǎn)單但非常有效的方法,可以通過(guò)修改你的網(wǎng)站設(shè)計(jì)來(lái)立即提高網(wǎng)頁(yè)的速度:
# 1優(yōu)化圖像并延遲加載所有內(nèi)容
網(wǎng)絡(luò)上一些最常見(jiàn)的帶寬是圖像。據(jù)HTTP存檔,現(xiàn)在圖片占頁(yè)面權(quán)重的63%?!敖刂?015年5月,平均網(wǎng)頁(yè)量超過(guò)2 MB大關(guān)。這幾乎是三年前平均頁(yè)面大小的兩倍。
“圖表顯示了消耗最多千字節(jié)的細(xì)分。事實(shí)上,所有資產(chǎn)類型都在增長(zhǎng),最值得注意的是圖像。
在創(chuàng)建內(nèi)容時(shí),有些人使用大圖像,然后使用CSS來(lái)縮放它們。然而,他們不知道瀏覽器仍然以全尺寸加載它們。比如一張800 x 800的圖片縮小到80 x 80,瀏覽器會(huì)加載十倍以上。
優(yōu)化圖像的最好方法是將其壓縮到較小的尺寸,同時(shí)保持質(zhì)量。使用TinyJPG和Compressor.io等工具,或者WP Smush It(WordPress)和Imgen(Joomla)等CMS插件壓縮圖像,會(huì)保證你的網(wǎng)站加載速度更快,從而為網(wǎng)站訪問(wèn)者提供更好的體驗(yàn),提高轉(zhuǎn)化率。
另一個(gè)選擇是“延遲加載”圖像和網(wǎng)頁(yè)內(nèi)容。本質(zhì)上,您可以使用一些JavaScript來(lái)找出哪些圖像位于視口處或附近,并且只下載用戶可能看到的圖像。
根據(jù)Stackpath總結(jié)的延遲加載的優(yōu)勢(shì)包括:
延遲加載在優(yōu)化內(nèi)容交付和簡(jiǎn)化最終用戶體驗(yàn)之間取得了平衡。
用戶連接到內(nèi)容的速度更快,因?yàn)楫?dāng)用戶第一次打開(kāi)網(wǎng)站時(shí),只需要下載一部分。
隨著內(nèi)容向用戶的不斷提供,企業(yè)看到了更高的客戶保留率,降低了用戶離開(kāi)網(wǎng)站的幾率。
企業(yè)看到資源成本在降低,因?yàn)閮?nèi)容只有在用戶需要的時(shí)候才能交付,而不是一次。# 2使用瀏覽器緩存
設(shè)置瀏覽器緩存允許您將臨時(shí)數(shù)據(jù)存儲(chǔ)在網(wǎng)站訪問(wèn)者的計(jì)算機(jī)上。這確保了他們不必在每次訪問(wèn)您的網(wǎng)站時(shí)都等待您的網(wǎng)頁(yè)(徽標(biāo)、CSS文件和其他資源)加載。
服務(wù)器端緩存及其瀏覽配置決定了數(shù)據(jù)的存儲(chǔ)時(shí)間。在您的服務(wù)器上設(shè)置瀏覽器緩存可以通過(guò)聯(lián)系您的托管公司或查看以下資源來(lái)完成:
Apache緩存
Iis緩存
Nginx緩存
使用瀏覽器緩存指定網(wǎng)頁(yè)瀏覽器保存CSS、JS和圖像的時(shí)間。對(duì)于回頭客來(lái)說(shuō),它使你的網(wǎng)頁(yè)加載速度更快,從而產(chǎn)生流暢的體驗(yàn),并在導(dǎo)航和搜索結(jié)果頁(yè)面(SERP)中獲得更好的排名。
此外,安裝緩存插件會(huì)對(duì)您的頁(yè)面加載時(shí)間產(chǎn)生巨大影響。緩存插件通過(guò)生成內(nèi)容的靜態(tài)副本并將其傳遞給站點(diǎn)訪問(wèn)者來(lái)處理這個(gè)問(wèn)題。這可以大大減少您的頁(yè)面加載時(shí)間。
緩存插件可以幫助您看到網(wǎng)站整體性能提高約10倍。緩存插件的例子包括W3總緩存。
# 3壓縮網(wǎng)絡(luò)內(nèi)容
Google將壓縮定義為用更少的比特對(duì)信息進(jìn)行編碼的過(guò)程。雖然最新的網(wǎng)絡(luò)瀏覽器支持內(nèi)容壓縮,但許多網(wǎng)站仍然不發(fā)布?jí)嚎s內(nèi)容。
這些網(wǎng)站的訪問(wèn)者與網(wǎng)頁(yè)的互動(dòng)很慢。這些不利網(wǎng)站行為的主要原因包括舊的或錯(cuò)誤的瀏覽器、網(wǎng)絡(luò)代理、配置錯(cuò)誤的主機(jī)服務(wù)器和防病毒軟件。
未壓縮的內(nèi)容使得帶寬有限的用戶接收網(wǎng)頁(yè)內(nèi)容和加載頁(yè)面的速度非常慢。為了通過(guò)有效的壓縮策略提供高效的網(wǎng)站內(nèi)容,Google建議如下:
1)Minify,HTML,CSS,JavaScript
2)在CSS和HTML中使用一致的代碼,如下所示:
使用一致的規(guī)范——大部分是小寫。
請(qǐng)確保引用HTML標(biāo)記屬性。
以相同的順序顯示HTML屬性。
使用Adobe DreamWeaver和MAMP等工具在電腦上本地創(chuàng)建/編輯CSS,測(cè)試和運(yùn)行網(wǎng)站,并以相同的順序指示CSS鍵值對(duì)(KVP)。
3)啟用Gzip壓縮
Gzip查找相似的字符串和代碼實(shí)例,并臨時(shí)用較短的字符替換它們。谷歌表示,“啟用Gzip壓縮可以將傳輸響應(yīng)的大小減少高達(dá)90%,這可以顯著減少下載資源的時(shí)間,減少客戶端的數(shù)據(jù)使用,并提高首次呈現(xiàn)頁(yè)面的時(shí)間?!?/p>
# 4優(yōu)化CSS代碼和交付CSS的引入是一個(gè)關(guān)鍵的改進(jìn),幾乎沒(méi)有缺點(diǎn)。但是,必須考慮CSS腳本對(duì)頁(yè)面速度的影響,尤其是涉及到一個(gè)網(wǎng)頁(yè)的呈現(xiàn)時(shí)。
當(dāng)CSS沒(méi)有正確傳遞時(shí),它會(huì)導(dǎo)致瀏覽器在下載和處理樣式數(shù)據(jù)時(shí)延遲,然后才能完全呈現(xiàn)并顯示給您網(wǎng)頁(yè)的訪問(wèn)者。這就是為什么優(yōu)化CSS傳遞和識(shí)別可能降低網(wǎng)頁(yè)速度的陷阱是至關(guān)重要的。
CSS可以通過(guò)網(wǎng)頁(yè)多種方式使用,現(xiàn)在依然有效。由于有各種各樣的使用方法,所以有幾種不同的CSS設(shè)置。無(wú)論你如何在網(wǎng)頁(yè)上設(shè)置它,你的CSS應(yīng)該幫助你的網(wǎng)頁(yè)渲染得更快,而不會(huì)變慢。
您可以使用不同的在線工具來(lái)壓縮、優(yōu)化和清理CSS傳遞。另外可以參考Google關(guān)于優(yōu)化CSS投遞的建議。
使用速度非常快的服務(wù)器托管公司排名第五
有一段時(shí)間換了托管公司,網(wǎng)站平均速度明顯提升,沒(méi)有任何其他變化。當(dāng)時(shí)我就意識(shí)到,說(shuō)到網(wǎng)站的加載速度,并不是所有的托管公司都是平等的。
瀏覽網(wǎng)站或打開(kāi)網(wǎng)頁(yè)時(shí),您將從遠(yuǎn)程計(jì)算機(jī)(即托管公司的網(wǎng)絡(luò)服務(wù)器)打開(kāi)文件。遠(yuǎn)程計(jì)算機(jī)越快,您的網(wǎng)頁(yè)打開(kāi)的速度就越快。
那里有各種托管公司供你使用。在你決定使用任何主機(jī)來(lái)托管你的網(wǎng)站之前,確保你做了適當(dāng)?shù)难芯坎㈤喿x了足夠的評(píng)論。
在研究可靠的網(wǎng)絡(luò)托管公司時(shí),您應(yīng)該注意的最重要的因素包括速度/加載時(shí)間、正常運(yùn)行時(shí)間/可靠性、客戶支持和價(jià)格/價(jià)值。
# 6停用未使用的插件
插件通常是減緩WordPress托管網(wǎng)站速度的主要原因。刪除不再使用或不需要的插件。您可以通過(guò)有選擇地禁用插件和測(cè)量服務(wù)器性能來(lái)識(shí)別可能損害您的速度的插件。
另外,為了加快你的WordPress網(wǎng)站在手機(jī)上的體驗(yàn),請(qǐng)查看我們的指南,盡快在你的WordPress網(wǎng)站上實(shí)現(xiàn)Google AMP。
結(jié)論
用戶會(huì)繼續(xù)要求更豐富的在線體驗(yàn),會(huì)有更快更清晰的JavaScript,更多的CSS提示等第三方分析工具來(lái)增加你的網(wǎng)頁(yè)大小,衡量你的網(wǎng)站。
作為一名在線營(yíng)銷人員,你不能讓這種情況迷惑你。您必須經(jīng)常努力擴(kuò)展您的網(wǎng)頁(yè)設(shè)計(jì),以提高您的網(wǎng)頁(yè)加載速度。稍微持續(xù)關(guān)注一下你網(wǎng)站的加載速度,會(huì)大有幫助。記?。耗愕木W(wǎng)站加載速度延遲一秒鐘就是失去領(lǐng)先優(yōu)勢(shì)。