如何加快WordPress網站速度

Shape Image One
如何加快WordPress網站速度

如何加快WordPress網站速度 

網頁開啟時間始終是大家關心的問題,尤其是你想用使用圖片、動態內容和更

影片來吸引訪問者的時候,網頁開啟時間就會大大的影嚮使用者經驗。

因為隨著網站新內容的增加,網站必須生成額外的 HTTPS 請求才能與使用者的瀏覽器

進行通信,而這些 HTTPS 請求會逐漸減慢網站速度。

什麼是 HTTP 服務器請求?

網站的使用者體驗很重要,它能激發訪問者訂閱部落格、購買產品或獲取有關的服務

,即使需要幾秒鐘才能載入網頁,也會損害這種體驗,並且危及你的轉化率。

這裡簡單說明有關 HTTPS 服務器請求及其發生的原因。

每次有人訪問你的網頁時,他們的瀏覽器都會向你的網站發出這樣的請求 :

瀏覽器 : “呃,你能把你網站上所有文件發給我嗎?這樣我就可以和你的潛在訪問者

/讀者/客戶分享這些文件?”

然後,你的網站有責任發送網站所包含的每個文件、圖像、視頻、CSS 和 JavaScript

文件等等,每個文件接收一個單獨的服務器請求。

處理完所有服務器請求並將文件傳輸到使用者的瀏覽器後,你的網站就會呈現到使用者

的螢幕上。

但是,如果你的 WordPress 網站有數十甚至數百個文件要發送到使用者的瀏覽器,

這時對頁面加載時間就會有影響。

隨著網站越來越受歡迎,100人、1000人、10000人同時接收 HTTPS 服務器請求這種

情況會呈指數級增長。

典型案例:網站上有40% 的人如果必須等待超過 3 秒才能看到頁面,網站頁面每延遲

一秒可能會導致高達 7% 的轉化成本。

如何測試網站速度問題?

如果希望降低加載時間,就要找到一種方法來減少文件傳輸到瀏覽器的時間。

但是解決方案不是使用更少的圖像或動態內容,或者設計變得簡單以至於它非常無聊。

而是文件的大小和數量很重要,我們可以利用一些方法去了解網站連線速度慢的問題。

Google PageSpeed Insights

Google PageSpeed Insights 提供可幫助檢測 HTTPS 服務器請求問題的工具。

如何加快WordPress網站速度

通過該工具運行網站後,你會收到網站在行動裝置上的性能和桌面電腦的性能的結果。

這些評估中將為你提供一個分數來表示網站的的性能表現,並且也會提供如何優化網站

以提高性能的提示。

GTmetrix

GTmetrix是另一種頁面速度評估工具,可為你提供網站的性能分數。

如何加快WordPress網站速度

GTmetrix 處理的方式比 Google PageSpeed Insights 更全面。在測試的結果中你可能

會看到黃色或紅色的分數,你可以將鼠標懸停在每個問題點上以查看問題的內容以及

解決的方式。

在 GTmetrix 的評估中,你會收到有關如何優化頁面以提高速度的標準提示。每個提示

都會有一個相應的內容,讓你知道在哪些方面做對了以及哪些方面有待改進。

點選向下箭頭,GTmetrix 就會告訴你問題的內容以及解決的方式。

如何加快WordPress網站速度

Pingdom

如何加快WordPress網站速度

Pingdom工作方式和提供的訊息方面與 GTmetrix 非常相似。

這兩種工具之間的主要區別可能是它提供結果的速度。

大叔都是拿來做不同的比對測試以及參考建議。

如何加快WordPress網站速

減少 WordPress 站點的 HTTPS 服務器請求數量

經由以上的測試方法可以了解如何識別網站上的各種問題,接下來要看看如何減少

WordPress 網站的 HTTPS 服務器請求數量,以下是你現在可以做的 7件事。

1.刪除不需要的圖片

並不是說需要為了減少 HTTPS 服務器請求而開始犧牲圖片相反的,我認為你應該

注於你的媒體庫保持超級乾淨的狀況。如果你不使用某些圖片,即使你希望將來有

機會使用,也請刪除它們。這些用不到的圖片除了增加額外的容量和網站不需要的

HTTPS服務器請求之外其它一無是處,什麼忙也幫不上。

2.刪除其他不需要的文件

我們利用網頁速度評估工具之後,有時會發現不是圖片引起了問題,而是一些外掛軟體

嵌入式影片之類的東西。如果網站上有任何你認為不必要的內容,請將其刪除。

包括已安裝但目前未使用的外掛和佈景主題。

3.減小文件大小

你可以利用一些圖片壓縮的外掛軟體例如 reSmush.it 自動壓縮您網站的圖片。

如果想保留那些精美的高分辨率圖片並保持質量不變,那麼就需要壓縮這些圖片。

4. 利用 CSS Image Sprite

如果你是一位網站工程師或是對網站程式有一定的能力跟程度,你可以創建所謂的

CSS Image Sprite。基本上,這個 CSS 文件會將您的所有圖像文件合併為一個。

你可以參考使用W3 Schools的說明指南,創建您自己的CSS Image Sprite。

5. Lazy Loading 延遲加載

Lazy Loading 延遲加載 基本上是利用使用者向下滾動到頁面上的圖像時才發送請求

到HTTPS 服務器可使網站不必向瀏覽器發送不需要的HTTPS服務請求,減少接收

用不到的圖片。

這個功能可以利用外掛軟體例如 : Asset CleanUp: Page Speed Booster 這個外掛軟體

這款外掛的運做的方式不只是專注於延遲服務器對未查看圖片的請求,同時檢測網站中

的外掛、文件或其它資產,不用顯示在特定頁面上,然後它會阻止頁面上被加載和檢測

因此,減少了必需發送到瀏覽器的服務器請求的數量。

另外有些佈景主題也有Lazy Loading 延遲加載的功能設定

6. Caching plugin 快取外掛軟體

快取外掛對於WordPress 網站來說是絕對要安裝的外掛,特別是如果你的網站回訪量

很高的話,對於那些回訪者,如果內容沒有任何變化,就不需要處理相同的服務器請求

,因此快取外掛將幫助你的網站排除這樣的需求。

7.整合 CSS 和 JavaScript 文件

WordPress 網站必然會出現大量 CSS 和 JavaScript 文件。但是,可以將它們合併整合

到一個單獨的文件,而不是將每個文件作為單獨的服務器請求發送到使用者的瀏覽器。

可以使用像是 Hummingbird 這款外掛來進行文件壓縮的微調控制、延遲 CSS 和

JavaScript 樣式腳本、縮小 CSS 和 JS、延遲加載 等等功能

總結

如何加快WordPress網站速度 減少WordPess中的 HTTP/S 請求尤其在WordPress 中

很容易被忽視的那些美麗的佈景主題、酷炫的外掛和圖片,這些元素都有可能會讓

你的網站變的肥大又緩慢

如果你時常使用大叔介紹的監控頁面速度工具,並遵守上述7個減少服務器請求提示,

那麼你的網站性能應該就可以時常保持在良好的網站速度了。

最後希望這篇文章能對你有所幫助。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *