WordPress網站頁面速度優化初學者指南

WordPress網站頁面速度優化

網站效能優化,技術卓越的網站設計的焦點是決定現代線上業務成功的主要因素。畢竟,當等待緩慢的網頁載入的折磨使訪問者無法尋求替代方案時,不起眼的網站效能會扼殺企業的底線 – 不耐煩是數字美德!

我們建立了以下六章深入的速度優化指南,向您展示擁有一個快速載入、活潑的網站是多麼重要!無數研究論文和基準測試證明,優化網站速度是最實惠和最高投資回報率的投資之一!

在以下指南中,我們將嘗試解釋技術細節,同時為您提供易於遵循的說明,您可以立即開始實施!我們希望您會發現它很有價值,也許值得分享!

閃電般的頁面載入速度可提高訪問者的參與度、保留率並促進銷售。根據Aberdeen Group最近的一項研究,即時的網站響應會導致更高的轉化率,頁面載入每延遲1秒就會降低16%的客戶滿意度、11%的頁面瀏覽量和7%的轉化率 。

第 1 章:網站速度優化介紹

什麼是頁面速度?

頁面速度的定義基本上是指在網頁或媒體內容從網站託管伺服器下載並顯示到請求的Web瀏覽器的時間長度。頁面載入時間是單擊連結到在請求瀏覽器上顯示網頁中的整個內容之間的持續時間。

WordPress網站速度優化初學者指南

頁面載入時間

在使用者體驗和網站效能的背景下,瞭解頁面速度需要三個核心方面:

  • 將請求的材料連同隨附的HTML內容交付給瀏覽器所用時間的檢視。
  • 瀏覽器對頁面載入請求的響應。
  • 當請求的網頁在瀏覽器上呈現時,終端使用者的檢視——這是頁面載入速度的最終經驗衡量標準。

網站效能隨後會影響根據專有和未公開演算法開發的搜尋引擎中的排名, 其中包括頁面速度、使用者體驗、網站響應能力和許多其他網站效能指標等關鍵因素。

最大化網站效能的絕對關鍵原則是從頭開始關注頁面速度優化。效能優化外掛、伺服器端指令碼和最終調整對頁面速度和載入時間的影響很小——但很明顯。然而,Web開發人員和線上業務所有者在他們的網站開發和設計策略中往往會忽略頁面載入時間。

減緩?有多慢?

任何比眨眼都慢的東西——400毫秒。谷歌的工程師發現,幾乎察覺不到的頁面載入時間0.4秒足以讓使用者減少搜尋。該技術在改善網際網路體驗方面取得了長足的進步。1990年代人滿為患的網路世界通常被稱為“全球等待”,但通訊和網路技術的創新已經徹底改變了數字資訊在網際網路上的傳輸方式。下一代線上企業擁有即時交付內容所需的所有資源,但為了利用和補充這些資源,企業需要提供最佳使用者體驗的速度優化網站。

微軟速度專家和電腦科學家Harry Shum認為,0.25秒的頁面載入時間差異——更快或更慢——是決定線上業務競爭優勢的神奇數字。

當他們不這樣做時會發生什麼?

如果載入時間超過4秒,四分之一的訪問者會放棄該網站。46%的使用者不會重新訪問效能不佳的網站。網站所有者在考慮離開之前只有5秒鐘的時間來吸引訪問者。如果載入時間超過5秒,則74%的訪問移動站點的使用者會離開。頁面載入時間每延遲一秒,就可能導致  像亞馬遜這樣大的線上商家每年損失16億美元

減緩

減緩

47%的電子商務客戶希望在他們考慮離開之前頁面載入時間少於兩秒——40%的使用者會在等待的第三秒時放棄該網站,而效能分析工具甚至還沒有捕捉到他們在網站上的存在。轉換的平均峰值載入時間僅為2秒——比數百萬個網站還要快。

當它們加速時會發生什麼?

當Mozilla將頁面速度提高2.2 秒時,Firefox下載量增加了15.4%,即每年1000萬次!沃爾瑪發現頁面載入時間每改進1秒,轉化率就會增加2%。數字不會說謊!

提速

提速

可接受的網站效能——神經科學和節奏

100毫秒。這就是我們大腦中的枕葉將視覺資訊作為感覺記憶儲存的時間。

谷歌研究人員建議,頁面載入時間少於100毫秒會給訪問者一種即時網站響應的錯覺,因為我們大腦中的視覺感官記憶處理器以100毫秒的突發工作。隨著眼睛中的感光細胞向枕葉傳輸更多資訊,記憶庫會在0.1秒後自行清除。

可接受的網站效能

可接受的網站效能

1秒的頁面載入時間足以保持無縫的思想流動——使用者感覺可以控制他們的網路瀏覽活動,除非網站無法按預期響應,否則精神壓力不會加劇。

在10秒的延遲下,訪客的注意力幾乎無法保持。不耐煩、沮喪和被遺棄的感覺通常足以阻止訪問者再次訪問這些緩慢的網站。

務實的心理難題

然而,由於頁面速度緩慢而放棄網站並不總是訪問網路上所需資訊的最快途徑。普通使用者會多花幾分鐘時間瀏覽快速響應但不相關的網站,而不是再等待幾秒鐘等待緩慢的相關網站做出響應。

考慮到網路資源的海洋,使用者最終會在某個網站或其他網站上找到所需的資訊。但最終的輸家是線上企業,儘管託管了所尋求的確切資訊和服務,但無法足夠快地接觸到他們的線上客戶。

奇怪的是,訪問者寧願花過多的時間在別處瀏覽資訊,也不願等待幾秒鐘載入正確的網站。這種經歷類似於幾年前的休斯頓機場事件,導致了一個巧妙的解決方案。

玩轉人類心理

玩轉人類心理

機場的乘客需要步行1分鐘到達行李提取處,並在那裡等待7分鐘才能領取行李。客戶關係中心最終被關於服務緩慢的投訴所淹沒。

因此,機場管理人員想出了一個巧妙的解決方案來“解決”這個問題。他們把到達門移得很遠,把行李送到最外面的傳送帶上。

乘客現在必須步行6分鐘到達行李提取區,並在2分鐘內收到行李。結果?零投訴。絕對沒有乘客不滿意——除了有些疲憊的腿。

同樣,電梯包含鏡子,因此乘客可以忙於自己的造型,而不是考慮旅行所花費的時間。這種乘客行為類似於網路世界中網站訪問者的行為。同樣的一般原則也適用於線上業務:客觀的等待時間定義了等待的體驗。

現在,線上企業可以像休斯頓機場高管一樣利用人類心理並加速進化,但幾乎沒有特定的公式來使網站響應時間對每個訪問者來說都可以忍受。或者,他們實際上可以通過快速響應的網站縮短將請求的內容交付給線上訪問者的客觀等待時間——當網站旨在提供即時響應和高質量、無縫的使用者體驗時,無論哪種方式都是可能的。

本指南將側重於後一種做法,實際上將通過優化網站效能來幫助您最大限度地發揮線上業務的潛力,從而提高客戶滿意度、保留率和忠誠度。

該指南的核心組成部分包括:

第 2 章:網站效能影響業務成功

效能影響銷售

網站效能的使用者體驗-頁面速度的動力,轉化為有吸引力的線上購物體驗,激發銷售數字,並最終決定了線上業務的成功。自從經歷了網站效能下降影響銷售的引人注目的影響以來,行業主力谷歌開始將頁面速度納入其專有搜尋演算法。這家搜尋引擎巨頭曾因頁面載入時間延遲半秒而導致流量下降20%

雖然谷歌很快解決了幾乎沒有削弱其市場份額的問題,但線上企業尚未在競爭激烈的線上市場中佔據一席之地的情況並非總是如此。

