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

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

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

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

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

轉(zhuǎn)換

能見度

可用性

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

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

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

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

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

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

美國移動平均速度指數(shù)

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

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

有幾種性能評估工具值得嘗試：

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

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

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

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

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

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

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

1.

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

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

存在三種可能的托管類型：

共享主機(jī)

虛擬專用服務(wù)器 (VPS) 托管

專用服務(wù)器

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

只選擇需要的樣式

10.檢測404錯(cuò)誤

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

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

11. 減少重定向

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

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

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

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

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

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

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

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

結(jié)論

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

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

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

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

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