2024提升WordPress的網站的速度性能優化的終極指南
本文有3974個文字,大小約為17KB,預計閱讀時間10分鐘
原文標題:2024提升WordPress的網站的速度性能優化的終極指南
眾所周知,很多初學者站長對于Wordpress網站的優化是摸不著頭腦的, 并不知道從何下手,那么本篇文章就將教您如何正確的優化您的網站達到一個可觀的訪問速度, 從而達到提高網站SEO評分和提高網站訪客的效果。
本文將會針對在中國內地的服務器以及全球服務器兩大優化方法進行闡述,略微有一些不同。 首先我們要了解網站的受眾是哪些國家地區,我們針對這些群體進行相應的優化。
文章目錄 [隱藏標題]
1 為什么要優化網站?
2 速度真的很重要嗎?
3 服務器的配置如何選擇?
4 優化總共分為哪些方面?
4.1 額外補充
4.2 快速優化檢查清單
5 優化數據庫以提高響應性能
6 安裝Wordpress頁面緩存插件
6.1 第一名-WP Rocket
6.2 第二名-WP Super Cache
6.3 第三名-WP Fastest Cache Premium
6.4 第四名-W3 Total Cache Pro
7 優化靜態資源以縮減網站大小
7.1.1 縮小網站圖片
7.1.2 動靜態分離
7.1 優化圖像以提高速度
8 如何測試我的網站速度?
為什么要優化網站?
當顧客坐在餐廳吃飯時,服務員的上菜速度慢,服務不積極通常會導致有一個較差的用餐體驗,未來的顧客也就更少了。同樣,緩慢的網站速度可能導致搜索引擎SEO排名不佳、網站總體流量降低以及負面的用戶體驗。
網站速度,或網站性能,是指瀏覽器能夠從給定站點加載網頁全部功能的速度。在瀏覽器中呈現緩慢加載的低性能網站可能會失去用戶。相反,快速加載的網站通常會收到更多流量,并具有更高的轉換率。這里有一個來自Google官方的數據調查,是的,您沒看錯,如果加載時間超過 3 秒,53% 的訪問者會放棄您的網站。
速度真的很重要嗎?
多項研究表明,網站速度會影響轉化率(即用戶完成目標操作的比率)。與速度較慢的網站相比,不僅更多用戶停留在快速加載的網站上,而且他們的轉化率也更高。許多公司發現頁面加載時間減少幾毫秒都會增加轉化率。
試問你自己,如果遇到一個要很久時間才能打開的網站,你是否會放棄訪問這個網站尋找其他類似的網站?
速度的快慢會影響以下:
轉換率
跳出率
SEO搜索引擎排名效果
用戶體驗
所以我們接下來一步一步講解,網站到底該如何進行優化?
服務器的配置如何選擇?
如果您是為了使用網站進行博客文章類創作, 那么我們推薦您購買配置在2-4h/2-4g 基本上足夠了。
如果您需要搭建一個電子商城/獨立站, 那我推薦您選擇 專為電子商務優化的虛擬主機, 這將不需要讓您花費時間在維護服務器上。 或者選擇配置為4h4g或更高配置的服務器,帶寬大于等于5M。
選擇一個良好的服務器, 在優化性能和速度中發揮的重要的作用,也是取決于你的網站能否承受大量的流量, 所以優先選擇大廠的服務器進行建站, 通常情況下,大廠的服務器更加有品質保障。
通過這兩種典型的案例,我將為您在下文闡述在動態化的網站和靜態化的網站的優化中有所不同的地方。
優化總共分為哪些方面?
很多初學者根據網站上的教程一步一步的搭建好自己的網站,看了許多的插件和配置教程, 根據步驟進行優化后,并沒有達到一個良好的效果,因為他們并不知道網站優化分為哪幾個層面,要從哪些地方下手。
首先,Wordpress是動態的,并不是純靜態的頁面,每一次訪問網站,都會動態的加載網站架構。 所以,每當一個人進行訪問,都需要消耗一定的服務器資源。 那么當訪問的人越來越多之后網站就會造成擁堵的狀況。
所以我們需要擁有緩存插件,將動態化的內容提前進行緩存。 這也是為什么安裝了緩存插件之后,我們的網站能夠提高訪問速度。
簡單的說一個網站打開的流程:wordpress使用PHP為后端服務,由PHP進行html內容渲染,然后傳入用戶瀏覽器。
所以我們需要從三個方面進行優化, 數據庫優化、 頁面緩存優化、 靜態資源優化。
每當客戶訪問了我們的網站,PHP首先會配合數據庫進行整理,輸出一個HTML的文件, 可供網站瀏覽器訪客進行閱覽。 所以這會消耗服務器巨大的資源。 為什么中國很多人不喜歡使用這款CMS, 因為他確實非常的臃腫,如果不進行優化會非常的吃力。
額外補充
通常我們會使用寶塔或者一些服務器面板,可視化管理工具進行安裝Wordpress,一般會選擇基于NGINX進行配置, 如果你的服務器只運行Wordpress, 那么我們推薦您使用國際版的寶塔aapanel,并安裝OpenLiteSpeed Web來代替NGINX。
他提供了高性能,并且非常輕量化的占用, 并且專門為Wordpress進行優化。 通過服務器端與Wordpress的LiteSpeed插件深度融合, 你只需要這么一個插件就能提升你的網絡性能和速度。
LiteSpeed Cache 為您的網站提供各種速度優化功能。從縮小化HTML、CSS 和 JS 文件,到優化圖像、生成關鍵 CSS、優化數據庫以及 LiteSpeed Cache 插件中內置的許多其他功能。簡而言之,您將獲得優化網站所需的一切內容。
快速優化檢查清單
熟練網站操作的站長們,我們提供了一個快速優化清單,省去了下面復雜的內容講解。
-初階優化清單
使用CDN加速網站,可根據網站和主主題性質考慮是否全站靜態優化
圖片/視頻等靜態內容通過OSS/COS等第三方存儲桶儲存,減緩服務器帶寬壓力(帶寬小可考慮)
使用opcache和Redis/Memcached擴展
優化網站圖片大小、視頻等
減少不必要或功能重復的插件使用
安裝Wordpress緩存插件并合理配置,并優化CSS、JS、懶加載、預加載等
安裝Wordpress輕量化插件,可選WPJAM Basic、Perfmatters等減法插件
使用最新版的 PHP
-高階優化清單
使用系統自帶字體,不加載字體包。將Google字體替換或本地托管
盡可能減少外部HTTP請求,禁用或整合成一個請求文件
減少數據庫調用(需要PHP和數據庫技術能力),盡可能做到首頁 0 SQL
單獨分析可延緩加載Javascript進行優化
推遲或刪除未使用的CSS
將長帖子文章拆分成多個頁面
單獨Debug每個頁面,可使用Debug Bar插件來調試數據庫查詢
優化數據庫以提高響應性能
我們需要在服務器端的PHP中安裝相應的擴展,通常在服務器面板中能夠找到,這里我們以aapanel為例,我們需要安裝memcached或者redis(二選一)如果訪問量大并且涉及到動態內容多,那么建議選擇redis作為持久對象緩存后端
當擴展安裝完畢之后,我們需要來到Wordpress后臺進行安裝相應的插件,
如果你選擇的是memcached,需安裝Memcached Redux或類似的插件
如果你選擇的是redis,需安裝Redis Object Cache或類似的插件
安裝并成功配置完插件后,數據庫對象緩存部分我們就大功告成了。如果您還想提升您數據庫的性能,可以安裝一些數據庫的清理插件(WP-Optimize Premium),在我們的高級插件中均有收錄。
安裝Wordpress頁面緩存插件
在前面提到Wordpress的網站是動態化加載的,所以這也是為什么我們需要安裝緩存插件的目的,通常能夠提升數倍的訪問速度。
如果您的網站為純靜態博客文章類,沒有任何在線動態功能的網站,您可以選擇使用CDN強制緩存所有的內容,那么緩存插件就是一個可選的需求,不一定要安裝頁面緩存插件,這并不會帶來多大的提升。
根據緩存測評專家網站webspeedtools.com提供的數據表明,WP Rocket是除LiteSpeed外首選的頁面緩存插件。接下來我們會根據緩存性能進行排名推薦可靠的緩存插件集合。
第一名-WP Rocket
WP Rocket擁有所有緩存插件中最簡單的用戶界面之一。除了緩存外,它還提供了網站所需的各種優化功能,以實現適當的速度優化。此外,即使不更改任何默認設置,它也能很好地與各種網站配合使用。這三點結合起來,使WP Rocket成為大多數人的理想選擇。
它是這個列表中唯一一個只有高級版本而沒有免費或免費增值版本的插件。但是,對WP Rocket的將使您能夠輕松啟用緩存,并利用所有必要的WordPress網站速度優化。
第二名-WP Super Cache
WP Super Cache由創建WordPress的同一家公司開發。因此,它通常與各種網站具有非常高的兼容性。WordPress沒有內置的緩存系統,但WP Super Cache可以很輕松地填補這個空白。事實上,它只提供緩存,而沒有許多其他緩存插件提供的其他優化功能。
它有一個簡易模式,只提供兩個選項,即啟用或禁用緩存。因此,它不需要對緩存中涉及的復雜設置有任何先前的知識,這使得它非常適合初學者。但它也有一個高級模式,可以為您提供大量選項,以根據您的需求精確配置站點上的緩存。
如果您希望使用一個沒有其他內置優化功能的緩存插件,這可能會使您的網站變得臃腫,那么WP Super Cache可能正是您的正確選擇。
第三名-WP Fastest Cache Premium
WP Fastest Cache在所有緩存插件中擁有最簡單的用戶界面之一。但是,這種簡單并不意味著它缺乏關鍵的定制選項。事實上,它的簡單性與足夠的定制選項相結合,使得大多數僅具有有限緩存知識的初學者可以輕松配置WP Fastest Cache。
除了緩存之外,WP Fastest Cache還提供了WordPress網站所需的其他定制功能。當您將簡約界面、額外優化功能、最小定制選項結合在一起時,WP Fastest Cache很容易成為許多人的值得選擇的插件。
第四名-W3 Total Cache Pro
W3 Total Cache充滿了定制選項,可以讓您對網站上的緩存工作進行廣泛的控制。事實上,除了一般設置外,您還會發現針對不同類型緩存的單獨設置頁面。然而,這也意味著您需要對緩存有很深入的理解,才能充分利用這些定制功能。
W3 Total Cache還提供了一些其他優化功能,如CSS和JS文件的縮小、組合和內聯。對其功能的廣泛控制使W3 Total Cache成為一個很好的選擇,如果您想要精確地配置所有內容。
請注意:并非將全部功能開啟則為最佳優化狀態,請結合網站實際情況,對于JS CSS這些優化設置是否開啟需要進行實際測試,如果開啟影響了網站的功能或是樣式,請將其關閉,不能盲目的追求甚微的速度而影響了客戶的正常訪問,這樣得不償失。
優化靜態資源以縮減網站大小
我們的網站除了需要動態加載的內容外,我們還有很多靜態的資源需要我們進行優化,才能達到最完美的速度,比如網站里面的圖片、視頻、字體…….
優化圖像以提高速度
我們在網站上放置的圖片通常情況都非常大,所以如果您的服務器帶寬并不是很高,那么多個訪客進行訪問就會消耗大量的帶寬,從而造成網絡堵車。這通常發生在中國內地的服務器,因為中國的服務器帶寬都非常的小,高帶寬服務器需要非常昂貴的價格。
在全球其他地區多為G口帶寬,應對大型圖片視頻基本上沒有什么壓力。但考慮到客戶訪問我們的網站并不是都是擁有很快的網絡,可能他正在使用4G/3G的移動手機進行訪問,過大的圖片會讓手機壓力倍增,完整加載出一個頁面可能需要花費很久的時間。
為了保證盡可能讓所有人都能順暢的訪問我們的網站,我們需要對圖片進行縮小和動靜態分離。
縮小網站圖片
一般通過兩種模式進行縮小,下載Wordpress圖片縮小插件,或是將圖片拷貝到本地通過PS等軟件批量進行壓縮再回傳到網站。但考慮到方便的問題,這里我們推薦通過插件的模式進行縮小。
我們網站采用了付費的Imagify插件(WP Rocket同款開發者),這個插件采用了在線的優化工作方式,所以并沒有辦法進行GPL,通過安裝并注冊可以獲得免費的API 如果您的網站并沒有太多的圖片,那么免費方案足夠使用。還有一些其他的圖片優化插件WP Smush Pro。
動靜態分離
WordPress動靜態分離是一種優化WordPress網站性能的方法。在傳統的WordPress網站中,每當用戶請求頁面時,WordPress會動態生成HTML頁面,這意味著每次訪問時都需要執行PHP代碼和查詢數據庫。這種方法對于小型網站來說可能沒有太大問題,但對于高流量的網站來說可能會導致性能下降和服務器負載增加。
動靜態分離通過將動態生成的內容與靜態內容分離開來,以提高網站的性能和速度。具體來說,動態內容通常包括WordPress主題的外觀和布局,以及文章、頁面內容等動態生成的內容。而靜態內容則是指不經常變化的元素,如圖片、CSS文件、JavaScript文件等。
圖床(Image Hosting):
圖床是指將網站中的圖片等靜態資源上傳到第三方托管服務上,例如Imgur、Flickr、或者專門的圖片托管服務。上傳后,你會獲得每個資源的唯一URL。
在WordPress中,你可以使用圖片URL替代上傳圖片到WordPress服務器的做法。這意味著當用戶訪問網站時,圖片會從外部圖床服務器上加載,而不是從WordPress服務器上加載,從而減少WordPress服務器的負載。
圖床的主要優點是它可以幫助減輕WordPress服務器的負擔,并且通常提供了良好的圖片加載速度。但是,需要確保所選圖床服務是可靠的,可用性高且加載速度快。
CDN(Content Delivery Network):
CDN是一種將網站的靜態資源緩存到全球各地的服務器上,并通過最近的服務器提供這些資源給用戶的服務。一旦用戶請求靜態資源,CDN會從離用戶最近的服務器上提供資源,這樣可以減少網絡延遲和提高網站加載速度。
在WordPress中使用CDN通常需要安裝相應的CDN插件,例如Cloudflare、Amazon CloudFront、或者MaxCDN。這些插件可以自動將網站的靜態資源上傳到CDN,并重寫網站頁面中的資源鏈接,以便從CDN提供靜態資源。
CDN的主要優點是它可以顯著提高網站的加載速度,并減輕WordPress服務器的負載。此外,它還提供了一些額外的安全功能,例如DDoS防護和SSL加密。
關于CDN選擇的問題,我們以中國和中國外其他地區進行相應的方案推薦,如果你是在中國的服務器,那么我們推薦選擇大廠的CDN(騰訊云、阿里云…)。
如果你的服務器不在中國,我首先推薦Cloudflare,它提供免費的計劃,讓初學者也可以輕松配置和測試,如果你是博客網站那么我推薦使用Super Page Cache for Cloudflare一個插件,即可搞定網站的速度,它將會幫你配置將網頁加載到CDN,這樣內容都在CDN上加載并不會在本地服務器加載,從而達到最快的速度。
如果你是電子商務或者一些需要在線類業務的網站,推薦使用Cloudflare的付費計劃,來針對性的進行配置,讓全球任意地方極速訪問你的站點。
如何測試我的網站速度?
為了測試您的網站在桌面和移動設備上的速度,您可以使用網頁速度測試網站,請考慮您網站的訪問地區,來選擇合適的測試網站。
https://pagespeed.web.dev/-Google自家測速平臺
https://tools.pingdom.com/-海外測速平臺
https://gtmetrix.com/-海外測速平臺,提供詳細站點速度報告
https://www.webpagetest.org/-海外測速平臺,可選電腦手機各個地球測速
https://www.itdog.cn/http/-中國內地測速平臺
https://boce.aliyun.com/detect/http-阿里云全國網絡撥測
通過輸入網頁地址進行測試后,它會告訴您該網頁從所選位置加載需要多少秒。事實上,它會為您提供所有這些位置的首次訪問和重復訪問的加載時間以及兩次訪問的平均加載時間。現在,根據結果,您將能夠查看您的網站加載速度是否足夠快或者是否需要任何改進。
就是這樣!我們希望本文能幫助您了解如何提高 WordPress 的速度和性能。通過合適的服務器配置、數據庫優化、頁面緩存優化、靜態資源優化以及選擇適當的CDN服務,可以有效提高WordPress網站的訪問速度和性能。優化網站速度不僅可以提升用戶體驗,還有助于提高SEO評分和吸引更多的訪客。
繼續嘗試這些技術。不要忘記在實施這些最佳實踐之前和之后測試您的網站速度。您會驚訝地發現這些更改將提高您的 WordPress 性能。
本文來源:http://www.kyotomoriagedaisakusen.com/tutorials/10.html
版權聲明:本文為向前網絡工作室,未經站長允許不得轉載。