WordPress性能優化:數據在優化之前出現

文章撰寫者:
  • WordPress
  • 更新:可能是19,2015

互聯網上有很多會告訴你的文章 如何優化WordPress網站的性能。 我寫過 他們中有一些 我。 如果它們有任何好處,在閱讀之後,您將清楚地了解改善WordPress網站性能的最佳實踐。 但是,“最佳實踐”或多或少是一個代號短語,“如果你不能或不會學習如何深入理解這個主題,通過這樣做,你可能會讓事情變得更好。”最佳實踐非常一般雖然實施它們會有所幫助,但在每種情況下都不可能產生最好的結果 - 這就是優化的全部意義:弄清楚如何在特定情況下實現最佳結果。

每個WordPress網站都是主題,插件和調整的獨特組合,每個網站都會影響性能。 真正優化WordPress網站的唯一方法是準確了解哪些方面導致性能問題並將您的工作集中在那裡。 如果當地商業網站的98%訪客位於服務器的100里程,那麼花錢和時間建立國際內容分發網絡的意義非常小; 也許你的時間會更有成效地整理社交分享小部件,導致加載你的主頁多秒延遲。

要了解您的工作最佳位置,您需要數據。 在本文的其餘部分中,我將重點介紹一些可用於分析網站的工具,並深入了解影響性能的因素。

PageSpeed Insights

google pagespeed見解

PageSpeed Insights是Google提供的一項服務,可以分析網頁並提供詳細報告,並提供有關如何改進效果的建議。 例如,如果您沒有縮小JavaScript,PageSpeed Insights會告訴您可以縮小哪些腳本以及可能帶來的好處。

適用於WordPress的Google Pagespeed Insights 是一個插件,它使用PageSpeed數據並使用它來創建儀表板,以幫助網站所有者定位他們的優化工作。

Pingdom工具

pingdom工具

大多數網站所有者已經熟悉這個,但值得一提,因為它非常有用。 PageSpeed Insights在功能上有一些交叉,但如果你是一個視覺思考者,你會發現瀑布表示將讓你清楚地了解頁面加載過程,從而輕鬆發現延遲的原因。

調試欄慢動作

調試欄

如果你真的想知道網站性能的細節,那麼慢動作除了 調試欄 插件將為您提供所需的所有信息。

該插件將顯示構建WordPress頁面的100最慢操作。 這些信息對於開發人員而言比一般的WordPress用戶更有用,但是如果您打算學習正確優化網站所需的知識,那麼這個插件是不可替代的。

避免無意義的優化

在本文的頂部,我說“最佳實踐”並不總是最適合特定網站。 這是因為某些優化建議與某些網站無關。 為了解決這個問題,我建議您盡可能多地收集有關您網站的信息,但如果您沒有正確確定優先順序,那麼過多的信息可能會像過少那樣危險。

請注意,即使這些工具告訴您“因素X”會使您的網站速度變慢,但這只會對用戶體驗或轉化產生明顯影響 - 即使Google的主頁也無法通過某些PageSpeed Insight測試。 收益遞減法則在這裡運作。 有時快速足夠快,更多的優化只是浪費時間。 使用這些工具,但請確保將您提供的信息放在更廣泛目標的上下文中。

優化為巴克提供良好的支持

希望我在本文中明確指出,強迫優化通常不是資源的最佳利用。 但是,有許多優化可以為幾乎所有WordPress站點帶來更好的性能。

選擇好主機

便宜的主機可能很誘人,但它有一個便宜的原因。 低成本的共享託管服務提供商傾向於過度銷售他們的計劃。 服務器上將有更多的站點可以合理地處理,特別是如果其中一些站點同時獲得流量峰值。 如果您的託管速度很慢,那麼您所做的其他任何事情都不會對您的網站產生盡可能多的好處。

高速緩存

WordPress是一個動態網站生成器。 它需要大量的PHP代碼和數據庫查詢,並將它們拼湊到構成網頁的HTML中。 無論您的託管速度如何快速,動態頁面生成都比提供靜態頁面慢。 我們使用動態網站生成器,因為它們帶來了許多其他好處 - 我們中很多人都不會從頭開始編寫我們的網站 - 但大多數時候我們不需要為每個訪問者生成頁面:它們不會改變很快。 緩存允許我們將生成的頁面保存在磁盤或內存中,這使得它們幾乎與靜態頁面一樣快。

在WordPress上緩存的最佳插件是 W3總緩存。 它使用相當簡單,但即使是最專用的優化器,它也有足夠的配置選項。 W3 Total Cache還將處理其他有用的優化調整,如JavaScript和CSS縮小。

異步加載JavaScript和CSS

Google PageSpeed Insights會抱怨的一件事是首先加載並阻止其他所有內容的JavaScript和CSS文件。 因為這些腳本通常包含在HTML文件的<head>中,所以它們是瀏覽器在頁面上遇到的第一件事,而其他所有內容在加載時都會停止。 在大多數情況下,JavaScript和CSS都不需要首先加載。 Async JS和CSS 是一個漂亮的插件,可以防止JS和CSS文件阻止加載頁面的其餘部分。

一旦你有了良好的託管,緩存和異步加載,就可以考慮使用內容分發網絡了。 之後,您的優化調整將開始落入我們之前討論過的領域,現在是時候認真思考您是否過度優化,以及您的時間是否可以更好地用於轉換率優化或編寫精彩內容。

關於WHSR嘉賓

本文由客座撰稿人撰寫。 以下作者的觀點完全是他或她自己的觀點,可能無法反映WHSR的觀點。