問:那麼網站效能如何影響普通線上業務的銷售額?

答:戲劇性的,是唯一的答案!

Forrester諮詢公司最近研究了消費者線上購物期望的狀態,並評估了表現不佳的網站如何扼殺業務底線,而高水平的網站表現如何迅速提高銷售額。

研究發現,88%的網際網路使用者選擇提供高效能和使用者友好網站體驗的線上零售商,近50%的網際網路使用者會放棄在3秒內無法載入的網站

因此,這些行為會影響銷售。79%不滿意的客戶不再重新訪問表現不佳的網站——除非你是谷歌或亞馬遜。46%不滿意的顧客會留下持久的負面印象,44%的顧客會與世界其他地方分享他們的購物體驗。其影響遠遠超出了網路世界,因為87%的客戶在網上和實體零售店購物。

放棄緩慢的網站

放棄緩慢的網站

雖然服務和產品質量顯然對企業銷售的影響最大,但將網站訪問者轉化為網路世界的購買客戶在很大程度上取決於建立積極的客戶印象。這就是電子商務網站效能引數(如超快頁面速度和快速結賬流程)發揮作用的地方,最終給客戶留下積極的心理印象,促進銷售和客戶忠誠度。

效能影響轉化

作為線上業務最重要和最強大的網際網路指標,轉化率完全取決於網站 KPI,為線上零售平臺建立競爭優勢。

在網路世界中,如果不改善網站使用者體驗(包括頁面速度和網站響應能力),僅靠傳統的營銷活動並不能提高轉化率。

奧巴馬在2011年總統大選期間的籌款活動額外籌集了3400萬美元,當時奧巴馬的美國網站將頁面載入時間從5秒縮短到2秒——捐贈轉化率提高了14%,而網站效能僅提高了3秒!

快速載入時間等於更好的轉化

快速載入時間等於更好的轉化

將潛在客戶帶到實體零售店門口通常需要經過周密計劃的營銷和廣告活動。一旦顧客進入商店,他們通常不會不買東西就離開。

讓線上客戶訪問線上零售店所需的努力要少得多——網際網路使用者不介意隨意點選幾下來開啟他們以前從未訪問過的網頁。搜尋引擎優化和社交媒體廣告通常可以解決問題。

如果在可忍受的幾秒鐘內沒有提供所需的資訊,訪問者同樣方便地離開站點 – 對於不為所動的訪問者,這也只需要幾次任性的點選!

因此,網站效能和響應能力方面的使用者體驗成為影響線上市場轉化率的最終因素。電子商務首先要為客戶提供便利,並在正確的時間通過正確的資訊、產品和服務有效地吸引潛在客戶。

由於網站效能問題,如果沒有比使用者放棄訪問更快的頁面速度,這兩種方法都是不可能的。不知道您的網站效能會影響轉化率嗎?Google的Test My Site tool(測試我的網站工具)可以幫助回答這個問題(請參見下面的示例)。

轉換速度計算器

轉換速度計算器

效能影響使用者參與度

在制定優化線上銷售的最佳策略時,使用者參與度統計資料為網站分析提供了強大的支援。在競爭激烈的網路空間中建立的線上企業非常瞭解網站效能和工具的重要性,這些工具可以分析和預測與頁面速度和收入相關的次佳操作。

通過響應式和快速載入的網站增強使用者參與資訊通常被視為線上業務成功的代表。使用者參與度在很大程度上取決於人類在儲存超過幾秒鐘的短期記憶方面的侷限性,以及人類在所有情況下對機器的控制感的願望。

表現不佳的網站

表現不佳的網站

對於表現不佳的網站——注意表現不佳是一個相對術語——頁面載入時間超過了人為限制,而未能處理使用者請求會給人一種無知或無能有效和準確地提供所需響應的錯誤印象。

高效能網站

高效能網站

另一方面,高效能網站——注意高效能也是一個相對術語——影響決定使用者參與度的三個引數:使用者感受、使用者心理狀態和使用者互動。這三個方面在人類訪問者(不能說太多機器人!)和網站之間建立情感、認知和行為聯絡。

有了這種聯絡,線上企業可以利用使用者參與特徵,例如集中注意力、動機和信任,將訪客轉化為客戶、回頭客,甚至品牌大使,從而在社交媒體和網際網路世界之外產生潛在客戶。

效能影響運營支出和收入

雖然投資於網站效能優化會增加資本支出以將頁面載入時間縮短几秒鐘,但不可避免地會以收入增加和運營成本和硬體投資減少的形式看到回報。

通過將頁面載入時間從7秒縮短到2秒,電子商務巨頭Shopzilla的運營預算減少了50%。網站設計大修帶來的效能改進使該公司能夠利用相同的硬體資源有效地處理相同數量的網站使用者請求。改進的網站響應能力還使收入增加了 12%,因為零售店適應了不斷擴大的網路流量,而無需額外投資從而擴充套件硬體資源。

網站KPI的改進還可以提高Google AdWords質量得分,從而降低每次點選費用 (CPC)。具有高質量得分和頁面速度的線上企業能夠高效地花費廣告預算,從而最大限度地擴大影響範圍並吸引客戶,而無需額外的運營支出。

另一方面,放緩會最大限度地減少資源利用率。Bing對其影響收入的網站效能進行了一項獨立研究,發現交付搜尋查詢延遲2秒會導致每位使用者損失4.3%的收入。

取消延遲後,客戶行為不會發生巨大變化。當Google取消提供搜尋結果的0.4秒延遲後, 即使網頁表現最佳,使用者的搜尋次數仍然減少了0.21%

在提高網站效能方面的額外努力可能會暫時延長資本支出,但這種權衡最終是合理的,因為額外的投資會轉化為更高的底線、增加的收入流和最低的運營費用。

效能影響可用性

學習曲線最陡峭的網站實現了最高的客戶鎖定。網際網路使用者將學習使用替代網站所花費的時間視為重要的轉換成本,這是一種機制,可將他們鎖定在通過高效能網站提供的線上服務中。

網站可用性和客戶忠誠度之間的關係元素與網站KPI相關,包括頁面速度、載入時間和網站對使用者請求的響應。網站速度優化的假設模型將這些元素考慮在內,並將站點信任、互動性和資訊相關性等特徵視為終端使用者網站可用性的一個子集。

同樣,作為影響搜尋排名的搜尋引擎優化的一個子集,網路爬蟲和搜尋引擎根據頁面速度、導航性、使用者體驗、響應能力和對全球受眾的可達性來衡量網站效能。

可用性特徵

可用性特徵

終端使用者期望以下影響網站可用性的特徵:

  • 易於操作、導航和理解。
  • 直接提供正在尋求的相關資訊和控制。
  • 可跨所有裝置外形、機器、作業系統、瀏覽器和地理位置訪問。
  • 以最少的點選和瀏覽器請求提供合法、可信和高質量的資訊、產品和服務。

實現這些意圖對於最大限度地提高網站效能、可用​​性和客戶忠誠度至關重要,所有這些都是作為線上業務成功渠道的單一系統的重疊元素。

第 3 章:速度優化的移動網站使桌面黯然失色

移動是所有有線連線的未來。隨著移動裝置的衝擊似乎涵蓋整個人類——2017年全球23.2億智慧手機訂閱使用者,約佔全球人口的30%,採用率正在飆升 。刺激影響的蓬勃發展浪潮繼續擾亂著幾乎沒有進入移動網際網路的線上業務營銷部分。

網路世界的成功取決於能否採用移動優先的方法來覆蓋激增的移動使用者群。對於努力有效覆蓋大量移動人口的組織而言,難以想象的獎勵就在眼前。

移動與桌面

移動與桌面

