如何加速您的 WordPress 網站:完整的初學者指南

已發表: 2017-08-08

因此,無論您是想保持免費搜索流量還是想開始獲得一些搜索引擎流量,您都需要提高網站的速度。 如果您不知道加載您的網站需要多長時間,請嘗試 Pingdom 提供的這個免費工具,它會給您一個初步閱讀,以便您了解它的改進程度。

加快 WordPress 網站速度聽起來可能是一項艱鉅的任務,需要花費數十小時和大量技術知識,但相信我,WordPress 插件和一些簡單的調整很快就會讓您的網站加載速度更快– 只需按照下面我們完整的初學者指南進行操作。

內容

  • 1選擇一個好的虛擬主機
  • 2開始使用緩存插件
    • 2.1哪​​個緩存插件?
  • 3開始使用 CDN
  • 4利用瀏覽器緩存靜態資源
  • 5優化 Web 圖像
  • 6優化您的數據庫
  • 7啟用 GZIP
  • 8延遲加載您的圖像
  • 9投資更快的主題
  • 10將評論拆分成頁面
  • 11結論
    • 11.1相關帖子

選擇一個好的虛擬主機

大多數網絡主機宣傳自己是最快的。 但實際上,它們中的許多都沒有提供比其他主機任何速度優勢。 您託管網站的網絡託管服務會對您網站的速度產生巨大影響 – 將許多網站放在同一台服務器上的共享主機可能會遭受性能不佳的影響,而一個緩慢的網站可能會對其他所有人的網站產生影響.

但是,如果您剛開始使用小型個人或愛好網站,那麼如果您知道選擇哪一個,共享託管公司可能會很好。 我們的共享託管指南涵蓋了一些不同的託管選項,因此請務必查看。

但是隨著您的受眾開始增長,請考慮將您的網站移動到託管 WordPress 託管或 VPS 服務器。 託管主機通常比共享主機具有更好的質量,他們還將處理更新 WordPress 和您使用的任何插件等事情,將提供備份、緩存以幫助提高站點速度,它們可能包括一個 CDN 以加快您的速度靜態項目,如圖像和腳本等。

最後,您選擇的主機將取決於您的預算,因此請明智地選擇並確保您監控網站的速度和正常運行時間,如果您收到的服務質量差,您可以隨時將您的網站遷移到另一台主機。

開始使用緩存插件

緩存會對您網站的速度產生巨大影響。

當有人訪問您網站上的頁面時,WordPress 會運行數千行代碼,連接到您的數據庫,然後生成請求的網頁。 正如您可能已經猜到的那樣,這需要大量的資源和時間——這就是緩存的用武之地。

緩存是一種簡單的技術。 應用程序(在我們的例子中為 WordPress)不是一次又一次地生成頁面,而是將頁面生成為 HTML,製作一個副本,然後在請求頁面時提供該靜態 HTML 副本。 在您的網站上啟用緩存後,它會將生成頁面所需的時間和服務器資源減少一半。 雖然 WordPress 沒有內置緩存功能,但有許多可用於 WordPress 的免費緩存插件。

哪個緩存插件?

WP Super Cache 是最好的免費緩存插件,也是我們推薦的一款,它易於設置,並且對您的網站加載時間產生巨大影響。 在激活它之前和之後嘗試使用 Pingdom 測試您的站點,您會驚訝於它所產生的差異。

另一種選擇是 WP Rocket,這是一個高級插件,一個網站每年花費 39 美元。 您可能想知道當您可以免費獲得一個緩存插件時為什麼要為緩存插件付費,原因是在測試中 WP Rocket 的性能優於其他緩存插件,所以如果您試圖從您的網站中獲得額外的最後一點速度,它可以有所作為。

由於成本原因,我們建議將 WP Rocket 用於商業網站 - 否則 WP Super Cache 適合個人項目。

開始使用 CDN

您的用戶和服務器之間的距離會影響您網站的速度。 雖然這可能只會對整體速度產生很小的影響,但它確實會加起來。 用戶離您網站的服務器越遠,您的網站加載速度就越慢。

CDN(內容交付網絡)解決了這個問題。 它只是一個遍布全球的服務器網絡。 當您將您的網站與 CDN 連接時,CDN 服務將開始在其廣泛的服務器網絡上緩存您的所有網站內容。 它將緩存從文件到您的博客內容的所有內容。 當有人訪問您的網站時,CDN 通過離用戶最近的服務器提供內容。 這不僅減少了服務器上的負載,而且還減少了用戶連接到服務器並獲取文件所需的時間。

有很多可用的 CDN 服務,但其中大多數可能非常昂貴。 如果您剛剛開始,您應該嘗試 CloudFlare。 它是免費的,而且高級計劃比其他 CDN 服務提供商便宜。 您可以下載免費的 WordPress 插件以開始使用。

利用瀏覽器緩存處理靜態資源

瀏覽器在開始顯示頁面之前會加載頁面的每個元素。 默認情況下,它們不會緩存資源,而是在您每次在同一網站上加載不同頁面時重新獲取所有資源。 這不僅會增加服務器的負載,還會增加網站的加載時間。 當您利用瀏覽器緩存時,瀏覽器會緩存靜態資源,然後使用緩存副本,而不是再次從服務器請求它。

要開始利用瀏覽器緩存,請將以下代碼添加到您的 .htaccess 文件中:

過期活動在
ExpiresByType 圖片/gif A2592000
ExpiresByType 圖片/png A2592000
ExpiresByType 圖片/jpg A2592000
ExpiresByType 圖片/jpeg A2592000

優化您的網絡圖像

