【幹貨】快速提升您的網頁速度

發(fā)布時(shí)間：2019-12-11

不管是用Magento,還(hái)是Shopify系統建站,假如一個網頁的加載時(shí)間需要十幾秒或者更長(cháng)的時(shí)間，這(zhè)種(zhǒng)情況很有可能(néng)導緻用戶放棄訪問我們的網站而導緻網站流量的流失，并且這(zhè)種(zhǒng)過(guò)慢的加載速度還(hái)有可能(néng)影響網站在搜索引擎中的綜合搜索排名。

首先，Google并不是利用其網絡爬蟲，而是Chrome浏覽器來跟蹤網頁速度。因爲之前谷歌在開(kāi)發(fā)Chrome浏覽器的時(shí)候，就(jiù)已經(jīng)發(fā)開(kāi)出了檢測網頁速度的工具。當用戶使用Chrome浏覽器訪問網頁時(shí)，Chrome的跟蹤工具便將(jiāng)網頁打開(kāi)速度等相關信息發(fā)送給谷歌，一些需要花費較長(cháng)時(shí)間加載的頁面(miàn)可能(néng)會(huì)被(bèi)降權，對(duì)那些網頁速度較快的網頁給予較高的排名。

用Magento建站的大多數用戶反饋：

網站加載耗時(shí)較長(cháng)。這(zhè)是因爲Magento爲了保證圖片清晰度，代碼合理設置，保留了許多隐藏的功能(néng)。雖然這(zhè)些功能(néng)并不在前台頁面(miàn)直接顯示，但是在打開(kāi)頁面(miàn)時(shí)仍然會(huì)運行一次，然後(hòu)再執行隐藏命令。而shopify建站系統則充分考慮了各方面(miàn)的影響，在保證圖片質量的前提下，對(duì)于各模版不需要的功能(néng)進(jìn)行剔除，但需要的時(shí)候可以再從資源庫中添加。

以下是通用優化加載，提升網頁速度的要點：

有時(shí)候，影響網站流量和排名的因素可能(néng)不僅僅是由于我們的SEO優化工作，還(hái)有可能(néng)是因爲網頁的加載速度過(guò)慢。事(shì)實上，影響網頁的加載速度除了網速等一些外在因素之外，還(hái)與網站内部的因素有關。

假如一個網頁的加載時(shí)間需要十幾秒或者更長(cháng)的時(shí)間，這(zhè)種(zhǒng)情況很有可能(néng)導緻用戶放棄訪問我們的網站而導緻網站流量的流失，并且這(zhè)種(zhǒng)過(guò)慢的加載速度還(hái)有可能(néng)影響網站在搜索引擎中的綜合搜索排名。

谷歌如何看待網頁速度：

首先我們以谷歌爲例，了解搜索引擎是如何看待這(zhè)個問題。早前，谷歌的資深IT工程師MattCutts就(jiù)宣布過(guò)，谷歌將(jiāng)把網頁速度作爲網站排名算法的考慮因素之一。并且，一些需要花費較長(cháng)時(shí)間加載的頁面(miàn)可能(néng)會(huì)被(bèi)降權。

谷歌并不是利用其網絡爬蟲，而是Chrome浏覽器來跟蹤網頁速度。因爲之前谷歌在開(kāi)發(fā)Chrome浏覽器的時(shí)候，就(jiù)已經(jīng)發(fā)開(kāi)出了檢測網頁速度的工具。當用戶使用Chrome浏覽器訪問網頁時(shí)，Chrome的跟蹤工具便將(jiāng)網頁打開(kāi)速度等相關信息發(fā)送給谷歌。

