網(wǎng)站速度會(huì)給您的業(yè)務(wù)留下第一印象。必須了解，在用戶(hù)體驗(yàn)方面，您不會(huì)有第二次機(jī)會(huì)。網(wǎng)站速度低是最令人沮喪的事情之一，它會(huì)使人們對(duì)您的資源望而卻步。

高性能網(wǎng)站會(huì)帶來(lái)高回訪(fǎng)率、低跳出率、更高的轉(zhuǎn)化率、參與度、更高的自然搜索排名以及更好的用戶(hù)體驗(yàn)。緩慢的網(wǎng)站會(huì)花費(fèi)您金錢(qián)并損害聲譽(yù)。通過(guò)減少頁(yè)面加載時(shí)間，您將對(duì)營(yíng)銷(xiāo)和銷(xiāo)售流程產(chǎn)生積極影響。您將獲得更高的流量并吸引更多可轉(zhuǎn)化為客戶(hù)的合格潛在客戶(hù)。在本文中，我們將為您提供有關(guān)如何提高網(wǎng)站性能和頁(yè)面加載時(shí)間的建議。

網(wǎng)站速度優(yōu)化的重要性

頁(yè)面加載時(shí)間是一種 Web 性能指標(biāo)，顯示頁(yè)面在用戶(hù)屏幕上顯示所需的時(shí)間。

讓我們來(lái)看看網(wǎng)站速度優(yōu)化如何影響網(wǎng)站成功的關(guān)鍵因素：

• 轉(zhuǎn)換

• 能見(jiàn)度

• 可用性

轉(zhuǎn)換。?網(wǎng)站轉(zhuǎn)換是您業(yè)務(wù)成功的一個(gè)重要因素，這意味著讓您的訪(fǎng)問(wèn)者做您希望他們做的事情。例如，他們會(huì)購(gòu)買(mǎi)您的產(chǎn)品、訂閱時(shí)事通訊活動(dòng)、注冊(cè)網(wǎng)絡(luò)研討會(huì)或下載指南。

頁(yè)面加載速度越快，轉(zhuǎn)化率就越高。根據(jù)Hubspot 的研究，1 秒延遲意味著轉(zhuǎn)化率減少 7%。例如，頁(yè)面速度下降 1 秒可能會(huì)使亞馬遜每年的銷(xiāo)售額損失 16 億美元。

能見(jiàn)度。您網(wǎng)站的加載時(shí)間也會(huì)影響用戶(hù)找到您網(wǎng)站的難易程度。網(wǎng)站速度是谷歌在對(duì)網(wǎng)站進(jìn)行排名時(shí)考慮的因素之一。性能低下的網(wǎng)站用戶(hù)體驗(yàn)較差，因此在搜索結(jié)果中獲得的宣傳較少。自 2017 年 12 月以來(lái)，谷歌搜索引擎也開(kāi)始基于移動(dòng)版本的頁(yè)面進(jìn)行排名，即使是桌面搜索也是如此。此決定的目標(biāo)是保護(hù)用戶(hù)免受性能低下且不響應(yīng)所有設(shè)備的網(wǎng)站的侵害。

可用性。網(wǎng)站可用性（如網(wǎng)站頁(yè)面速度、加載時(shí)間和網(wǎng)站對(duì)用戶(hù)請(qǐng)求的響應(yīng)能力）直接影響客戶(hù)忠誠(chéng)度。您的網(wǎng)站性能越好，用戶(hù)就會(huì)越滿(mǎn)意。良好的用戶(hù)體驗(yàn)是建立龐大客戶(hù)群和強(qiáng)大品牌的一種方式。

評(píng)估網(wǎng)站速度的方法

在開(kāi)始您的網(wǎng)站速度優(yōu)化之前，您應(yīng)該確定您當(dāng)前的加載時(shí)間并定義是什么降低了您的網(wǎng)站速度。然后你應(yīng)該設(shè)置你的網(wǎng)站性能目標(biāo)。2018 年的頁(yè)面加載時(shí)間建議在 3 秒以下。根據(jù)谷歌對(duì)跨行業(yè)平均移動(dòng)速度的研究，只有一小部分網(wǎng)站接近推薦速度。

