提升WordPress網站性能:循序漸進的優化指南
(本文關於WordPress網站性能優化的系列文章,是與SiteGround合作創作的。感謝您支持使SitePoint成為可能的合作夥伴。)
緩慢的網站令人沮喪。潛在訪客可能在頁面加載完成前就離開,搜索引擎排名也會下降,導致流量減少。
理想的網頁加載時間應在兩秒以內。如何實現?一步一步來。
本文將介紹一系列可用於優化WordPress網站速度的策略。
您可能感覺不到網站速度慢。您的瀏覽器很可能已經緩存了頁面,因此您的體驗與新訪客不同。
以下是一些服務,可以告知您的頁面加載時間以及頁面的總文件大小:
在調整網站性能前後檢查網站速度。如果您的頁面加載時間能在兩秒以內,那就做得不錯了。
記錄下每一步所帶來的差異。哪一步效果最顯著?
在速度慢的服務器上託管網站,速度提升是不可能的。選擇合適的虛擬主機是擁有快速加載網站的第一步。
如何選擇將速度作為優先事項的公司?請查看《選擇虛擬主機的終極指南》中的性能清單。
SitePoint最近與SiteGround合作,將其作為我們官方推薦的虛擬主機。 SiteGround擁有遍布多個大陸的服務器,並使用最新的SSD硬件、內部緩存工具和免費的CDN服務,大力投資於速度提升。其靈活的服務器支持PHP7和HTTP/2,並持續進行軟件和硬件更新。
首先,使用快速的主題。選項眾多的主題可以簡化您的工作,但代價是增加了Web服務器和瀏覽器的負擔。一些WordPress主題大小為兆字節,增加了頁面加載時間。
每個您不使用的功能都會無緣無故地降低網站速度。如果您擅長調整代碼,請選擇選項較少的主題來加快網站速度。
進一步閱讀:
其次,使用響應式設計。響應式設計為移動設備加載較少的資源,或為桌面顯示指定高分辨率圖像。移動用戶無需下載大型圖像,而桌面用戶無需瞇著眼睛看小圖像。
Google也更喜歡響應式網站,因此切換後預計SEO會有所提升。
首先,盡量減少使用的插件數量。在安裝任何插件之前,請先詢問是否真的需要。安裝大量插件不會對網站速度產生巨大影響,但會增加安裝行為不良插件的風險。
其次,確保您的插件已針對當前版本的WordPress進行了優化。在安裝插件之前進行一些研究,尤其是在評分為三星或更低的情況下。它可能開發不良,或使用了不合適的鉤子。這會降低網站速度,也可能會對WordPress和其他插件產生不利影響。保持插件更新也很重要,以確保您擁有最新的性能改進、安全補丁和功能。
您的Widget應盡可能輕量且易於加載。有些Widget在渲染時會加載外部JavaScript或CSS。這對於Facebook、Twitter和Google 的社交網絡Widget很常見。
如果Widget不太可能經常更新,請將其直接上傳到服務器。通過不依賴外部服務器,您可以縮短網站的加載時間。
首先,使用gzip壓縮靜態內容。壓縮後的文件更小,因此加載速度顯然更快。
其次,使用CDN減輕Web服務器的負載。您的靜態資源(如圖像、腳本和CSS文件)將從遍布全球的優化內容交付網絡服務器提供服務——通常是離訪客最近的服務器。您的Web服務器將被釋放出來服務於網站的其餘部分,從而提高性能。
理想情況下,尋找在其託管計劃中提供CDN的虛擬主機,例如SiteGround。還有許多CDN網絡:
這些與我們下次將介紹的緩存插件配合使用。
以下是關於CloudFront的更多閱讀內容:
圖像是網站中較重的元素之一:它們佔據了超過65%的網頁內容。您可以通過幾種方法優化上傳的圖像。
首先,為縮略圖、中等和大型圖像指定最大圖像尺寸。您可以在“設置/媒體”中找到這些選項。如果您上傳的是1024像素的圖像,而您的內容區域只有604像素寬,則圖像將使用CSS縮小。生成的預縮放的604像素寬的圖像下載尺寸將顯著減小。
其次,壓縮它!此技術可以無損地減小圖像文件大小,而無需調整圖像大小或降低圖像質量。雖然雅虎幾年前取消了Smush.it服務,但仍有替代方案,如reSmush.it,以及我們將在下一篇文章中介紹的一些插件。
第三,採用延遲加載。此技術對於圖像密集型網站非常有效。圖像僅在可見時加載,而不是在頁面最初加載時加載。這可以顯著加快頁面加載時間,儘管當圖像滾動到視野中時會延遲顯示。
進一步閱讀:
第四,為您的網站選擇最佳圖像格式。某些圖像格式更容易使用,而其他格式則更小。例如,可縮放的SVG具有較小的文件大小,尤其是在您針對Web對其進行優化並使用gzip對其進行壓縮的情況下。
在此處了解各種圖像格式的優缺點:
第五,使用CSS精靈。通過將許多小型主題和雜項圖像組合成盡可能少的圖像來提高性能。在此處了解更多信息:
最後,查看此關於圖像優化的全面概述:
WordPress頁面從MySQL數據庫加載。隨著時間的推移,數據庫中可能包含許多您不再需要的信息。優化數據庫會刪除這些信息並提高性能。
您可以直接從phpMyAdmin優化數據庫。您也可以使用插件對其進行優化。我們將在下一篇文章中介紹這些內容。
緩存對於優化高流量網站非常有效。每次加載WordPress頁面時,都會從數據庫和CSS文件中檢索信息,並將其組合成一個HTML文件,然後加載到訪客的瀏覽器中。這需要時間。
緩存使這些HTML文件可供未來的訪客使用,從而節省大量時間。我們將在下一篇文章中介紹緩存插件。
通過定期維護,保持WordPress網站處於最佳狀態。一些維護例程可以顯著提高速度,特別是:
在此處了解如何執行這些操作以及更多操作:
對於許多優化任務,都有一些WordPress插件可以為您完成繁重的工作。我們已經介紹了八個涵蓋所有方面的最佳插件。我們還列出了近二十個替代方案,以便您可以探索哪些最適合您的需求。深入了解並查看哪些對您的網站影響最大。
如果您正在遵循我們的WordPress維護清單,您可能已經在使用其中一些插件了。繼續努力!這些垃圾會不斷累積。
### W3 Total Cache
此插件使用緩存提供簡單的Web性能優化(WPO)——將帖子和頁面緩存到內存或磁盤,緩存Feed、搜索結果頁面、數據庫對像以及壓縮的CSS和Javascript文件。為了充分利用它,請花一些時間仔細配置它。
W3 Total Cache還可以與您的CDN(如Cloudflare或MaxCDN)配合使用,以進一步縮短加載時間。
W3 Total Cache通過提高網站性能、通過內容交付網絡(CDN)集成等功能減少下載時間來改善網站的SEO和用戶體驗。
替代緩存插件包括WP Super Cache、Hyper Cache、WP Fastest Cache和Cache Enabler。
如果您希望避免使用插件,一個不錯的選擇是尋找一個為您進行緩存的虛擬主機。我們的合作夥伴SiteGround有一個出色的內部開發的緩存工具,可以幫助您大幅提升網站速度。
### WP-Optimize
此免費插件只需點擊一下即可優化您的WordPress數據庫,或者使用其內置的調度程序自動優化。冗餘信息(如垃圾評論、帖子修訂和其他垃圾項目)將從您的mySQL數據庫中清除,從而加快網站加載速度。
WP-Optimize是自動清理WordPress數據庫以使其以最大效率運行的有效工具。
替代數據庫優化插件包括Optimize Database after Deleting Revisions、WP Cleanup、WPOptimize、WP Database Cleaner和WP-DBManager。
### Autoptimize
結構不良的CSS和HTML會導致網站速度緩慢和流量損失。此插件會掃描和調整您的網站,“壓縮”並刪除冗餘代碼。
為了防止兼容性衝突,Autoptimize可以忽略您的其他插件。它還可以強制您的插件按特定順序運行。通過嘗試此操作,您或許可以大幅縮短加載時間。
Autoptimize使優化網站變得非常容易。它連接所有腳本和样式,壓縮和壓縮它們,添加過期標頭,緩存它們,並將樣式移動到頁面頭部,並將腳本移動到頁腳。
壓縮的替代插件包括WP Super Minify和Better WordPress Minify。
### P3 (Plugin Performance Profiler)
不良插件會對網站的性能產生不利影響。 P3將評估您的插件。它將識別對網站加載時間影響最大的插件,並將其顯示在餅圖中,以便您可以輕鬆查看哪些調整會產生最大的影響。
此插件通過測量插件對網站加載時間的影響來創建網站插件性能配置文件。通常情況下,WordPress網站加載緩慢是因為插件配置不當或插件數量過多。通過使用P3插件,您可以縮小導致網站緩慢的任何因素。
替代插件相關插件包括Plugin Organizer。
### WP Smush
此插件通過從JPEG文件中去除元數據、優化JPEG壓縮、將某些GIF轉換為索引PNG以及從索引圖像中去除未使用的顏色來壓縮圖像。您可以將其設置為在圖像上傳到網站時自動壓縮新圖像。
WP Smush速度快,性能良好。文件使用專用服務器進行壓縮,並由網站性能工具GTmetrix.com推薦。
使用功能強大且完全免費的WordPress圖像壓縮器調整大小、優化和壓縮所有圖像,由WPMU DEV的超級團隊提供!
替代圖像壓縮插件包括EWWW Image Optimizer、Imagify、Kraken Image Optimizer、ShortPixel Image Optimizer和CW Image Optimizer。
此插件確保僅在圖像可見於視口上方時才加載圖像。它無需配置即可開箱即用。
延遲加載圖像以提高頁面加載時間。使用jQuery.sonar僅在圖像在視口中可見時才加載圖像。
替代延遲加載插件包括jQuery Image Lazy Load WP、BJ Lazy Load、Rocket Lazy Load、Unveil Lazy Load和Lazy Load for Videos。
### Imsanity
此免費插件不會提供無損壓縮,而是會自動將圖像調整為更“合理”的分辨率。它能夠設置圖像的最大寬度、高度和質量,並且可以將BMP文件轉換為JPG。
Imsanity會自動將巨大的圖像上傳調整為在瀏覽器中顯示更合理的大小,但仍然足夠大,足以用於典型的網站使用。該插件可以使用最大寬度、高度和質量進行配置。
此插件會以gzip格式壓縮您的頁面(如果瀏覽器支持壓縮頁面)。 HTTP壓縮可以將頁面大小減少60-80%,使頁面加載速度提高三到四倍。
此插件允許您的WordPress博客輸出以gzip格式壓縮的頁面(如果瀏覽器支持壓縮)。
您還可以從上面提到的W3 Total Cache或虛擬主機控制面板的設置中啟用gzip壓縮。
您的網站速度有多慢?使用上面列出的工具之一來找出答案。然後嘗試一種或多種策略,並再次測試您的速度。然後重複此過程。
我們首選的虛擬主機提供商SiteGround允許您只需點擊幾下即可使用強大的性能優化技術。他們關於改進WordPress性能的指南包含許多我們在本文中介紹的主題的完整教程,包括緩存、gzip壓縮、使用CDN、優化圖像和優化WordPress數據庫。
哪種優化策略對您的網站影響最大?請在評論中告訴我們。
有幾個插件可以顯著提高WordPress網站的性能。一些最好的插件包括WP Rocket,這是一個高級插件,提供一系列優化功能,例如緩存、數據庫優化和延遲加載。 W3 Total Cache是另一個流行的選擇,它提供頁面緩存、數據庫緩存、對象緩存和瀏覽器緩存等功能。其他值得注意的插件包括WP Super Cache、Autoptimize和用於圖像優化的WP Smush。
內容交付網絡(CDN)可以通過在世界各地的多個服務器上存儲網站的緩存版本來顯著提高WordPress網站的性能。當用戶訪問您的網站時,CDN會從最靠近他們的服務器交付網站,從而減少數據傳輸時間,從而加快網站速度。
優化WordPress數據庫可以顯著提高網站的性能。這可以通過定期清理數據庫、刪除不必要的數據和優化數據庫表來實現。像WP-Optimize和WP-Sweep這樣的插件可以幫助自動化此過程。
大型、未優化的圖像會顯著降低WordPress網站的速度。通過優化圖像,您可以減小文件大小而不會損失質量,從而縮短頁面加載時間。這可以使用WP Smush或EWWW Image Optimizer等插件來實現。
緩存可以通過存儲網站的靜態版本來顯著提高WordPress網站的性能,從而減少對服務器的請求次數,從而加快網站速度。這可以使用W3 Total Cache或WP Super Cache等插件來實現。
壓縮CSS和JavaScript文件可以通過減小文件大小以及用戶訪問網站時需要下載的數據量來提高WordPress網站的性能。這可以使用Autoptimize或WP Rocket等插件來實現。
優化WordPress網站以適應移動設備對於性能和SEO至關重要。這可以通過使用響應式主題、優化圖像、啟用AMP(加速移動頁面)和使用移動友好型插件來實現。
好的虛擬主機提供商可以通過提供快速的服務器速度、可靠的正常運行時間和優秀的客戶支持來顯著提高WordPress網站的性能。一些流行的WordPress友好型虛擬主機提供商包括SiteGround、Bluehost和WP Engine。
監控WordPress網站的性能對於識別任何問題和進行必要的改進至關重要。這可以使用Google PageSpeed Insights、GTmetrix和Pingdom等工具來實現。
定期更新WordPress網站(包括主題、插件和核心WordPress軟件)可以通過確保您擁有最新的功能、錯誤修復和安全更新來提高網站的性能。在將更新應用於您的實時網站之前,在暫存網站上測試任何更新也很重要,以避免任何潛在問題。
以上是優化WordPress站點性能的10個步驟的詳細內容。更多資訊請關注PHP中文網其他相關文章!