那麼(me)，對(duì)于沒(méi)有使用谷歌浏覽器的用戶，谷歌又是如何處理的？事(shì)實上，谷歌通過(guò)對(duì)你的網頁速度和競争對(duì)手的網頁速度做對(duì)比。谷歌記錄這(zhè)種(zhǒng)對(duì)比結果，然後(hòu)將(jiāng)其作爲影響網頁排名的因素之一。由此可見，網頁速度确實一直影響著(zhe)網頁的排名。而搜索引擎确實會(huì)對(duì)那些網頁速度較快的網頁給予較高的排名。

如何快速提升網頁速度：

以下從搜索引擎優化的角度簡要介紹五種(zhǒng)能(néng)夠快速提升網頁速度的方法。

1、優化數據庫
大部分的網站都(dōu)會(huì)用到數據庫，如果沒(méi)有合理優化數據庫，也有可能(néng)導緻網頁打開(kāi)速度過(guò)慢。添加索引一直被(bèi)認爲是優化數據庫的最佳方法之一。索引不僅能(néng)夠縮小數據庫的搜索範圍，還(hái)有利于快速返回相關數據至網頁。

2、減少使用頁面(miàn)跟蹤代碼、視頻嵌入和分享按鍵
將(jiāng)跟蹤代碼放置在網頁的底部，這(zhè)樣(yàng)便能(néng)确保在還(hái)沒(méi)有完全加載好(hǎo)的頁面(miàn)中，用戶仍然能(néng)夠看見該網頁。大部分的分享按鍵都(dōu)是基于javascript形成(chéng)的，而所有javascript所産生的行爲便可形成(chéng)iFrame内嵌框架，最終還(hái)是會(huì)影響網頁速度。因此分享按鍵的使用規則也是盡量少用，有必要再用。建議站長(cháng)們針對(duì)網站類型及功能(néng)需求添加代碼或分享按鍵。特别是對(duì)于小型企業站，分享按鍵可以暫時(shí)不加。

3、啓用緩存

爲你的網站啓用緩存可以改善用戶體驗，因爲它會(huì)在用戶浏覽器上存儲你的網站版本，并在你的網站更新之前提供相同的版本。在WordPress中，你可以通過(guò)添加以下插件W3 Total Cache或W3 Super Cache來實現這(zhè)一點。

4、采用CDN(ContentDeliveryNetworks)

CDN系統通過(guò)在多個地區的服務器上創建網頁副本而達到提高網頁速度的效果。目前，國(guó)内外已有非常多的CDN供應商，如：亞馬遜、Rackspace等。不過(guò)這(zhè)種(zhǒng)服務需要付費。但是爲了提高網頁速度，采用這(zhè)種(zhǒng)服務還(hái)是很有必要的。

5、FasterChrome

FasterChrome 是基于 instant.page 項目開(kāi)發(fā)的可以加速網站的腳本，而所謂的黑科技也是使用即時(shí)預加載的原理， 它會(huì)在用戶點擊網站鏈接之前預先加載你要點擊的網頁内容。

在你點擊鏈接之前，將(jiāng)鼠标懸停在網頁鏈接上的時(shí)候，當懸停時(shí)間達到65毫秒時(shí)，這(zhè)款腳本此時(shí)將(jiāng)開(kāi)始預加載你要點擊的網頁。正常情況我們鼠标從懸停到點擊平均用時(shí)超過(guò)300毫秒，也就(jiù)是這(zhè)款工具有240多毫秒的時(shí)間來預加載網頁。

大家也不要小看這(zhè)200毫秒，人類大腦即時(shí)感知行動時(shí)間不到100毫秒，足以讓你感覺到快~~尤其是加載一些圖片内容比較多的網站，會(huì)有很明顯速度提升。

以上就(jiù)是加快網站速度的一些小技巧，但是要記住，你不可能(néng)在一夜之間采取所有這(zhè)些策略，要循序漸進(jìn)，在發(fā)展的過(guò)程中不斷發(fā)現問題才能(néng)針對(duì)性地去解決問題。如果你分析了你的網站發(fā)現網站的加載時(shí)間不佳，那麼(me)趕緊用這(zhè)些策略優化網站速度吧~~~