美國(guó)移動(dòng)平均速度指數(shù)

因此，如果您將網(wǎng)站速度優(yōu)化到可接受的水平，您將獲得優(yōu)于競(jìng)爭(zhēng)對(duì)手的顯著排名優(yōu)勢(shì)。

本文中列出的網(wǎng)站速度優(yōu)化方法非常不同，有時(shí)一個(gè)問(wèn)題的解決方案可能會(huì)對(duì)您網(wǎng)站的另一方面產(chǎn)生負(fù)面影響。這就是為什么我們建議在每次更改后分析網(wǎng)站速度以確定哪些操作可提供最佳結(jié)果。

有幾種性能評(píng)估工具值得嘗試：

• Google Pagespeed Insights是Google提供的免費(fèi)工具，可在您的網(wǎng)站上運(yùn)行性能測(cè)試并提供有關(guān)如何提高性能的建議。它適用于桌面和移動(dòng)版本。

• Pingdom也是一個(gè)很好的網(wǎng)站速度測(cè)試工具，具有許多有用的功能。它跟蹤您網(wǎng)站的性能歷史記錄，就如何提高網(wǎng)站速度提出數(shù)據(jù)驅(qū)動(dòng)的建議，并生成易于理解的報(bào)告。Pingdom 還提供用于 Android 和 iOS 網(wǎng)站速度測(cè)試的應(yīng)用程序。它有免費(fèi)和專(zhuān)業(yè)的付費(fèi)監(jiān)控計(jì)劃。

• YSlow還提供了有關(guān)如何提高頁(yè)面性能的建議，繪制統(tǒng)計(jì)信息并匯總所有組件。

• 性能預(yù)算計(jì)算器是一款免費(fèi)工具，可幫助您確定可以使用什么類(lèi)型的內(nèi)容來(lái)保持網(wǎng)站以最佳方式運(yùn)行。

性能預(yù)算計(jì)算器

加快網(wǎng)站速度的指南

一旦您測(cè)試了網(wǎng)站的速度，您就可以開(kāi)始優(yōu)化它。有很多不同的方法可以使您的網(wǎng)站運(yùn)行得更快，我們創(chuàng)建了最有效的方法列表。

1.

內(nèi)容交付網(wǎng)絡(luò)是一組分布在不同地理位置的 Web 服務(wù)器，它們根據(jù)最終用戶(hù)的位置向最終用戶(hù)提供 Web 內(nèi)容。當(dāng)您在單個(gè)服務(wù)器上托管網(wǎng)站時(shí)，所有用戶(hù)請(qǐng)求都會(huì)發(fā)送到相同的硬件。因此，處理每個(gè)請(qǐng)求所需的時(shí)間會(huì)增加。最重要的是，當(dāng)用戶(hù)遠(yuǎn)離服務(wù)器時(shí)，加載時(shí)間會(huì)增加。使用 CDN，用戶(hù)請(qǐng)求被重定向到最近的服務(wù)器。結(jié)果，內(nèi)容更快地交付給用戶(hù)并且網(wǎng)站運(yùn)行得更快。這是一種相當(dāng)昂貴但非常有效的優(yōu)化加載時(shí)間的方法。

2. 將您的網(wǎng)站移至更好的主機(jī)

存在三種可能的托管類(lèi)型：

• 共享主機(jī)

• 虛擬專(zhuān)用服務(wù)器 (VPS) 托管

• 專(zhuān)用服務(wù)器

全世界使用的最流行的托管類(lèi)型是共享托管。這是在短時(shí)間內(nèi)以低廉的費(fèi)用讓您的網(wǎng)站上線(xiàn)的最便宜的方式。選擇快速的網(wǎng)絡(luò)主機(jī)以確保更好的優(yōu)化至關(guān)重要。通過(guò)共享主機(jī)，您可以與也使用此服務(wù)器的其他站點(diǎn)共享 CPU、磁盤(pán)空間和 RAM。這是共享主機(jī)不如 VPS 或?qū)Ｓ梅?wù)器快的主要原因。

