WordPress 網站加速、效能優化全攻略(二):頁面大小與內容最佳化

頁面大小與內容最佳化

這篇文章是 〈Wordpress 網站加速、效能優化全攻略〉 的第二部分,如果你還沒有測試你的網站需不需要優化,可以參考我的第一篇文章 〈 我的網站算慢嗎?〉。

Wordpress 網站加速、效能優化全攻略(二):頁面大小與內容最佳化


減少首頁的文章數量

降低自己的首頁上顯示的文章數量基本上是最容易搞定的,你可以從 WordPress 的後台直接調整:

設定 -> 閱讀設置 -> 首頁顯示文章篇數

搞定。


把過長的文章內容拆開

如果你的主題沒有設置「摘要」,或是你的文章超長的話,最好自己在文章內手動加入下一頁 <!–nextpage–> 的標籤,可以讓瀏覽器不要一次讀完所有的內容,這樣可以大幅降低讀取時的速度。


不要裝一堆 Slider 外掛

通常 Slider 必須使用大量的 JavaScript 來操作。此外,不是所有的 Slider 外掛的程式碼都寫的乾淨,經常會有其它多餘而且不需要的內容。最後,很多 Slider 並沒有針對手機版重新設計。所以,如果你的設計允許的話,只需用一個靜態圖像替換你的 Slider。

但是,如果你真的需要和想要一個 Slider,那麼最好只裝一個外掛就好,不要同時裝一堆 Slider 外掛,那真的會造成很多不必要的資源浪費。


不要使用過大的圖片

雖然現在的螢幕解析度都很高,但是這並不代表我們要在一個 300×300 的範圍內放入 1000×1000 的圖片。使用合理的圖片縮圖可以很大幅的節省網站的檔案大小,如果你的圖片過大,你可以使用 WordPress 內建的編輯器來將圖片縮小。


使用圖片壓縮

我建議使用免費的外掛叫做 TinyPNG。這個外掛可以用來優化你的圖片檔案大小而不傷害它們的品質,並且移除照片中不必要的資訊(例如 GPS 定位,製作和使用的型號的相機)。

即使每張圖片可能都只能減少幾個 KB,如果你有大量的頁面或是圖片,壓縮圖片增加的效能會相當顯著。


不要用太多網路字體(Webfonts)

每次你從 Google 字體或其他類似服務中使用的字體有多種變化,字重(300,400,500,700),編碼(拉丁文,斯拉夫文),風格等。

此外,如果你的 Web Font 效果只會套用在短短幾行字上面的話,我建議還是直接用你已經在使用的字體就好,能夠少用就少用。


管理網站上的評論數量

如果你的網站有很多的評論,可能會在兩個方面讓你的網站變慢。第一,這使得你的頁面更加動態化(如果啟用緩存,它必須更經常清除);第二,每個評論添加到您的網頁和 HTML 輸出的大小。

在這種情況下,我建議更換一個叫做 Epoch 的外掛,取代預設的 WordPress 的評論系統。他將評論以更加優化的方式重新寫過一遍,特別是如果你的網站真的有很多評論的話,可以真正加快您的網站。

Disqus 是也是一種選擇,但它是一個第三方服務,它依賴於一個插件與他們來取代默認的評論系統。他們會取代你的網站整個評論系統的執行(也就是評論變得不佔用你的網站資源),但是所有的評論內容將不再被存儲在服務器上。


使用 gzip 壓縮你的 HTML 內容

啟用 Gzip 壓縮,您的網站和一些靜態資源的網絡最終的 HTML 輸出將被傳輸到你的訪問者之前進行壓縮。然後,你的訪問者的瀏覽器解壓渲染前的內容。它的速度更快壓縮和解壓縮這些內容,而不是將其傳送與 – 出壓縮。

啟用 Gzip 壓縮是非常容易的,幾乎不用做什麼事。只需將此代碼在你的字處理按下主文件夾加到你的.htaccess 檔案內即可:

AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

最小化並合併 JS 和 CSS 文件

最小化和合併這兩種技術其實都是為了同一個目的 – 減少 JavaScript 和 CSS 檔案造成的網站負載的大小和數量。最小化會將你的網站內所有不需要的空格與斷行全部移除,最後省下的容量也相當可觀。

合併,指的是將多個 JavaScript 和 CSS 檔案合併為一體。這降低了你的網站傳送請求的數量。有很多的外掛可以幫你實現這項功能。無論是付費的 WP Rocket,或是免費的 WP Super Minify,都可以幫你完成這項事情。


啟用快取

快取 (Cache ) 是一項偉大的技術,節省了不同的操作你的網站有以生產音響的最終內容以執行的結果。然後,它服務於這個現成的「產品」到您的網站的下一個客人。憑藉良好的緩存解決方案,啟用和運作,直到你做出改變,你的網站將盡可能快地靜態頁面。發生這種情況時,該網頁將動態加載的改性陽離子科幻後第一個來訪者。然後,高速緩存將被刷新,下一次將加載頁面的速度更快,緩存版本。

緩存你的網站最簡單的方法是通過一個插件。這節省了服務器的硬盤和顯著的緩存內容提高網站性能,因為你的內容將不會被動態地加載每次。 WP 火箭是一個很大的溢價選項,或者如果這是你的預算之外,嘗試可濕性粉劑超高速緩存。後來,我又涵蓋緩存為某些服務您的託管服務提供商可以ØFF 呃。當高速緩存在服務器級別啟用,內容不被保存在硬盤上,但是在服務器 RAM。這使得網站的性能增益大得多,因為從存儲器讀取比從盤讀取速度更快。


下一步:調整主題與外掛

這些項目都做了,如果還想讓網站更快,請看:

http://dsgn.tw/wordpress-theme-plugins-optimizations/