另一方面,桌面網路營銷是如此過去十年。在谷歌上搜尋“後PC 時代”、“PC銷量的自由落體”和“桌上型電腦的消亡”等詞,返回的卻是無數的新聞素材,描繪了仍然只停留在桌上型電腦網際網路使用者群周圍的組織的黯淡未來。

對於這些行業落後者來說,現在採用移動優先戰略還為時不晚。然而,這種方法對於前瞻性的線上企業來說並不總是有益的,當他們未能優化對移動使用者群的影響時。

與其錯過一些重要的步驟,沒有填補有效接觸移動客戶的空白,倒不如說是在走向移動方面的錯誤方向。這些差距集中在缺乏響應式和高效能的移動網站上。

移動與桌面——為什麼重要?

因為其他人都在做,首先。移動領域的競爭非常激烈,早在2014年,雅虎CEO就將其稱為 網際網路的 “轉折點”。她是對的!Stone Temple在2017年從Similar Web中提取了一些統計資料,這並不出乎我們的意料,但基於770億次網站訪問,移動裝置佔了50%以上的流量。

桌面和移動裝置上的總訪問量

桌面和移動裝置上的總訪問量(圖片來源:Stone Temple

以下是一些額外的統計資料:

  • 87%的美國公民擁有移動裝置。
  • 其中45%擁有智慧手機。
  • 其中90%通過手機上網。
  • 這些移動使用者平均 每天瀏覽移動網際網路的時間為1.4小時 。
  • 74%的人會放棄在5秒內未載入的移動網站。

至少從網站設計的角度來看,整個重點應該放在分別處理兩個實體 – 移動和桌面 – 上。如果沒有這種策略,訪問桌面版網站的移動使用者體驗通常會在頁面載入時間、可用性和功能方面受到影響。損害移動網站的這些核心方面可能會迫使線上企業面臨明顯的負面影響,包括:

  • 低移動購買: 與桌面網際網路使用者相比,移動網際網路購物者的注意力持續時間更短,耐心也更低。
  • 失去競爭: 根據對一千多名美國成年智慧手機使用者的調查,近75%的受訪者表示他們更喜歡重新訪問提供高階移動使用者體驗的移動電子商務網站。
  • 失去品牌價值: 設計糟糕的移動網站只是縮小完整桌面網站版本的HTML以便訪問者在瀏覽移動網頁時放大和縮小,從而使使用者未來與公司互動的可能性降低。

這些後果否定了以下通過移動網際網路接觸客戶的主要目標:

  • 擴大客戶群。
  • 新的廣告選項。
  • 在使用者方便的情況下有效地提供優質服務。
  • 最令人擔憂的是,在業務開發中有效地採用行動網路是不可避免的。

桌上型電腦和移動裝置在技術資源、外形尺寸和使用者介面方面有所不同——控制網站效能優化實施的所有方面。如果不單獨優化移動網站以提供最佳移動網站效能,則多個網站KPI會降低並對移動使用者體驗產生負面影響。

由於移動技術使使用者能夠隨時隨地搜尋網路,而站立、行走甚至舒適地躺在沙發上,對控制網站操作的渴望推動了使用者超出僅適用於桌面的傳統標準的期望競技場。能夠在大約2秒的短暫注意力範圍內提供移動網站內容的能力對於贏得客戶忠誠度和與移動網際網路使用者的長期業務關係至關重要。

網路目標

網路目標

高效能移動網站與高轉化的競爭空間

考慮到使用移動裝置進行電子商務購買的大量網際網路流量,高效能的移動網站顯然是電子商務組織的首要任務。一個最近的研究研究表明電子商務企業可能失去數以百萬計的移動購物者的每個移動購物者平均為桌面使用者線上購買中相同的大約80%的轉化率的潛在總收入。

在低效能移動網站上運營的小型電子商務企業的轉化率通常為0.6%,而相同規模的桌面電子商務提供商的轉化率為1.6%。

另一方面,平板電腦使用者的支出比桌面使用者多20%。通過吸引這些受眾,進軍移動網際網路營銷領域的線上企業可以期待高收入流,有朝一日可能取代桌面受眾——儘管這一天目前似乎離未來有些遙遠。

網站收入來源

網站收入來源

儘管如此,滿足移動使用者需求的需求仍將呈指數級增長。移動網站的搜尋引擎優化現在是一個獨立的行業——移動網站速度優化也是如此,它包括:

  • 高頁面速度
  • 低頁面載入時間
  • 高效交付富媒體內容
  • 下載速度
  • 最佳網站格式
  • 整個網站的輕鬆導航和可用性
  • 以及一個功能齊全的網站,在執行復雜的移動網際網路使用任務時需要最少的使用者輸入。

通過解決這些問題,移動網際網路領域的微型網站有望與更大的同行競爭,它們的轉化率高達 1.2%(這是桌面網站轉化率的兩倍!),以及超過 80% 的收入。使用其網站的桌面版本實現的轉換。

最快到達終點線站在領獎臺上最高

因此,財富100強公司的移動網站頁面載入時間平均為5秒也就不足為奇了 ——這比可接受的平均標準(最多7秒)快了兩秒。

平均頁面載入時間

平均頁面載入時間

然而,對於電子商務商家來說,5秒的頁面載入時間可能足以讓訪問者轉向更快的替代方案。而在零售領域,一些網站的載入速度與谷歌一樣快——頁面載入時間低至 1 秒!驚人的快,也許有點像谷歌那樣專注於頁面速度和網站響應能力。然而,這是前100家多渠道零售商中16家的平均頁面載入時間,他們從速度極快的移動網站中獲益,從而從移動客戶那裡獲得了數十億美元的收入。

Google描述了移動網站設計中的許多變化(HereHere),以便在1秒內在移動螢幕上呈現網頁——即使您不是財富100強公司或100強電子商務零售商!對於那些將移動Web開發問題掌握在自己手中的超級極客來說,非營利性全球資訊網聯盟 (W3C) 提供了一些最佳實踐(HereHere)。這是一篇很長的文章,展示了移動網站優化的重要性和強度!

對於僱用Web開發人員來設計響應速度快且速度優化的移動網站的企業主,應在移動網站剖析的以下三個要素中尋求改進:

  • 流體網格
  • 靈活的影象
  • 媒體查詢

並且設計側重於以下移動網站元素:

  • 刊頭
  • 圖片庫
  • 產品描述
  • 輔助資料
  • 頁尾

客戶喜歡快速響應的網站和超低的頁面載入時間。隨著對智慧手機和平板電腦越來越依賴,移動技術和創新並沒有顯示出放緩的跡象。頂級線上零售商瞭解將網站內容有效地從 Web 伺服器傳送到移動螢幕的微小空間的必要性。藉助專為移動平臺設計的精心設計的網站,讓客戶能夠快速做出明智的購買決策,最終為線上業務創造永無止境的收入流。

移動採購

移動採購

60%的消費者專門使用移動裝置來快速做出購買決定。移動裝置和臺式電腦或膝上型電腦被視為資訊的媒體來源同等重要——42%的網際網路使用者喜歡移動裝置,而43%的網際網路使用者喜歡PC/膝上型電腦——但通過移動裝置訪問網路的便利性正在推動移動網際網路使用和商業機會。

如果您仍然打算忽略移動網站的效能,您可能需要重新考慮主要通過專門的、速度優化的移動網站可以獲得的機會和成功。

第 4 章:影響網站效能的常見商業錯誤

線上交易市場-如古希臘人的戰場-在哪裡才最勤奮生存的高風險的有競爭力的平臺。與所有高風險的戰鬥一樣,人為因素(決策錯誤、失誤和無知)對線上商業競爭的結果有很大影響。

然而,負責維護高效能和完全優化的網站的線上企業和網站管理員往往會忽視影響網站載入時間的關鍵網頁設計元素。儘管特洛伊軍隊的規模和統治範圍很大,但其後果通常與特洛伊木馬穿透防禦工事並完全控制特洛伊城一樣危險。

線上業務成功的競爭也同樣激烈,即使只是不那麼激烈。爭取客戶注意力的鬥爭歸結為最有效、最準確地提供所需的內容,無論公司規模和過去的榮譽如何。就像人類的錯誤和無知決定了特洛伊戰爭的結果一樣,扼殺網站效能的常見錯誤往往會決定線上業務競爭的結果——最快到達終點線贏得比賽!

最快的網站載入時間獲勝

最快的網站載入時間獲勝

恰當地命名為死亡間隙,由於令人驚訝地忽視了網站優化策略和業務決策,預期頁面載入時間低於2秒與平均網站載入時間5秒之間的間隔擴大或縮小。與流行的觀點相反,速度優化最好在網站開發的所有階段實施,而不僅僅是在構建整個網站之後,只有當網站所有者意識到需要推動網站效能優化時。

在開發網站後實施的最終調整和速度優化附加元件確實提高了頁面速度,減少了載入時間,至少達到了死亡間隙。但即使在這個效能區域內,在預期的 2 秒頁面載入時間之後,每延遲一秒,轉換率就會下降 7%。

另一方面,對速度優化策略持謹慎態度的網站所有者也可以通過避免以下致命錯誤來提高網站效能:

平庸的虛擬主機服務

選擇平庸的網路託管服務的錯誤可能永遠存在。截至2020年,有超過18億個網站線上,網路託管空間既擁擠又破碎。大量託管選項的全球可用性正在推動企業和愛好者在網路世界中建立自己的存在。對具有成本效益的網路託管服務的需求呈指數級增長,託管服務提供商更願意通過低成本層級來積累市場份額來犧牲服務質量。

銷售具有成本效益的服務的平庸網路主機通過在膨脹的Apache堆疊的單個例項上託管數千個網站,繼續最大限度地提高盈利能力。在單個伺服器堆疊上執行數千個公共網站的未經優化的伺服器對於以無法控制的網路流量峰值、多媒體內容和大型網站檔案為特徵的電子商務網站尤其有害。

網路託管和開發公司對速度優化問題有共同的反應,即“現在每個人都擁有寬頻”會直接轉化為線上業務的經濟損失和品牌聲譽受損。有吸引力的網站效能對於電子商務業務的成功至關重要,因為網站載入時間超過3秒會立即失去40% 的流量。79%不滿意的訪問者幾乎永遠不會回到緩慢的電子商務網站!

網路託管服務

網路託管服務

或許,在追求最高質量的網路託管服務上投入時間和金錢是維護高效能網站的關鍵,通過有效和準確地吸引訪問者的注意力來產生巨大的收入流。

讓位於頻寬竊賊

網站速度優化是一個持續不斷髮展的過程,遠遠超出訂閱世界上最好的網路託管服務。一些旨在通過改變網站設計和功能來最大化收入的商業決策通過從分配給每個訪問者的頻寬中竊取相當大的塊對網站效能產生不利影響。

太多的小部件或外掛

附加特性和功能總是讓網站所有者和開發人員滿意。小部件和外掛可以方便地更改現有網站,同時對網站效能造成輕微負擔。即使使用 Google+ 按鈕框等最小的小部件,在某些情況下,頁面載入時間方面的網站效能負擔也會增加多達 2 秒。

Facebook 點贊框是另一個常見的減速,因為眾所周知,它可以輕鬆新增 40 多個 HTTP 請求(如下所示)。在客戶站點上,我們看到它使整個頁面的權重增加了 700 KB,這並不好!

Facebook小部件請求

Facebook小部件請求

將附加元件限制在最低限度對於保持最佳網站效能至關重要——即使是安裝到同一網站核心的外掛也在為瀏覽器請求提供最快響應方面競爭,最終耗盡頻寬。

有時,已安裝外掛的質量和功能遠比數量本身重要。查詢大量資料流以執行復雜操作的外掛應該在伺服器外執行此操作,而不是在WordPress等網站託管環境中執行此操作。

太多的廣告和外部服務

看起來很誘人,向第三方廣告商出售過多的房地產會大大降低網站的效能。太多的廣告或載入緩慢的廣告會提高跳出率並對線上市場營銷產生負面影響。高跳出率帶來的經濟損失超過了將大量網站空間交給廣告商的金錢收益。

Pingdom對外服務

Pingdom對外服務

外部服務通常會帶來兩個問題。一個是由絕對數量帶來的,另一個與等待載入有關。

  • 如果您有很多外部服務,則需要載入所有這些服務,並在每個頁面載入時等待來自它們的資訊。您接到的電話越多,等待的時間就越長,您自己伺服器上的負載就越高,遇到第二個問題的可能性就越大。
  • 在某些情況下,頁面載入將等到您的站點和外部服務之間的資料傳輸完成。如果在標題中呼叫該服務並且出現服務中斷,您的頁面將拒絕載入。

根據一項研究,通過橫幅廣告產生收入的成本幾乎佔額外延遲的 33%。侵入性的彈出式廣告進一步加劇了訪問者以更高的速度放棄網站的行為。附屬程式碼,即使只是那幾行額外的指令碼,也會佔用託管環境中寶貴的記憶體空間,並且需要額外的處理週期才能將內容交付給終端使用者。

儘管如此,線上廣告是許多線上企業的主要收入來源(想想谷歌和Facebook!),一個最佳的網站廣告模型在增加網站收入的同時最大限度地減少延遲和頁面載入延遲的成本大有幫助。

臃腫的設計主題和不相容的多媒體

誘人的網站設計主題和多媒體內容是線上流量的引人入勝的因素。也就是說,如果內容甚至足夠快地到達不耐煩的訪問者的眼睛。高質量的影象和視訊(大畫素、大檔案)需要更長的時間下載到請求瀏覽器上,而低質量、輕量級的圖形儘管載入時間較短,但幾乎無法吸引使用者的注意力。

然而,圖形密集型內容並不總是推動轉化和銷售的決定性因素。對於必須包含快速載入的產品影象和描述產品價值的視訊的電子商務網站來說尤其如此,不一定是它們的視覺美感。

相容性問題還會影響某些瀏覽器和地理位置的多媒體和應用程式效能。以Google Chrome和Shockwave Flash為例。兩人很少相處融洽。同樣,政府限制也可能阻止特定的多媒體內容到達本地訪問者。

具有非功能性多媒體內容的網站需要過多的客戶端-伺服器通訊週期才能到達請求瀏覽器,最終會降低網站效能。然而,由於政府政策和瀏覽器相容性可能會隨著時間的推移而發生變化,而且最常見的是不可預測性,因此由網站所有者來確保所有瀏覽器平臺、裝置外形因素和地理位置的簡化可服務性。

精簡內容

精簡內容

快速載入和功能齊全的多媒體內容是電子商務商家保持網站訪問者所必需的。頁面載入時間的每一秒延遲都會導致沮喪的訪問者放棄緩慢的網站,並導致轉化率下降7%,頁面瀏覽量減少11%,客戶滿意度下降16%。

還有更多的程式碼 – 登錄檔單和分析

登錄檔單和分析程式碼僅向網站核心檔案新增幾行。但是,當過多的單行程式碼在網站後端佔用空間時,帶有冗長程式碼的Web內容資產和外掛最終會在較短的處理週期內爭奪微小的記憶體空間。結果,流行的非線性物理現象開始出現,每個元件的效能都不可預測,通常比預期消耗更多的處理週期。

從終端使用者的角度來看,過多的服務通常是不必要的,或者最多被認為是網站所描繪的實際內容的次要服務。許多網站擁有超過80種資源(影象、外掛、附加元件和其他多媒體內容),並且所有這些內容不一定會根據使用者的喜好傳送到請求瀏覽器。當實際請求到達終端使用者的資訊由無關的登錄檔單、分析程式碼和其他給網站增加不必要的權重的內容所持有時,對開發富媒體網站的額外投資最終會適得其反。

移動錯誤和誤導性重定向

2019年,全球智慧手機訂閱量預計將超過27億大關,屆時 83% 的網際網路使用者將通過移動裝置訪問網際網路。2016年30%的電子商務網站流量來自移動裝置,隨著智慧手機使用者群的爆炸式增長,這一數字繼續呈指數級增長。

智慧手機

智慧手機

由於移動網站載入緩慢和訪問者的耐心程度較低,吸引移動使用者注意力的競爭更加激烈。 60%的移動使用者希望移動網站在3秒內載入。平均而言,如果移動網站的載入時間超過5秒,則四分之三的人會放棄移動網站,而移動網站的平均載入時間甚至更長,需要6-10秒。

移動頁面載入時間的過度延遲主要發生在網站沒有經過專門優化和設計以在移動裝置介面上提供高效能時。即使使用專門針對智慧手機優化的頁面,移動使用者也並不總是被重定向到從移動瀏覽器請求的桌面網站頁面的預期移動版本。

重定向是將尋求一個網站URL的使用者傳送到另一個(據說)包含使用者請求的確切資訊的指令。重定向對於搜尋桌面版本網站頁面的移動使用者最有效,這些頁面必須很好地對映到等效的移動版本以提供最佳的移動網站體驗。

這樣做不準確會阻止使用者在不需要的網站檔案之間切換,直到他們找到正確的網站檔案。這會導致載入終端使用者實際尋求的資訊時出現不必要的延遲。

這類似於在一個大而擁擠的停車場中找到一個空的停車位,然後到達明顯空曠的空間卻發現它被一輛從遠處看不到的小型車輛佔據。這個過程一直持續到最終到達一個空閒空間——也就是說,如果司機甚至繼續尋找空閒空間並且沒有沮喪到完全離開停車場。

錯誤的重定向

錯誤的重定向

當行動網路流量被簡單地重定向到不相關的桌面網站版本,而不是為移動訪問者提供速度優化的移動解決方案時,網站所有者最終會失去在移動領域的競爭優勢。

未針對移動裝置進行速度優化的網站存在妨礙移動使用者體驗的常見問題。錯誤的重定向、無法播放的視訊、臃腫的影象和圖形、不相關的交叉連結和傳遞給移動訪問者的不必要資產等問題會降低網站效能並最終提高跳出率。

只有10%的等待時間是由對瀏覽器請求的 HTML 響應定義的,其餘 90% 的延遲是由渲染頁面、解析HTML、執行程式碼指令碼和檢索嵌入資產造成的。使用優化工具和指令碼調整對網站效能進行大修可以從頁面載入時間中刪除大量資料,但可能不如從頭開發速度優化網站那麼有效。後者更像是一種營銷策略,一種商業決策,以及在避免最常見的錯誤方面的輕微意識,這些錯誤可能會通過破壞網站效能而破壞線上業務。

第 5 章:網站速度測試——識別效能瓶頸!

網路流量和搜尋引擎排名主要是衡量網站效能的虛榮指標。儘管它們很重要,但與銷售資料和轉化率相比,它們更能說明線上業務的成功。從長遠來看,具有(幾乎)0% 的跳出率、15% 的轉化率和 10,000 名來自低搜尋引擎排名的獨立網站訪問者的電子商務網站遠好於高排名的網站,其擁有 100,000 次獨立訪問,但轉化率僅為 0.01%。

關於轉化率優化的爭論可以持續到百科全書式的長度,在科學怪人的網站上實施業務最佳實踐可能需要大量投資,並且在產生任何顯著的轉化率改進之前需要跨越數月的耐心執行。

說服不耐煩的網路世界公民購買線上產品和服務,而不是實施被動的商業戰略來提高市場競爭力。專注於提高網站效能體驗的線上企業以更高的轉化率和飆升的銷售額的形式獲得了立竿見影的效果。

特別是頁面速度,通過改善網站使用者體驗來保持不耐煩的線上客戶的參與和滿意度,從而填補了在增強市場營銷方面的空白。O’Reilly 最近釋出的一份研究報告總結稱,通過減少頁面載入時間顯著提高了銷售和轉化率,從而改善了網站終端使用者體驗。在 令人咋舌的統計資料 如下:

  • +3%每秒轉換,頁面載入時間從15秒縮短到7秒
  • +2%每秒轉換,頁面載入時間從7秒縮短到5秒
  • +1%每秒轉換,頁面載入時間從4秒縮短到2秒

這些統計資料僅描述了頁面速度如何影響競爭激烈的網路空間中的業務成功。雖然看起來很複雜,但從緩慢載入的網站中切出大量頁面載入時間是一個相對容易實現的目標 如果速度優化策略在正確的方向上實施——當效能瓶頸未知、過於複雜或過於簡單時,這是一個巨大的 IF種類繁多,難以辨認。

對速度優化網站的追求始於識別標準網站效能測試過程中最明顯的關鍵前端問題。Google的首席效能工程師Steve Souders就 此事提出建議,他說:“80-90%的終端使用者響應時間都花在了前端。從這裡開始”。

測試什麼?

在開始探索頁面速度顛簸之前,瞭解最具影響力的網站速度效能指標的行為有助於準確識別網站的效能漏洞。

初始頁面速度

如果不對慢速網站進行徹底的改造和速度優化,就不可能在啟動瀏覽器請求的幾毫秒內下載大量佔用記憶體的網站內容。在很多情況下,訪問者只是以網頁所描繪的內容或產品資訊的形式尋找主要資訊。新增大量補充圖形和網站功能,頁面渲染時間變得無法估量。

初始頁面速度

初始頁面速度

即使整個網站內容(包括龐大的圖形)需要很長時間才能完全呈現,保持初始頁面速度仍然很高,可以使訪問者保持參與。通過跟蹤首位元組時間(TTFB) 等引數或從網站伺服器執行ping請求來監控高初始頁面速度,準確描述初始頁面載入時間和頁面速度統計資訊。如果這些花費的時間太長,則需要在後端以伺服器端和網站核心優化的形式完成工作。

整頁載入時間

監控將整個頁面內容呈現到請求瀏覽器上所消耗的時間是終端使用者網站體驗測試的一個組成部分。該資訊推動在部署和優化硬體基礎設施以最大限度地提高網站效能方面的戰略IT決策。

定期監控此效能指標使網站所有者能夠了解網站在規模和內容型別方面的擴充套件情況。有了這些資訊,網站管理員可以將靜態內容快取在不同的位置,例如內容分發網路 (CDN),同時維護專用的後端伺服器以有效地分發動態載入的內容。

地域表現

經營線上業務的好處之一是不斷擴大的全球市場影響力。但是,由於限制客戶端-伺服器通訊的因素,這種影響在全球範圍內並不總是同樣有效——因此也是有效的。政府政策、頻寬和技術限制阻礙了全球最佳網站效能,因此應在不同位置進行網站速度和可用性測試,以確定影響全球業務範圍的全球網站效能結果。

地理網站效能

地理網站效能

負載容限

網站效能隨網路流量的波動而變化。以最高效能處理正常負載的託管伺服器可能會在過度負載下失去頁面速度。在網站上進行壓力測試、斜坡測試、負載測試和其他效能測試,可以準確瞭解網站在效能下降或完全下降之前可以處理的網路流量。將結果與網站的實際使用模式進行比較,以確定網站是否需要硬體升級以儘可能有效地處理峰值負載。

Web伺服器CPU負載

在單個Apache伺服器上執行數千個網站的共享託管服務提供商無法提供高效能,即使該網站經過精心設計並具有乾淨且速度優化的程式碼。當伺服器計算能力不足無法有效處理網站下載請求時,效能問題會在高峰載入時間加劇。監控伺服器CPU負載使託管公司和執行本地託管網站的IT人員能夠檢查後端硬體能力,以處理不可預測的網路流量氾濫。

網站資料庫效能

資料庫效能對於維護從後端資料庫中提取的動態內容的網站至關重要。應該建立一種機制來檢測資料傳輸中的不準確之處併發出警報。密切關注本地託管網站的伺服器上的可用磁碟空間有助於避免導致連結斷開並最終降低網站效能的錯誤和資料丟失。

如何測試

網站所有者可以利用一系列免費和優質的網站效能測試服務來分析網頁並生成量身定製的解決方案,以填補阻礙頁面速度的最深效能漏洞。

網站速度測試

網站速度測試

由搜尋引擎巨頭Google、網站監控專家PingdomGTMetrix提供支援的頁面速度測試工具免費提供 有關網站效能指標的寶貴見解,並以程式設計方式生成分數和建議,以教育非極客網站所有者。檢視這些深入指南以幫助您入門。

這些工具如何工作

這些工具使用一堆瀏覽器來載入網站並在不同的地理位置複製終端使用者的網站體驗。效能瓶頸在網頁的各個元素之間受到監控,包括檔案大小、載入時間、響應時間和與網站各個部分(JavaScript、CSS 檔案、HTML、影象等)有關的請求。

這些工具根據在網頁效能和使用者優先順序的上下文中開發的一組規則生成效能分數。這些原則包括資源快取、客戶端-伺服器往返時間、資料下載和上傳大小,以及在頁面速度方面影響終端使用者網站體驗的一系列規則。

建議是在預期應通過實施適當的效能優化規則實現的頁面速度改進中生成的。例如,如果提供未壓縮的大影象檔案,監控工具會建議實施各種措施來壓縮大檔案。由於人為錯誤或無知,這些問題否則會被忽視,這兩者都無法完全消除。同時,頁面速度監控工具至少可以讓網站所有者識別問題並採取適當措施消除隱藏的網站效能瓶頸。

測試教程

以下測試是使用免費的Pingdom網站速度測試工具進行的。訪問Pingdom並根據提供的選項選擇不同的地理位置進行測試,並比較最終結果。輸入您的網站並點選立即測試按鈕。

Pingdom

Pingdom

然後它將返回您網站的摘要,包括效能等級、總載入時間、總頁面大小以及您在網站上的請求數量。

Pingdom摘要

Pingdom摘要

Pingdom 速度測試工具的效能洞察部分非常有幫助。這些都是基於Google PageSpeed Insight規則。一般來說,如果您在網站上改進這些,您應該會看到整體載入時間減少。

Pingdom效能洞察

Pingdom效能洞察

該工具以瀑布圖的形式列出所有下載的檔案,按照載入順序、載入時間、大小、型別或URL對其進行排序。

Pingdom瀑布請求

Pingdom瀑布請求

通過根據工具中提供的關鍵圖表讀取結果來分析每個檔案下載的效能:

Pingdom圖表

Pingdom圖表

該工具有助於確定網站速度優化策略的下一個最佳操作。在上面顯示的示例測試中,被測試的網站需要修復一些未找到的請求的錯誤。但是,重要的是要了解優化這些網站設計元素是一個持續不斷髮展的過程,從網站開發的底層開始,並隨著網站的擴充套件在所有新頁面上實施。

如果您需要更多幫助來解決您網站在Pingdom上的效能問題,請檢視我們對該工具的深入研究

選擇哪個工具?

不同的工具——谷歌的Page Speed Insights、Pingdom和GTMetrix等——識別不同的問題,以不同的方式測試不同的效能引數和指標,來自不同的瀏覽器和地理位置。因此,效能評級和測試結果必然會有所不同,並且沒有一種工具能夠識別網站設計中的每一個效能瓶頸。但是,建議您在進行改進以更好地監控進度時堅持使用一種工具。

然而,跨多個工具進行測試、分析不同的網站設計元素並比較多個測試結果為線上企業主為其網站設計速度優化策略提供了合理的見解。

第 6 章:如何提高網站速度?

開發一個偉大的網站需要大量的工作。領先的線上企業利用經過行業驗證的經驗、超自然的網路開發技能和殺手級網路託管服務來開發具有一流效能資料和使用者體驗的網站。但是對於那些在追求速度優化網站時錯過這個起點的人來說,採用簡約的方法來執行簡單的DIY頁面速度優化策略(幾乎)足以修補慢速網站。

投資於一套正確的網站速度優化解決方案和服務、網站管理以及可能徹頭徹尾的編碼技巧的知識對於產生最大的網站效能至關重要。基於此知識的戰略業務決策直接有助於提高網站效能,進而導致更好的線上銷售、潛在客戶、轉換並最終獲得業務成功。

網站速度優化

網站速度優化

優化是網路世界成功的流行語。網路空間,就像行星、恆星和星系的真實物理世界一樣,它本身也在不斷變化——一種不斷變化和進化的狀態。事實上,變化是現實世界和網路世界中唯一一致的過程。在這些空間中的生存取決於居民對不同資源和環境條件的適應能力。

在不同的市場趨勢、網際網路訪問者行為的改變、摩爾定律下的網路技術以極快的速度進步以及搜尋引擎巨頭制定的不同網站效能標準中,網站所有者也為線上業務的成功而競爭。

DIY速度優化

線上企業主和網站管理員通過即興創作和優化網站設計的關鍵元素來調整他們的網站,以在始終如一的變化印象下保持最佳結果。

影象優化

作為一般經驗法則,較大的檔案比較小的檔案需要更長的時間來下載。網頁下載時間,也稱為頁面載入時間,取決於從託管伺服器下載到請求瀏覽器的內容資產的總大小。高質量的大圖片是造成網頁大小、降低頁面速度和激動訪客急切等待網頁載入的最大因素。

根據HTTP Archive,截至2017年12月,圖片平均佔網頁總重量的66%。以下影象優化最佳實踐在減少影象對網站速度的負面影響方面大有幫助:

  • 格式選擇:當質量是高優先順序並且在上傳之前不需要修改影象時,使用JPG或WEBP。JPG可以在影象質量急劇下降之前進行有限的處理和修改。對於帶有圖示、徽標、插圖、標誌和文字的影象,請使用 PNG 格式。僅將 GIF 用於小影象或簡單影象,避免使用 BMP 或 TIFF。
  • 適當調整大小: 節省影象有效負載的寶貴位元組並匹配網頁模板的尺寸(寬度)。通過設定固定寬度和自動高度指令,使用瀏覽器調整大小功能使影象具有響應性。
  • 壓縮: 影象壓縮應該是影象大小和質量之間的一個深思熟慮的權衡。對於JPG,60-70%的壓縮會產生良好的平衡。對於視網膜螢幕,將 (JPG) 影象大小增加150-200%,壓縮30-40%,然後根據所需尺寸再次縮小。
  • 更少的影象: 將影象數量保持在絕對最少。

WordPress 解決方案:

利用影象優化外掛,例如Imagify、  ShortPixel影象優化器、  Optimus WordPress影象優化器、  WP Smush、  TinyPNG、  EWWW雲影象優化器。如果您使用外部壓縮和優化影象的方法,那就更好了,這樣可以減少您自己網站的負載。

有關更多提示,請檢視我們的深入影象優化指南

優化CSS程式碼和交付

不久前,30KB被認為是理想的網頁大小。這包括構成整個頁面的影象、內容、圖形和程式碼。CSS和JavaScript的流行打破了30 KB頁面大小的上限,可提供豐富的網站使用者體驗。

然而,用CSS編碼的現代網站更擅長從託管伺服器下載內容,以高效準確地請求瀏覽器。因此,優化不僅僅是縮小檔案大小。以下最佳實踐可確保速度優化的CSS交付:

優化的CSS交付

優化的CSS交付

  • 速記編碼: 通過使用更少的宣告和運算子來減少程式碼的大小。更少的程式碼行意味著更少的處理週期和網站檔案向請求瀏覽器的高效交付。
  • Ax瀏覽器特定的CSS黑客:  CSS面臨著無窮無盡的複雜瀏覽器特定的黑客——或所謂的修正宣告——給CSS指令碼檔案增加不必要的權重帶來的危險。速度優化的CSS程式碼既輕便又簡單,伺服器可以有效地處理。
  • Minify CSS: 幾乎所有的網站速度監控工具都給出了一個共同的建議,即減少CSS程式碼的重量以提高速度。輕量級和緊湊的程式碼有助於加快下載、解析和執行的速度,從而大大減少頁面載入時間。
  • 程式碼定位: 在<head>中載入CSS程式碼,在正文中載入 JavaScript,因為在此部分之外引用CSS會阻止Web瀏覽器在下載後立即顯示CSS內容。
  • CSS交付最佳實踐:
    • 不要使用@import呼叫。
    • 刪除未使用的CSS。
    • 不要在HTML中使用CSS,例如H1和DIV標籤。
    • 使用內聯小CSS。

WordPress 解決方案:

工具如AutoptimizeWP RocketCache Enabler,  CloudFlare CDNW3 Total Cache是一些最流行的工具可用於縮小JavaScript和CSS。

縮小 – JavaScript、CSS、HTML

事實上,速度優化不僅僅是關於縮小頁面大小。減少將網站內容傳送到Web瀏覽器的客戶端-伺服器請求數量是網站速度優化的一個組成部分。網站管理員可以通過不讓太多人使用CSS、HTML和JavaScript請求來實現這一點。儘管由於HTTP/2的改進,請求的數量不像以前那麼重要了。也就是說,優化、縮小和壓縮所有不必要的和可壓縮的程式碼行。

縮小對於內聯JavaScript和未快取的外部檔案尤為重要。Google建議縮小所有超過4096位元組大小的JavaScript檔案,並至少減少25位元組,以產生明顯的頁面載入時間差異。

壓縮

壓縮

設計速度優化網站的嚴格方法將包含從程式碼中消除不必要位元組的強烈意圖。利用所有可用的編碼空間,在保持程式碼可讀性的同時刪除多餘的空格、縮排和行空格,減少了網站核心和前端檔案的整體大小。對於已經在沒有這種策略的情況下開發的網站,將多個伺服器請求(針對HTML、JavaScript和CSS)組合成單個請求可以有效地減少頁面載入時間的大量塊。

然而,過度使用HTML縮小可能會導致網站程式碼保真度的損失,使用者代理會佔用過多的記憶體週期和CPU能力來“猜測”解析HTML檔案所需的缺失資源。監控頁面載入效能變化以響應單獨實施每個縮小過程,確保僅刪除不必要的程式碼和空格。

精簡CSS、JavaScript和HTML具有共同的好處:減少網路延遲、減少HTML請求、增強壓縮、更快的瀏覽器下載和執行,最終提高頁面速度並在網站速度測量工具上產生更高的分數。

外掛 – 少即是多!

帶有外掛的額外網站功能是有代價的:效能下降。不幸的是,網站管理員部署了無數外掛來新增有吸引力但通常是不必要的功能,例如gravatar、個人資料工具、網站統計資訊和字型工具——有些甚至使用10種不同的外掛來整合社交媒體。這裡唯一的好處是成功地避免了手動編碼。

許多流行的網站帶有多達80個外掛。然而,如果安裝的外掛開發得很好以避免複雜的操作和昂貴的伺服器處理,那麼這個數字並不完全是一個問題。

外掛數量

外掛數量

選擇高質量外掛時需要考慮的四個主要方面:

  • 它是否執行復雜的操作?
  • 它是否載入了許多內容資產和指令碼?
  • 它是否會增加對每個頁面請求的資料庫查詢次數?
  • 它是否執行對外部API的請求?

如果所有這些問題的答案都是肯定的,那麼您對相關外掛的反應應該是“ 否定”

現在有一個大問題,有多少外掛太多了?

雖然這個問題沒有全面的答案,但每個網站和外掛的限制都是獨一無二的。許多WordPress專家建議不要使用太多外掛。但是許多表現良好的網站都擁有80多個外掛,直到他們安裝了一個低質量的外掛,這會增加頁面載入時間的半秒。

同樣,將10個外掛用於簡單而獨特的任務比部署一個外掛來單獨執行所有複雜任務要好得多。例外情況包括由可靠的開發人員提供的高質量SEO外掛,例如Yoast SEOAll In One SEO Pack(免費的WordPress SEO外掛)等。

WordPress解決方案:

使用以下解決方案來檢查WordPress外掛的效能:

限制/禁用WordPress修訂

修訂管理是WordPress必須提供的特權之一。CMS會自動跟蹤在CMS上建立的內容,並使其所有內容都可用於將來的更改。對於伺服器來說,這會通過額外的資料庫條目進行不必要的處理,而這些條目實際上最初並不需要。控制儲存的修訂數量可以減輕網站核心的無用負擔。

WordPress修訂版

WordPress修訂版

在wp-config.php檔案中編寫以下程式碼片段有助於解決此問題:

禁用修訂:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
define( 'WP_POST_REVISIONS', false );
define( 'WP_POST_REVISIONS', false );
define( 'WP_POST_REVISIONS', false );

限制修訂:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
define( 'WP_POST_REVISIONS', 10 ); // limited to 10 revisions
define( 'WP_POST_REVISIONS', 10 ); // limited to 10 revisions
define( 'WP_POST_REVISIONS', 10 ); // limited to 10 revisions

檢視我們關於如何優化WordPress修訂版以提高效能的深入指南。

優化資料庫

WordPress CMS將文章、評論、頁面和其他形式的文字和加密資料儲存在單個資料庫中 – 除了儲存在“wp_content”資料夾中的影象和視訊。隨著時間的推移,這個資料庫變得擁擠,不僅有不必要的內容和後期修訂,還有垃圾資料。

垃圾內容包括:

  • 垃圾郵件佇列中的評論
  • 未經批准的評論
  • 釋出修訂
  • 垃圾專案,例如文章和頁面

資料庫優化圍繞著從雜亂的資料庫中清除垃圾資料和無用內容,縮小它們的大小並使網站託管伺服器更容易在最短的處理週期內有效地獲取請求的內容。這也可能涉及確保您對MySQL資料庫表使用InnoDB,而不是MyISAM。瞭解如何將myISAM轉換為InnoDB

wp_options表在談到整體WordPress和資料庫效能時也經常被忽視。尤其是在較舊的大型網站上,由於第三方外掛和主題留下的自動載入資料,這可能是導致網站查詢時間變慢的罪魁禍首。檢視我們關於如何清理wp_options表的教程

WordPress解決方案:

  • 限制、禁用和刪除後期修訂。
  • 通過在wp-config.php檔案中新增以下程式碼來自動清除垃圾:
    Plain text
    Copy to clipboard
    Open code in new window
    EnlighterJS 3 Syntax Highlighter
    define('EMPTY_TRASH_DAYS', 10 );
    define('EMPTY_TRASH_DAYS', 10 );
    define('EMPTY_TRASH_DAYS', 10 );

    10是垃圾資料自動刪除前的天數。酌情更改。

壓縮

根據Google的說法,網路世界每天都會看到由於未壓縮的Web內容而浪費了99年的人類歲月。儘管大多數最新的Web瀏覽器都支援內容壓縮功能,但並非每個網站都提供壓縮內容。這些佔用大量頻寬的網站的訪問者與網頁的互動速度極其緩慢。這種不利(且大多是無意的)網站行為的主要原因包括配置錯誤的託管伺服器、Web代理、舊的或有問題的瀏覽器和防病毒軟體。

未壓縮的內容會損害頻寬受限的使用者在極其冗長的頁面載入時間中接收Web內容的利益。以下是提供未壓縮內容的常見瀏覽器-伺服器通訊記錄:

HTML壓縮

HTML壓縮

瀏覽器: 嘿,給我/HeavyWeightChampion.html!

伺服器: 稍等片刻! *伺服器瀏覽伺服器並找到檔案*

伺服器: 找到了,250KB的響應程式碼。

瀏覽器: 哎喲! *終端使用者汗流浹背,最終在幾十秒內收到請求的內容*。 (好吧,客戶端-伺服器通訊可能比上述敘述更正式,也更不戲劇化。)

大多數問題在於HTML世界中客戶端-伺服器通訊的方式。HTML檔案(幾乎構成整個Web內容)包括幾個冗餘程式碼例項。<Tags>、<Alts>、<HTML>等都是重複出現的相同內容。

Google建議使用以下壓縮策略來有效地傳送網站內容:

  • 縮小JavaScript、HTML和CSS
  • 使用以下技術確保CSS和HTML程式碼的一致性:
    • 一致的大小寫 – 主要是小寫。
    • 一致引用HTML標記屬性。
    • 以相同的順序指定HTML屬性。
    • 通過按字母順序排列CSS鍵值對,以相同的順序指定它們。
  • 啟用 GZIP 壓縮。GZIP 找到相似的字串和程式碼例項,用較短的字元臨時替換它們。瀏覽器解壓縮gzipped檔案,將它們恢復到原始形狀。

不過要注意幾點:

  • 請勿GZIP重複壓縮(已壓縮)影象、PDF或其他二進位制資料。
  • GZIP資料大小僅在150-1000位元組範圍內。壓縮速度必須比傳送未壓縮內容所花費的時間快。
  • 不要為舊瀏覽器壓縮內容。

由於壓縮和解壓縮的開銷,不遵循上述建議實際上會增加檔案大小和頁面載入時間。

WordPress 解決方案:

  • 使用W3 Total Cache外掛啟用GZIP壓縮 。
  • 啟用GZIP壓縮的最佳方法是在Apache或Nginx的伺服器級別。檢視我們的GZIP壓縮指南

快取

開發人員渴望網站設計程式碼的簡單性。更易於建立、閱讀和維護的網站程式碼可實現高效的網站開發流程。這包括經常使用可用的程式碼功能來縮短特定網站功能的大量編碼。

但是,新增過多的無關迴圈和不必要的程式碼行會使頁面渲染時間增加幾毫秒。大量網站流量湧入,毫秒級的複雜性使頁面速度遠低於可接受的標準。

網站管理員可以通過提供所請求內容的快取副本來減少這些響應時間,而不是重複呈現它來響應每個使用者請求ping其伺服器。Web快取是在滿足特定條件時臨時儲存 Web 內容副本以滿足後續使用者從快取資料庫請求的機制。此過程減少了將(靜態)網站內容交付給請求瀏覽器的客戶端-伺服器往返次數。

WordPress快取

WordPress快取

當託管服務提供商不提供伺服器端快取時,網站所有者可以使用以下附加元件和配置啟用快取:

除了靜態可快取內容外,網站還託管包含針對每個終端使用者定期更改的獨特屬性的動態資訊。因此,儲存不可重用動態內容的快取副本是沒有意義的,即使呈現非快取內容是一個非常緩慢的過程。

片段快取

這是快取不可快取的動態網站內容的較小元素的藝術。當載入包含靜態和/或動態內容的網頁時,託管伺服器處理PHP程式碼並查詢MySQL資料庫以獲取請求的內容。通過提供儲存為快取副本的所需輸出,可以避免這些耗時和資源消耗的過程。

片段快取儲存一些程式碼塊的輸出,這些程式碼塊在動態內容的不同版本中保持不變。當程式碼執行併到達快取預定時間的程式碼塊時,伺服器會查詢並傳遞這段程式碼的快取輸出,而不是重複執行直到時間限制到達。

最終結果是快取優化的網站內容,即使對於處理強烈動態內容的電子商務和基於會員的網站,也能實現最大頁面速度。

內容交付網路 (CDN)

CDN是快取優化的擴充套件,旨在提高網站效能,專門針對全球分散的網路流量。CDN由託管網頁快取副本的伺服器網路組成。請求此資訊的Internet訪問者將根據其地理位置被定向到此網路中最近的伺服器。

CDN的傳統優勢,包括效能提升、高可用性和頁面排名,共同提升了業務底線。檢視您應該使用CDN的所有原因

WordPress CDN

WordPress CDN

切換到託管主機

WordPress通過授權網路世界的公民以最少的投資建立自己的部落格並線上推出產品和服務,從而使網路民主化。一般來說,網站所有者利用以下託管服務之一來保持他們的網站正常執行:

  • 免費託管:愛好者的最愛。
  • 共享主機:最適合以最低成本開發線上業務的個人。
  • 專用或託管託管:最受認真的個人和中小型公司的青睞,他們建立了線上業務。
  • 並置託管:最受擁有內部 IT 團隊管理網站的大型企業或政府機構的青睞。

其中,採用託管WordPress託管主機進行端到端的網站開發和管理服務是維護超高效能網站的最具成本效益和生產力的選擇。影響頁面速度和網站效能的託管託管服務的功能包括:

  • 效能優化——壓縮、程式碼縮減、伺服器端快取等。
  • 快取優化。
  • 效能內容優化——影象優化、控制垃圾資料等。
  • 搜尋引擎優化。
  • 定期軟體更新。
  • 外掛相容性和部署以獲得最佳效能。
  • 資料庫優化。
  • 內容交付網路。
  • 效能測試和監控。
  • 輕量級和速度優化的伺服器。
  • 伺服器和網站配置和維護,以最大限度地減少客戶端-伺服器往返。
  • 最新版本的PHP和MariaDB

注:很可惜,國內的雲伺服器提供商鮮有專門針對WordPress的專用主機。

WordPress使用PHP 7速度更快

PHP 7的釋出帶來了巨大的效能提升!實際上如此之大,它應該優先於您可能在WordPress網站上進行的許多小優化。以下基準測試展示了PHP 7與其先前迭代相比的顯著效能改進。與PHP 5.6相比,PHP 7允許系統每秒執行兩倍的請求,幾乎是延遲的一半。

Rasmus Lerdorf的PHP基準測試,PHP Fluent Talk

Rasmus Lerdorf的PHP基準測試,PHP Fluent Talk

通過執行PHP基準測試。與上述基準測試類似,我們看到PHP 7.3每秒執行的事務(請求)數量幾乎是PHP 5.6的三倍。PHP7.3也比PHP 7.2平均快9%。

WordPress 5.0 PHP基準測試

WordPress 5.0 PHP基準測試

  • WordPress 5.0 PHP 5.6 基準測試:91.64請求/秒
  • WordPress 5.0 PHP 7.0 基準測試結果:206.71請求/秒
  • WordPress 5.0 PHP 7.1 基準測試結果:210.98請求/秒
  • WordPress 5.0 PHP 7.2 基準測試結果:229.18請求/秒
  • WordPress 5.0 PHP 7.3 基準測試結果:253.20請求/秒

PHP 5.6與PHP更高版本之間的效能差距很明顯。 所以我們平日應該儘可能將WordPress及PHP升級至最新穩定版本。(注:PHP 8.1已正式釋出

最後,希望您至少找到了一些可以立即採取行動的重要建議!

評論留言