虛擬專(zhuān)用服務(wù)器和專(zhuān)用服務(wù)器要快得多。VPS 使用多個(gè)服務(wù)器進(jìn)行內(nèi)容分發(fā)。擁有 VPS，您可以與其他用戶(hù)共享服務(wù)器，并擁有自己的虛擬服務(wù)器部分，您的配置不會(huì)影響其他客戶(hù)端。如果您的網(wǎng)站流量平均，或者您的電子商務(wù)網(wǎng)站在某些時(shí)期有流量高峰，那么 VPS 將是您的最佳解決方案。

最昂貴的托管選項(xiàng)是使用專(zhuān)用服務(wù)器，它可以是您自己的物理服務(wù)器。在這種情況下，您支付服務(wù)器租金并聘請(qǐng)系統(tǒng)管理員來(lái)維護(hù)它。

另一種方法是從 AWS、Microsoft Azure、Google 或其他公共云提供商那里租用專(zhuān)用云資源。這兩種方法也可以組合成我們最近討論的混合云。使用專(zhuān)用服務(wù)器，所有資源都只屬于您，您可以完全控制它。云基礎(chǔ)設(shè)施還可以在許多軟件包下添加無(wú)限和按需可擴(kuò)展性。

無(wú)服務(wù)器架構(gòu)是另一種完全消除維護(hù)和服務(wù)器設(shè)置過(guò)程的選擇。考慮閱讀我們單獨(dú)的文章，介紹無(wú)服務(wù)器架構(gòu)的細(xì)節(jié)和好處。

3.優(yōu)化網(wǎng)站圖片大小

每個(gè)人都喜歡引人注目的圖像。在成功的電子商務(wù)網(wǎng)站的情況下，圖像是至關(guān)重要的部分。產(chǎn)品頁(yè)面上的大量照片、圖像、圖形可以提高參與度。圖像使用的不利方面是它們通常是減慢網(wǎng)站速度的大文件。

在不影響其質(zhì)量的情況下減小圖像大小的最佳方法是使用ImageOptim、JPEGmini或Kraken等工具壓縮圖像。該過(guò)程可能需要一些時(shí)間，但這是值得的。減小圖像大小的另一種方法是使用 HTML響應(yīng)式圖像<secret> 和 <size> 屬性，它們根據(jù)用戶(hù)顯示屬性調(diào)整圖像大小。

4.減少插件數(shù)量

插件是每個(gè)網(wǎng)站的通用組件。他們添加了第三方建議的特定功能。不幸的是，安裝的插件越多，運(yùn)行它們所需的資源就越多。因此，網(wǎng)站運(yùn)行速度變慢，并且可能會(huì)出現(xiàn)安全問(wèn)題。隨著時(shí)間的推移，插件的數(shù)量會(huì)增加，而其中一些可能不再使用。我們建議檢查您已安裝的所有插件并刪除不需要的插件。首先，在您的頁(yè)面上運(yùn)行性能測(cè)試以找出哪些插件會(huì)降低您的網(wǎng)站速度。網(wǎng)站速度不僅取決于已安裝插件的數(shù)量，還取決于它們的質(zhì)量。盡量避免加載大量腳本和樣式或生成大量數(shù)據(jù)庫(kù)查詢(xún)的插件。最好的解決方案是只保留必要的，并確保它們保持最新。

5. 盡量減少 JavaScript 和 CSS 文件的數(shù)量

