網站速度會給您的業(yè)務留下第一印象。必須了解,在用戶體驗方面,您不會有第二次機會。網站速度低是最令人沮喪的事情之一,它會使人們對您的資源望而卻步。
高性能網站會帶來高回訪率、低跳出率、更高的轉化率、參與度、更高的自然搜索排名以及更好的用戶體驗。緩慢的網站會花費您金錢并損害聲譽。通過減少頁面加載時間,您將對營銷和銷售流程產生積極影響。您將獲得更高的流量并吸引更多可轉化為客戶的合格潛在客戶。在本文中,我們將為您提供有關如何提高網站性能和頁面加載時間的建議。
網站速度優(yōu)化的重要性
頁面加載時間是一種 Web 性能指標,顯示頁面在用戶屏幕上顯示所需的時間。
讓我們來看看網站速度優(yōu)化如何影響網站成功的關鍵因素:
轉換
能見度
可用性
轉換。 網站轉換是您業(yè)務成功的一個重要因素,這意味著讓您的訪問者做您希望他們做的事情。例如,他們會購買您的產品、訂閱時事通訊活動、注冊網絡研討會或下載指南。
頁面加載速度越快,轉化率就越高。根據Hubspot 的研究,1 秒延遲意味著轉化率減少 7%。例如,頁面速度下降 1 秒可能會使亞馬遜每年的銷售額損失 16 億美元。
能見度。您網站的加載時間也會影響用戶找到您網站的難易程度。網站速度是谷歌在對網站進行排名時考慮的因素之一。性能低下的網站用戶體驗較差,因此在搜索結果中獲得的宣傳較少。自 2017 年 12 月以來,谷歌搜索引擎也開始基于移動版本的頁面進行排名,即使是桌面搜索也是如此。此決定的目標是保護用戶免受性能低下且不響應所有設備的網站的侵害。
可用性。網站可用性(如網站頁面速度、加載時間和網站對用戶請求的響應能力)直接影響客戶忠誠度。您的網站性能越好,用戶就會越滿意。良好的用戶體驗是建立龐大客戶群和強大品牌的一種方式。
評估網站速度的方法
在開始您的網站速度優(yōu)化之前,您應該確定您當前的加載時間并定義是什么降低了您的網站速度。然后你應該設置你的網站性能目標。2018 年的頁面加載時間建議在 3 秒以下。根據谷歌對跨行業(yè)平均移動速度的研究,只有一小部分網站接近推薦速度。
美國移動平均速度指數
因此,如果您將網站速度優(yōu)化到可接受的水平,您將獲得優(yōu)于競爭對手的顯著排名優(yōu)勢。
本文中列出的網站速度優(yōu)化方法非常不同,有時一個問題的解決方案可能會對您網站的另一方面產生負面影響。這就是為什么我們建議在每次更改后分析網站速度以確定哪些操作可提供最佳結果。
有幾種性能評估工具值得嘗試:
Google Pagespeed Insights是Google提供的免費工具,可在您的網站上運行性能測試并提供有關如何提高性能的建議。它適用于桌面和移動版本。
Pingdom也是一個很好的網站速度測試工具,具有許多有用的功能。它跟蹤您網站的性能歷史記錄,就如何提高網站速度提出數據驅動的建議,并生成易于理解的報告。Pingdom 還提供用于 Android 和 iOS 網站速度測試的應用程序。它有免費和專業(yè)的付費監(jiān)控計劃。
YSlow還提供了有關如何提高頁面性能的建議,繪制統(tǒng)計信息并匯總所有組件。
性能預算計算器是一款免費工具,可幫助您確定可以使用什么類型的內容來保持網站以最佳方式運行。
性能預算計算器
加快網站速度的指南
一旦您測試了網站的速度,您就可以開始優(yōu)化它。有很多不同的方法可以使您的網站運行得更快,我們創(chuàng)建了最有效的方法列表。
1.
內容交付網絡是一組分布在不同地理位置的 Web 服務器,它們根據最終用戶的位置向最終用戶提供 Web 內容。當您在單個服務器上托管網站時,所有用戶請求都會發(fā)送到相同的硬件。因此,處理每個請求所需的時間會增加。最重要的是,當用戶遠離服務器時,加載時間會增加。使用 CDN,用戶請求被重定向到最近的服務器。結果,內容更快地交付給用戶并且網站運行得更快。這是一種相當昂貴但非常有效的優(yōu)化加載時間的方法。
2. 將您的網站移至更好的主機
存在三種可能的托管類型:
共享主機
虛擬專用服務器 (VPS) 托管
專用服務器
全世界使用的最流行的托管類型是共享托管。這是在短時間內以低廉的費用讓您的網站上線的最便宜的方式。選擇快速的網絡主機以確保更好的優(yōu)化至關重要。通過共享主機,您可以與也使用此服務器的其他站點共享 CPU、磁盤空間和 RAM。這是共享主機不如 VPS 或專用服務器快的主要原因。
虛擬專用服務器和專用服務器要快得多。VPS 使用多個服務器進行內容分發(fā)。擁有 VPS,您可以與其他用戶共享服務器,并擁有自己的虛擬服務器部分,您的配置不會影響其他客戶端。如果您的網站流量平均,或者您的電子商務網站在某些時期有流量高峰,那么 VPS 將是您的最佳解決方案。
最昂貴的托管選項是使用專用服務器,它可以是您自己的物理服務器。在這種情況下,您支付服務器租金并聘請系統(tǒng)管理員來維護它。
另一種方法是從 AWS、Microsoft Azure、Google 或其他公共云提供商那里租用專用云資源。這兩種方法也可以組合成我們最近討論的混合云。使用專用服務器,所有資源都只屬于您,您可以完全控制它。云基礎設施還可以在許多軟件包下添加無限和按需可擴展性。
無服務器架構是另一種完全消除維護和服務器設置過程的選擇??紤]閱讀我們單獨的文章,介紹無服務器架構的細節(jié)和好處。
3.優(yōu)化網站圖片大小
每個人都喜歡引人注目的圖像。在成功的電子商務網站的情況下,圖像是至關重要的部分。產品頁面上的大量照片、圖像、圖形可以提高參與度。圖像使用的不利方面是它們通常是減慢網站速度的大文件。
在不影響其質量的情況下減小圖像大小的最佳方法是使用ImageOptim、JPEGmini或Kraken等工具壓縮圖像。該過程可能需要一些時間,但這是值得的。減小圖像大小的另一種方法是使用 HTML響應式圖像<secret> 和 <size> 屬性,它們根據用戶顯示屬性調整圖像大小。
4.減少插件數量
插件是每個網站的通用組件。他們添加了第三方建議的特定功能。不幸的是,安裝的插件越多,運行它們所需的資源就越多。因此,網站運行速度變慢,并且可能會出現安全問題。隨著時間的推移,插件的數量會增加,而其中一些可能不再使用。我們建議檢查您已安裝的所有插件并刪除不需要的插件。首先,在您的頁面上運行性能測試以找出哪些插件會降低您的網站速度。網站速度不僅取決于已安裝插件的數量,還取決于它們的質量。盡量避免加載大量腳本和樣式或生成大量數據庫查詢的插件。最好的解決方案是只保留必要的,并確保它們保持最新。
5. 盡量減少 JavaScript 和 CSS 文件的數量
如果您的網站包含大量 JavaScript 和 CSS 文件,那么當您的網站訪問者想要訪問特定文件時,會導致大量 HTTP 請求。這些請求由訪問者的瀏覽器單獨處理并減慢網站工作速度。如果您減少 JavaScript 和 CSS 文件的數量,這無疑會加快您的網站速度。嘗試將所有 JavaScript 組合為一個,并且對所有 CSS 文件也這樣做。這將減少 HTTP 請求的總數。有很多工具可以快速縮小 HTML、CSS 和 JavaScript 文件。例如,您可以使用 WillPeavy、Script Minifier或Grunt工具。
6. 使用網站緩存
如果有很多用戶同時訪問頁面,服務器工作緩慢,需要更多時間將網頁交付給每個用戶。緩存是將您網站的當前版本存儲在主機上并顯示此版本直到您的網站更新的過程。這意味著網頁不會為每個用戶一遍又一遍地呈現。緩存網頁不需要每次都發(fā)送數據庫請求。
網站緩存的方法取決于您網站的開發(fā)平臺。例如,對于 WordPress,您可以使用以下插件:W3 Total Cache或W3 Super Cache。如果您使用 VPS 或專用服務器,您還可以在您的常規(guī)設置下設置緩存。在共享服務器的情況下,網站緩存通常不可用。
7. 實現 Gzip 壓縮
Gzip 壓縮是減小文件大小的有效方法。它最大限度地減少了 HTTP 請求并減少了服務器響應時間。在將文件發(fā)送到瀏覽器之前,Gzip 會對其進行壓縮。在用戶端,瀏覽器解壓縮文件并顯示內容。此方法適用于您網站上的所有文件。您可以通過添加一些代碼行或通過名為gzip的實用程序在您的網站上啟用 Gzip 。
8. CMS中的數據庫優(yōu)化
數據庫優(yōu)化是提高性能的有效途徑。如果您使用包含復雜插件的內容管理系統(tǒng) (CMS),數據庫大小會增加,您的網站運行速度也會變慢。例如,WordPress CMS 存儲了評論、博客文章和其他占用大量數據存儲的信息。每個 CMS 都需要自己的優(yōu)化措施,并且還有許多特定的插件。例如,對于 WordPress,您可以考慮WP-Optimize。
9. 減少網頁字體的使用
網頁字體在網站設計中變得非常流行。不幸的是,網頁字體的使用對頁面渲染速度有負面影響。Web 字體向外部資源添加了額外的 HTTP 請求。以下措施將幫助您減少網絡字體流量的大?。?/p>
為現代瀏覽器使用現代格式WOFF2;
僅包括網站上使用的那些字符集;
只選擇需要的樣式
10.檢測404錯誤
404 錯誤意味著“找不到頁面”。當頁面的訪問內容不再存在時,此消息由主機提供給瀏覽器或搜索引擎。為了檢測和糾正 404 錯誤,您可以使用錯誤檢測工具和插件。正如我們提到的,額外的插件會對您的網站速度產生負面影響,因此我們建議通過外部工具運行資源以進行錯誤檢測。例如,Xenu 的 Link Sleuth、Google Webmaster Tools (GWT)和 404 Redirected Plugin For WordPress 。
檢測到所有 404 錯誤后,您需要評估它們產生的流量。如果這些死鏈接不再帶來任何訪問,因此永遠不會消耗您的服務器資源,那么您可以將它們保留原樣。如果這些頁面仍有一些流量,請考慮為外部鏈接設置重定向并修復內部鏈接的鏈接地址。
11. 減少重定向
網站重定向會創(chuàng)建額外的 HTTP 請求,這會對性能產生負面影響。我們建議將它們保持在最低限度或完全消除它們。首先,您應該通過運行站點掃描來識別頁面上的所有重定向。您可以使用Screaming Frog快速識別重定向。然后你必須檢查它們是否用于必要的目的,只留下關鍵的。
12. 使用預取技術
預取需要在用戶啟動指令之前讀取和執(zhí)行指令。該技術相當普遍。如果您可以預測用戶的操作,例如提前加載某些內容或鏈接,則效果很好。通常,現代瀏覽器默認允許預取,因為它們假定用戶行為模式。然而,UX 專家和工程師更有可能了解用戶行為并為瀏覽器提供“提示”以進行預取工作。
預取主要有以下三種類型:
DNS 預取。這種做法需要提前將域解析為 IP 地址。
鏈接預取。如果您確定用戶會單擊特定鏈接以導航到某個頁面,則可以應用這種類型的預取。該方法對于穩(wěn)定的用戶旅程操作非常有用,例如在添加一個或多個項目后移動到購物車頁面。
預渲染。這種方法意味著提前渲染整個頁面或其中的某些元素。
雖然預取是有效的,但它需要深入的用戶行為分析才能做出精確的假設。
結論
目前,典型用戶希望網頁加載時間少于 3 秒。如果您不滿足此期望障礙,您將損失大量網站流量,從而損失您的收入。
因此,我們建議應用一種簡單而有效的網站速度優(yōu)化方法:
檢查和評估網站成功的關鍵因素,考慮轉換、可見性和可用性。
測試您當前的網站速度,并根據這三個因素優(yōu)先考慮最需要關注的頁面和功能。
從最能降低速度的方面開始您的優(yōu)化,并專注于最能定義您的轉換成功的頁面。