圖像構成了網頁的大部分大小。 大多數圖像不需要以高分辨率查看。 這些圖像可以針對網絡進行優化(壓縮)。 優化圖像時,圖像的大小幾乎減少了一半以上,而質量沒有任何明顯的損失。 現在,您可以啟動 Photoshop 或任何其他圖像編輯程序來自己完成。 但這需要陡峭的學習曲線和大量的體力勞動。 相反,您可以使用 WordPress 和 WP-SmushIt 之類的免費插件來自動為您完成。 該插件會自動優化您網站上的所有圖像。 您所要做的就是安裝它,它會自己處理一切。

優化您的數據庫

WordPress 需要存儲大量數據以使其所有內部流程高效運行。 而且您擁有的插件越多,WordPress 將在您的數據庫中存儲的數據就越多。 隨著時間的推移,很多這些數據變得多餘。 此數據包括帖子、頁面、評論和插件的附加數據。

在短期內,這些冗餘數據不會造成太大的問題,但從長遠來看,它會增加您的網站託管成本並使您的網站變慢。 如果您刪除此數據,它將使您的數據庫更小,從而導致速度提升很小。 更不用說,它將為您削減所有網絡空間的使用和成本。

現在,您不必成為科學家就能優化您的數據庫。 你也不必是程序員。 您只需要安裝一個免費的插件,如 WP-Optimize。 安裝此插件後,它將通過刪除冗餘數據和優化數據庫表來優化您的數據庫。

啟用 GZIP

GZIP 是一種壓縮技術,可以幫助您將網頁大小減少一半以上。

當您在服務器上啟用 GZIP 時,所有文件在提供給瀏覽器之前都會使用 GZIP 進行壓縮。 並且當瀏覽器收到 GZIPped 文件時,它知道如何解壓並顯示它。

大多數現代瀏覽器都支持 GZIP,對於不支持 GZIP 的瀏覽器,您的服務器將直接提供內容。

GZIP 可以幫助您將網站的加載時間縮短一半以上。

要在您的服務器上啟用 GZIP,請將以下代碼添加到 .htaccess 文件的末尾:

<IfModule mod_deflate.c>
# 壓縮 HTML、CSS、JavaScript、文本、XML 和字體
AddOutputFilterByType DEFLATE 應用程序/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE 應用程序/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE 應用程序/xml
AddOutputFilterByType DEFLATE 字體/opentype
AddOutputFilterByType DEFLATE 字體/otf
AddOutputFilterByType DEFLATE 字體/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE 文本/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE 文本/javascript
AddOutputFilterByType DEFLATE 文本/純文本
AddOutputFilterByType DEFLATE text/xml# 刪除瀏覽器錯誤(只有非常舊的瀏覽器才需要)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] 無 gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
標題追加不同的用戶代理
</IfModule>

延遲加載您的圖像

圖像佔大多數網站加載時間的 80%。

當瀏覽器加載一個網站時,它們在下載包括圖像在內的所有資源之前不會開始顯示頁面。

這就是 LazyLoading 來拯救的地方。

LazyLoading 是一種僅在用戶可見時才加載圖像的簡單技術。

因此,如果圖像位於頁面底部,則在用戶到達頁面底部之前不會加載它。

這不僅可以縮短您網站的加載時間,還可以減少服務器的負載和帶寬的使用。

要開始使用此技術,請安裝並設置免費的 BJ LazyLoad 插件。

投資更快的主題

雖然所有 WordPress 主題都宣傳它們針對速度進行了優化,但事實是大多數主題並非如此。 您在博客上使用的主題在決定您網站的速度方面起著重要作用。 如果您使用的主題編碼錯誤且不遵循任何編碼標準,您最終會得到一個加載緩慢的網站。

不僅許多主題沒有針對速度進行優化,而且它們經常因使用 Page Builders、Sliders 和其他您甚至可能不使用的項目等插件生成的額外腳本和資源而變得臃腫。

從您的博客之旅開始就投資一個好的主題非常重要。 因為如果你試圖解決由代碼引起的速度問題,你最終會向開發人員支付數千美元。 即使您決定切換到不同的主題,也很難在不破壞您網站的某些功能的情況下進行切換。

在尋找 WordPress 主題時,請始終使用像我們這樣值得信賴的作者的主題。 在 AlienWP,我們針對 SEO 和 Speed 測試和優化所有主題。 我們所有的主題都在幾秒鐘內加載完畢。

將評論拆分為頁面

如果您在博客上收到很多評論,那麼是時候慶祝了。 這意味著您擁有喜歡您的內容的參與觀眾。

但問題是:評論過多會增加網頁的大小。

這意味著,您在頁面上顯示的評論越多,該頁面的加載速度就越慢。

現在,要解決這個問題,您所要做的就是將評論分成多個頁面。

為此,請導航至設置 > 討論,然後選中中斷評論複選框:

這將做的不是在帖子末尾顯示所有評論,WordPress 將在評論末尾顯示分頁鏈接,就像在博客卷結束時一樣。

結論

如果您的網站運行緩慢,請立即行動。 您正在失去數以千計的潛在免費網站訪問者和客戶。 使用本文中的技術來加速您的 WordPress 網站。 它們中的大多數不需要你接觸一行代碼,也不需要太多時間來實現。

如果您現在沒有太多時間進行投資,至少要確保您使用的是緩存插件,您的圖像已經過優化並且您的服務器上啟用了 GZIP,這將有助於顯著加快您的網站速度,而不是常規的 WordPress 安裝.

如果您有任何建議、故事或反饋要分享,請隨時在評論中說出您的想法。