如果您的網(wǎng)站包含大量 JavaScript 和 CSS 文件，那么當(dāng)您的網(wǎng)站訪(fǎng)問(wèn)者想要訪(fǎng)問(wèn)特定文件時(shí)，會(huì)導(dǎo)致大量 HTTP 請(qǐng)求。這些請(qǐng)求由訪(fǎng)問(wèn)者的瀏覽器單獨(dú)處理并減慢網(wǎng)站工作速度。如果您減少 JavaScript 和 CSS 文件的數(shù)量，這無(wú)疑會(huì)加快您的網(wǎng)站速度。嘗試將所有 JavaScript 組合為一個(gè)，并且對(duì)所有 CSS 文件也這樣做。這將減少 HTTP 請(qǐng)求的總數(shù)。有很多工具可以快速縮小 HTML、CSS 和 JavaScript 文件。例如，您可以使用 ?WillPeavy、Script Minifier或Grunt工具。

6. 使用網(wǎng)站緩存

如果有很多用戶(hù)同時(shí)訪(fǎng)問(wèn)頁(yè)面，服務(wù)器工作緩慢，需要更多時(shí)間將網(wǎng)頁(yè)交付給每個(gè)用戶(hù)。緩存是將您網(wǎng)站的當(dāng)前版本存儲(chǔ)在主機(jī)上并顯示此版本直到您的網(wǎng)站更新的過(guò)程。這意味著網(wǎng)頁(yè)不會(huì)為每個(gè)用戶(hù)一遍又一遍地呈現(xiàn)。緩存網(wǎng)頁(yè)不需要每次都發(fā)送數(shù)據(jù)庫(kù)請(qǐng)求。

網(wǎng)站緩存的方法取決于您網(wǎng)站的開(kāi)發(fā)平臺(tái)。例如，對(duì)于 WordPress，您可以使用以下插件：W3 Total Cache或W3 Super Cache。如果您使用 VPS 或?qū)Ｓ梅?wù)器，您還可以在您的常規(guī)設(shè)置下設(shè)置緩存。在共享服務(wù)器的情況下，網(wǎng)站緩存通常不可用。

7. 實(shí)現(xiàn) Gzip 壓縮

Gzip 壓縮是減小文件大小的有效方法。它最大限度地減少了 HTTP 請(qǐng)求并減少了服務(wù)器響應(yīng)時(shí)間。在將文件發(fā)送到瀏覽器之前，Gzip 會(huì)對(duì)其進(jìn)行壓縮。在用戶(hù)端，瀏覽器解壓縮文件并顯示內(nèi)容。此方法適用于您網(wǎng)站上的所有文件。您可以通過(guò)添加一些代碼行或通過(guò)名為gzip的實(shí)用程序在您的網(wǎng)站上啟用 Gzip?。

8. CMS中的數(shù)據(jù)庫(kù)優(yōu)化

數(shù)據(jù)庫(kù)優(yōu)化是提高性能的有效途徑。如果您使用包含復(fù)雜插件的內(nèi)容管理系統(tǒng) (CMS)，數(shù)據(jù)庫(kù)大小會(huì)增加，您的網(wǎng)站運(yùn)行速度也會(huì)變慢。例如，WordPress CMS 存儲(chǔ)了評(píng)論、博客文章和其他占用大量數(shù)據(jù)存儲(chǔ)的信息。每個(gè) CMS 都需要自己的優(yōu)化措施，并且還有許多特定的插件。例如，對(duì)于 WordPress，您可以考慮WP-Optimize。

9. 減少網(wǎng)頁(yè)字體的使用

網(wǎng)頁(yè)字體在網(wǎng)站設(shè)計(jì)中變得非常流行。不幸的是，網(wǎng)頁(yè)字體的使用對(duì)頁(yè)面渲染速度有負(fù)面影響。Web 字體向外部資源添加了額外的 HTTP 請(qǐng)求。以下措施將幫助您減少網(wǎng)絡(luò)字體流量的大小：

• 為現(xiàn)代瀏覽器使用現(xiàn)代格式WOFF2；

• 僅包括網(wǎng)站上使用的那些字符集；

• 只選擇需要的樣式

10.檢測(cè)404錯(cuò)誤

