對於 Technical SEO 於技術審核期間,WordPress 速度優化應該是重中之重。用戶很快就會離開頁面加載速度較差的頁面,但您可以利用許多在線工具來提供有關網站速度性能的詳細見解。
WordPress 速度優化從您的 WordPress 託管開始。該過程與優化共享或專用服務器上託管的網站的過程沒有太大不同。因此,您可能會發現下面提到的一些工具(例如 Breeze)與您在共享網站上使用的工具類似。
目錄
- 為什麼要加速您的 WordPress 網站?
- 核心網絡生命力
- 如何加快 WordPress 網站速度?
- 1.詢問您的雲託管提供商
- 2.安裝有效的緩存插件
- 3.內容交付網絡不會讓您失望
- 4. 查找不活動的插件或無法正常工作的插件
- 5. 壓縮媒體文件
- 6. 壓縮 WordPress 網站的大小
- 7. 檢查網站和數據庫是否在同一個數據中心
- 8. 優化 WordPress 網站的主頁
- 9.更新更新更新
- 10.禁用盜鏈
- 11. 縮小 JavaScript 和 CSS 文件
- 12.使用輕量級主題
- 13. 控制帖子修訂
- 14.刪除無用的小部件和社交共享按鈕
- 15. 減少外部腳本和 HTTP 請求
- 16.優化WordPress數據庫
- 17.減少對數據庫的調用並使用數據庫緩存
- 18.使用更好的數據庫或單獨託管它
- 19. 添加谷歌字體
- 20.對評論進行分頁
- 21.對長內容進行分頁
- 22. 延遲加載圖像
- 23.使用第三方平台提供視覺內容
- 概括
為什麼要加速您的 WordPress 網站?
功能不佳的管理面板會影響您管理網站時的工作和時間效率,特別是當您的儀表板可能變得難以處理時。
除此之外,訪問者也不會等待您的網站加載。如果有些事情沒有按照他們想要的方式進行,他們就會離開。更糟糕的是,他們中的許多人再也不會回來了。
Portent 2019 年的一項研究表明,頁面加載時間的前 5 秒對轉化率的影響最大。它還顯示,隨著加載時間的增加,轉化率平均下降 4.42%。
WordPress 託管託管從 11 美元/月起
通過 Cloudways 優化託管提高您網站的速度和性能。
免費試用 3 天
2019 年,Unbounce發現人們寧願擁有更快的加載時間,也不願網站上精美的動畫和視頻。2017 年,Google表示,隨著頁面加載時間從 1 秒縮短到 3 秒,用戶從您的網站跳出的概率會增加 32%。
如果您還不相信,請查看Think With Google 進行的這項研究,該研究揭示了糟糕的頁面加載時間可能會如何影響跳出率。
核心網絡生命力
Google 使用Core Web Vitals來了解用戶是否滿意您的頁面,而頁面速度對用戶體驗有很大貢獻。例如,谷歌將使用頁面速度來分析您的用戶是否對緩慢的加載時間感到沮喪並在幾秒鐘內退出。
為了提高您的核心網絡生命力以加速您的 WordPress 網站,您需要了解它的工作原理。Core Web Vitals 分為三個元素:最大內容繪製、首次輸入延遲和累積佈局偏移。
LCP衡量從第一次點擊鏈接到加載大部分內容所需的時間。它與其他速度指標(例如TTFB )不同,因為 LCP 從用戶的角度測量頁面速度。無論您是通過Google PageSpeed Insights還是 Google Search Console檢查 LCP ,您都會收到影響 LCP 的網站元素的詳細分析。
範圍:
- 0 到 2 秒 – 好
- 3 到 4 秒 – 需要改進
- 5 到 6 秒 – 較差
第二個核心 Web 關鍵是“首次輸入延遲”或**“FID”**。這衡量了用戶與您的頁面交互所需的時間。交互可以定義為選擇菜單、填寫表格或在搜索欄上搜索他們喜歡的產品。因此,如果您的網站具有高度互動性,那麼這是您應該努力解決的重要核心網絡問題。
範圍:
- 0 至 100 毫秒 – 良好
- 200ms 至 300ms – 需要改進
- 400 毫秒至 500 毫秒 – 較差
累積佈局偏移或CLS衡量頁面加載時的視覺穩定性。簡而言之,如果頁面加載時頁面上的圖像四處移動,那麼您就遇到了需要解決的 CLS 問題。谷歌認為這是核心網絡至關重要,因為一旦頁面完全加載,將頁面元素移動到不同的位置會令人困惑。
範圍:
- 0 至 0.1 – 好
- 0.1 至 0.25 – 需要改進
- 0.25 至 0.3 – 較差
立即檢查您的核心網絡生命力!
使用我們的免費 Google 頁面體驗檢查器
立即測試
如何加快 WordPress 網站速度?
成分
最佳實踐
內容
→ 減少 HTTP 請求
→ 避免重定向
→ 縮小 HTML
→ 優先考慮可見內容
→ 使 AJAX 可緩存
→ 減少 DOM 元素的數量
→ 最大限度地減少 iframe 的數量
→ 減少 DNS 查找
→ 避免 404
曲奇餅
→ 減少 cookie 大小
→ 對組件使用無 cookie 的域
CSS
→ 消除首屏內容上方的渲染阻塞 CSS
→ 避免 CSS 表達式
→ 選擇 而不是 @Import
→ 將 CSS 設為外部
→ 縮小 CSS
→ 避免過濾器
圖片
→ 優化圖像
→ 優化 CSS 精靈
→ 不要縮放 HTML 中的圖像
→ 採用下一代格式的服務器圖像
→ 使 favicon.ico 變小並可緩存
JavaScript
→ 消除首屏內容上方的渲染阻塞 JavaScript
→ 將 JavaScript 設為外部
→ 縮小 JavaScript
→ 刪除重複腳本
→ 最小化 DOM 訪問
→ 開發智能事件處理程序
移動的
→ 將組件保持在 25KB 以下
→ 將組件打包到多部分文檔中
服務器
→ 減少服務器響應時間
→ 使用內容交付網絡 (CDN)
→ 添加過期或緩存控制標頭
→ 啟用壓縮
→ 配置 ETag
資料來源: Techwyse
沒有必要同時嘗試所有這些解決方案來獲得更快的 WordPress 網站。根據您的要求,您可以選擇僅使用其中的幾個。
那麼我們開始吧!
1.詢問您的雲託管提供商
在開始採取任何操作之前,建議向您的 WordPress 託管託管提供商詢問他們的產品以及與 WordPress 的兼容性。他們可以為您提供有關提高WordPress 網站速度的提示和想法。這將幫助您有效地優化 WordPress 速度並節省您的時間。為了獲得更好的網站性能,需要優化 WordPress 託管。
您的網絡託管服務商如何提高網站速度?
當您訪問網站時,您正在訪問距離您可能數百或數千英里的計算機上的文件。該服務器必須完成諸如執行代碼、運行數據庫查詢以及為網頁加載文件提供服務等任務。服務器完成這些任務的速度越快,您的網站加載速度就越快。
什麼決定了服務器的速度?專用服務器速度更快,因為資源不在其他網站之間共享,因此您可以在一天中的任何時間獲得最佳性能。專用服務器可以加快您的 WordPress 網站的速度,因為您可以獨享該服務器。您永遠不必擔心會遇到服務器的限制。
較大的服務器肯定比較小的服務器更快。例如,配備 2 核處理器的 8GM RAM、50GB SSD 硬盤將比資源較少的服務器更快地完成這些任務。
2.安裝有效的緩存插件
提高網站速度的最流行的方法之一是使用緩存插件。緩存插件將為任何未來的訪問者存儲站點的最終視圖。這意味著您的 WordPress 不必為每個訪問該網站的以下人員生成它。此數據可以包括 HTML、JS 和 CSS 代碼、圖像、字體和 Flash 文件。
WordPress 緩存插件breeze
WordPress Cache Pluginbreeze通過提高 WordPress 網站的性能、減少下載時間並提供一鍵式內容交付網絡集成來改善網站的用戶體驗。
Breeze 是一款無憂無慮的WordPress 緩存插件,消除了頂級緩存插件的複雜性。
特徵:
- 與 WordPress、WooCommerce 和 WordPress 多站點兼容。
- 縮小化
- Gzip 壓縮
- 支持清漆
- 瀏覽器緩存
- 靜態文件分組
- 數據庫優化
- 文件排除
在自己選擇和安裝插件之前,請詢問您的託管提供商是否更喜歡特定的緩存插件。
3.內容交付網絡不會讓您失望
CDN(內容交付網絡)也是加快 WordPress 網站速度的另一個重要選項。無論您運行哪種類型的網站,WordPress CDN都能為您的網站提供更好的加載時間。
CDN 雲託管和 jsDelivr。
Cloudways Cloudflare CDN提供企業級功能,可與您的 WordPress 網站一鍵集成,每個域每月僅需 4.99 美元。
特徵:
- 100GB 企業 CDN
- 優先 DDoS 防護
- 智能防火牆(WAF)
- 使用 Polish 優化圖像
- Brotli壓縮
- 使用 Mirage 進行移動優化
- 通配符 SSL 支持
- PCI DSS 合規性
- HTTP/3 支持
- 為 Cloudways IP 和優先路由保留
Cloudflare也提供自己的基本免費計劃,其中包括快速的網站性能、訪問者的統計數據和安全保護。Cloudflare 使用一種稱為 Anycast 的技術,該技術會將您的訪問者路由到最近的數據中心。它在全球超過 28 個數據中心運營。
特徵:
- 移動優化
- 提供快速 DNS 服務的全球網絡
- 分析您的網站流量
- 用於更快、更安全、一鍵式更簡單網站的應用程序
jsDelivr是一款免費產品,允許任何開發人員託管他們的文件,例如 CSS、JavaScript、jQuery 插件和字體。Cloudflare 和
MaxCDN支持它。
將 WordPress 加載時間加快 70%!
借助適用於 WordPress 的 Cloudflare 邊緣頁面緩存,提高您的網站性能並在 Core Web Vitals 上獲得更高分數!
了解更多
4. 查找不活動的插件或無法正常工作的插件
加快 WordPress 網站速度的另一種方法是驗證當前插件是否正常工作。插件和工具有時會導致網站出現延遲,導致加載緩慢。
要進行測試,您可以獲取另一個插件。它稱為查詢監視器。該插件是免費的,安裝後,它將報告您網站的任何性能問題。
如果您發現插件會降低您網站的速度,請將其刪除或嘗試為您的 WordPress 網站尋找其他性能插件。
此外,保留大量活動插件會影響您的 WordPress 網站速度。
5. 壓縮媒體文件
上傳非常大的圖像和視頻會顯著降低您的 WordPress 網站的速度。因此,另一個加快 WordPress 網站速度的解決方案是壓縮媒體文件
image compression,可以自動減小所有圖像尺寸,因此無需對每張圖片重複執行此操作。或者,您也可以嘗試WP Compress – 一個優秀的圖像優化插件。
簡而言之,較小的文件將使您的頁面加載得更好,而壓縮的媒體文件有利於 WordPress 速度優化。
6. 壓縮 WordPress 網站的大小
您的網站尺寸越小,加載速度就越快。
GZip 壓縮可以將網站內容的大小減少約 70%。壓縮後的網站由於帶寬減少而加載速度更快。
只需安裝並激活 Breeze WordPress 緩存插件即可完成 GZip 壓縮。它將幫助您在網站測試工具上獲得良好的性能等級並加快您的 WordPress 網站的速度。
7. 檢查網站和數據庫是否在同一個數據中心
檢查您的 WordPress 站點和數據庫是否位於同一數據中心。在談論託管和服務器時,鄰近性始終很重要。將網站及其數據庫置於同一數據中心,可以使獲取帖子和使用數據庫的過程變得更加輕鬆、順暢,從而優化網站性能。
要找出服務器的位置,請詢問您的託管提供商。有時,公司也會在註冊過程中顯示他們的服務器位置。
8. 優化 WordPress 網站的主頁
您可以做的另一件事是優化您的主頁,以加快 WordPress 網站的速度。讓它看起來更簡單,沒有聚集的內容和無用的小部件或工具。
另外,不要完整顯示帖子。您可以僅顯示第一段或文本的特定摘錄。在同一頁面上顯示太多帖子也可能導致加載時間更長。
您的主頁越乾淨,加載速度就越快。
9.更新更新更新
始終保持您的 WordPress 更新。無論是插件還是主題,請記住它們應該始終保持最新狀態,以獲得最佳性能和安全性。如果有新的更新可用,請嘗試在WordPress 臨時站點上進行測試,然後再將其應用到實際站點上。
或者,如果您想消除自己檢測、測試和部署更新的麻煩,您可以採用自動化方法。這需要安裝第三方插件,或者更簡單的方法是利用內置系統自動更新您的託管提供商(如果有的話)。
在 Cloudways,SafeUpdates是一個每月只需 3 美元的附加組件,可以自動檢測、測試和部署更新,同時負責備份和動態測試。
10.禁用盜鏈
熱鏈接是一個網站使用另一個網站的資源時使用的術語。例如,如果有人從您的網站複製了圖像,則加載他的網站後,就會從您的網站加載該圖像。這意味著它正在消耗服務器的帶寬和資源。
簡單來說,你可以說盜鍊是一個笨重的帶寬“殺手”。
為了避免此類劫持,您只需將以下行放入WordPress .htaccess文件中。
重寫引擎開啟
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?EXAMPLE.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?feeds2.feedburner.com/EXAMPLE [NC]
重寫規則 \.(jpg|jpeg|png|gif)$ – [NC,F,L]
- 重寫引擎開啟
- RewriteCond % { HTTP_REFERER } !^$
- RewriteCond% { HTTP_REFERER } !^ http ( s ) ? ://(www\.)?EXAMPLE.com [NC]
- RewriteCond% { HTTP_REFERER } !^ http ( s ) ? ://(www\.)?google.com [NC]
- RewriteCond% { HTTP_REFERER } !^ http ( s ) ? ://(www\.)?feeds2.feedburner.com/EXAMPLE [NC]
- 重寫規則 \. ( jpg|jpeg|png|gif ) $ – [ NC,F,L ]
重寫引擎開啟
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?EXAMPLE.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?feeds2.feedburner.com/EXAMPLE [NC]
重寫規則 \.(jpg|jpeg|png|gif)$ – [NC,F,L]
正如您所看到的,我們已排除 Feedburner 圖像,以便它們可以正確顯示在您的實時源中。
11. 縮小 JavaScript 和 CSS 文件
如果您使用Google PageSpeed Insights或 ySlow 測試您的 WordPress 網站,它會提示縮小 JavaScript 和 CSS 文件的警告。您需要減少 JS 和 CSS 調用,以減少服務器響應時間並最小化文件大小。通過減少它們,您會發現網站加載速度比以前快得多。這最終將幫助您節省帶寬使用量。
縮小的方法有很多。您可以手動或使用 WordPress 緩存插件“ Breeze ”來完成此操作。但是,還有其他插件,例如Autoptimize。
12.使用輕量級主題
WordPress 市場上有許多閃亮漂亮的主題。但不要忘記,具有大量動態內容、小部件、滑塊、側邊欄等的主題可能會導致您的託管服務器響應緩慢。
始終優化您的 WordPress 主題 或使用輕量級 WordPress 主題。如果您想運行博客網站,默認的 WordPress 主題就足夠了。要獲得更多功能,您可以使用基於 Bootstrap 和 Foundation 構建的主題。
13. 控制帖子修訂
毫無疑問,後期修改是 WordPress 的一個很棒的功能。但並非每個功能都適合所有人。磁盤和數據庫空間不足的用戶很少。
每次您更改帖子修訂中的內容時,帖子的新副本都會保存在數據庫中,而不是刪除以前的副本。這樣你就永遠有機會恢復。它增加了數據庫的大小,而大的數據庫可能會導致許多問題。
您可以限制自動保存帖子的頻率。從 WordPress 安裝的根文件夾中,使用任何文件編輯器打開 _wp-config文件,並在代碼_require_once(ABSPATH . ‘wp-settings.php’);之前編寫以下任意代碼:
限制後修改:
定義(’WP_POST_REVISIONS’,3);
- 定義(’WP_POST_REVISIONS’ ,3 );
定義(’WP_POST_REVISIONS’,3);
它將限制修訂的數量為 3。這意味著您的 WordPress 將限制自己只保存三個修訂。
禁用後期修訂:
定義(’WP_POST_REVISIONS’,假);
- 定義(’WP_POST_REVISIONS’ ,假);
定義(’WP_POST_REVISIONS’,假);
它將完全禁用您的 WordPress 網站的後期修改。完全禁用它不是最佳實踐。
增加自動保存間隔
定義(‘AUTOSAVE_INTERVAL’, 300); // 秒
- 定義(’AUTOSAVE_INTERVAL’ ,300 );// 秒
定義(‘AUTOSAVE_INTERVAL’, 300); // 秒
您還可以設置自動保存帖子的頻率。300 秒意味著您的帖子將每 5 分鐘自動保存一次,而不是默認設置。
14.刪除無用的小部件和社交共享按鈕
WordPress 用戶在談到小部件時常常會得意忘形。用戶覺得他們應該安裝盡可能多的小部件以使他們的網站更加實用,而不知道這些小部件除了價格之外還需要付出一定的成本。小部件往往會使您的網站變得龐大,這會導致加載時間緩慢,因為它會在前端生成大量請求。另外,每個請求都意味著對數據庫的額外調用。
在這種情況下,加快 WordPress 網站速度的最佳解決方案是將小部件保持在最低限度,並僅使用網站真正需要的小部件。對於其他功能,您還可以使用代碼,這是一種資源佔用少得多的使站點正常運行的方式。
15. 減少外部腳本和 HTTP 請求
主題和插件通常充滿了需要各種資源的外部腳本,包括 JavaScript、CSS、字體和圖像。
通過檢查網站的源代碼,你會遇到一些你不熟悉的腳本。加快 WordPress 網站速度的最佳方法是盡可能減少外部 HTTP 請求並單獨託管它們。
16.優化WordPress數據庫
為了優化 WordPress 速度,您需要優化 WordPress 數據庫。就像您計算機的硬盤驅動器一樣,您的 WordPress 數據庫中充滿了您不需要的垃圾。隨著時間的推移,未經優化的 WordPress 數據庫會減慢您的網站速度。解決這個問題的簡單方法就是不時清理它。
您可以使用數據庫優化插件來清理 WordPress 數據庫,也可以手動釋放數據庫中不需要的垃圾,以加速您的 WordPress 網站。
17.減少對數據庫的調用並使用數據庫緩存
許多WordPress 主題的編碼很差,而且您使用的主題很可能會向數據庫發送不必要的調用。在這種情況下,用簡單的 HTML 替換任何不需要的 PHP 和數據庫調用至關重要。
Redis是兩種緩存機制,可通過緩存所有請求來幫助加快 WordPress 網站的速度。這種方式可以用更少的時間來滿足最頻繁的請求。
18.使用更好的數據庫或單獨託管它
為您的 WordPress 網站使用信譽良好的數據庫至關重要。MySQL 因其與 MariaDB 和 PostgreSQL 一樣的可靠性和性能而最常被託管提供商使用。
切換主機時,研究他們提供的數據庫非常重要,因為它是網站速度的巨大決定因素。另外,如果您的主機支持 MariaDB,我建議您將數據庫移至那里以獲得更好的速度。
19. 添加谷歌字體
WordPress 用戶經常在他們的網站上使用 Google Fonts,因為它具有豐富的庫,而且它單獨託管在不同的服務器上,從而顯著減少了服務器的負載。
雖然使用 Google 字體是讓您的網站更加活躍的好方法,但您應該了解如何充分利用它來加速您的 WordPress 網站。
首先,您需要確保預加載 Google 字體以優化您的網站速度。其次,始終建議您在本地託管 Google 字體,這意味著將字體文件下載到本地系統上。雖然這種方法在使用字體時省略了對第三方的依賴,但它也阻止了自動更新,因此您需要手動更新字體。最後,使用盡可能少的字體變體,因為使用的字體變體越多,下載所需的時間就越長。
20.對評論進行分頁
評論是一項常見功能,尤其是對於 WordPress 博客而言。如果它是熱門評論,您的評論部分很可能會包含數百條評論,這些評論需要資源才能加載。
對評論進行分頁是加快 WordPress 網站速度的好習慣。它允許用戶按需加載評論,因此只有對評論部分感興趣的人才能看到它。您可以通過導航至**“設置”>“討論”**來完成此操作。
21.對長內容進行分頁
除了對評論進行分頁之外,您還可以對長篇內容進行分頁,以縮短頁面長度以快速加載。將內容分解為頁面的另一個好處是它可以提高可讀性並使其更易於使用。
大多數主題可以從後端對內容進行分頁,但如果找不到它,只需在編輯器中打開 single.php 文件並添加 在 WP 循環中。
22. 延遲加載圖像
延遲加載是 WordPress 速度優化的一項古老技術,即當用戶向下滾動頁面時加載圖像。這個想法是不要一次加載所有頁面元素,因為這會給服務器帶來壓力,從而導致加載時間變慢。相反,它會在用戶到達放置圖像的頁面部分時加載圖像。
您可以使用許多延遲加載插件來實現此技術。
23.使用第三方平台提供視覺內容
雖然視頻是吸引觀眾的好方法,但它們確實會佔用大量服務器資源來加載。在這種情況下,加快 WordPress 網站速度的最佳方法是將視頻單獨託管在 YouTube 或 Vimeo 等視頻託管服務上。
您可以將視頻上傳到 YouTube 或 Vimeo 並使用嵌入代碼將其添加到您的頁面。這樣,您的視頻就不會使用您的服務器來加載,並為其他元素釋放資源。
Cloudways 為 RaDiance Conseil 提供速度和正常運行時間支持
了解 Cloudways 如何確保 Radiance Conseil 及其 600 名客戶獲得最佳速度和正常運行時間!
現在試試
概括
您可以嘗試並實施以下一些解決方案來提高 WordPress 網站的速度。如果您想了解有關 WordPress 良好網絡託管功能的更多信息,請查看CollectiveRay 的 Cloudways 評論。
如果我錯過了一些重要的事情,請隨時在評論中指出。
經常問的問題
問:如何檢查我的 WordPress 網站速度?
您可以使用 GTmetrix、Google Page Speed Insights 和 Pingdom Tools 等工具檢查 WordPress 網站速度。這些工具將顯示您的網站在桌面和移動設備上的速度。另外,請記住,由於算法的不同,每個工具的結果可能會有所不同。
問:為什麼 WordPress 網站這麼慢?
您的 WordPress 網站可能由於託管質量差、沒有 CDN 或者您沒有使用緩存插件而速度緩慢。您可以按照本博客中分享的提示來加速您的 WordPress 網站。