404 錯(cuò)誤意味著“找不到頁(yè)面”。當(dāng)頁(yè)面的訪(fǎng)問(wèn)內(nèi)容不再存在時(shí)，此消息由主機(jī)提供給瀏覽器或搜索引擎。為了檢測(cè)和糾正 404 錯(cuò)誤，您可以使用錯(cuò)誤檢測(cè)工具和插件。正如我們提到的，額外的插件會(huì)對(duì)您的網(wǎng)站速度產(chǎn)生負(fù)面影響，因此我們建議通過(guò)外部工具運(yùn)行資源以進(jìn)行錯(cuò)誤檢測(cè)。例如，Xenu 的 Link Sleuth、Google Webmaster Tools (GWT)和 404?Redirected Plugin For WordPress?。 ?

檢測(cè)到所有 404 錯(cuò)誤后，您需要評(píng)估它們產(chǎn)生的流量。如果這些死鏈接不再帶來(lái)任何訪(fǎng)問(wèn)，因此永遠(yuǎn)不會(huì)消耗您的服務(wù)器資源，那么您可以將它們保留原樣。如果這些頁(yè)面仍有一些流量，請(qǐng)考慮為外部鏈接設(shè)置重定向并修復(fù)內(nèi)部鏈接的鏈接地址。

11. 減少重定向

網(wǎng)站重定向會(huì)創(chuàng)建額外的 HTTP 請(qǐng)求，這會(huì)對(duì)性能產(chǎn)生負(fù)面影響。我們建議將它們保持在最低限度或完全消除它們。首先，您應(yīng)該通過(guò)運(yùn)行站點(diǎn)掃描來(lái)識(shí)別頁(yè)面上的所有重定向。您可以使用Screaming Frog快速識(shí)別重定向。然后你必須檢查它們是否用于必要的目的，只留下關(guān)鍵的。

12. 使用預(yù)取技術(shù)

預(yù)取需要在用戶(hù)啟動(dòng)指令之前讀取和執(zhí)行指令。該技術(shù)相當(dāng)普遍。如果您可以預(yù)測(cè)用戶(hù)的操作，例如提前加載某些內(nèi)容或鏈接，則效果很好。通常，現(xiàn)代瀏覽器默認(rèn)允許預(yù)取，因?yàn)樗鼈兗俣ㄓ脩?hù)行為模式。然而，UX 專(zhuān)家和工程師更有可能了解用戶(hù)行為并為瀏覽器提供“提示”以進(jìn)行預(yù)取工作。

預(yù)取主要有以下三種類(lèi)型：

DNS 預(yù)取。這種做法需要提前將域解析為 IP 地址。

鏈接預(yù)取。如果您確定用戶(hù)會(huì)單擊特定鏈接以導(dǎo)航到某個(gè)頁(yè)面，則可以應(yīng)用這種類(lèi)型的預(yù)取。該方法對(duì)于穩(wěn)定的用戶(hù)旅程操作非常有用，例如在添加一個(gè)或多個(gè)項(xiàng)目后移動(dòng)到購(gòu)物車(chē)頁(yè)面。

預(yù)渲染。這種方法意味著提前渲染整個(gè)頁(yè)面或其中的某些元素。

雖然預(yù)取是有效的，但它需要深入的用戶(hù)行為分析才能做出精確的假設(shè)。

結(jié)論

目前，典型用戶(hù)希望網(wǎng)頁(yè)加載時(shí)間少于 3 秒。如果您不滿(mǎn)足此期望障礙，您將損失大量網(wǎng)站流量，從而損失您的收入。

因此，我們建議應(yīng)用一種簡(jiǎn)單而有效的網(wǎng)站速度優(yōu)化方法：

1. 檢查和評(píng)估網(wǎng)站成功的關(guān)鍵因素，考慮轉(zhuǎn)換、可見(jiàn)性和可用性。

2. 測(cè)試您當(dāng)前的網(wǎng)站速度，并根據(jù)這三個(gè)因素優(yōu)先考慮最需要關(guān)注的頁(yè)面和功能。

3. 從最能降低速度的方面開(kāi)始您的優(yōu)化，并專(zhuān)注于最能定義您的轉(zhuǎn)換成功的頁(yè)面。