2020-11-18

5個優化Joomla速度的做法

如何優化Joomla速度

其實以乾淨的 Joomla 做網站,個人覺得速度表現還行。但如果是套樣板或框架(例如:Helix3),開頁面速度真的會慢,沒辦法...魚與熊掌無法兼得,要方便又美觀,就是得靠一堆外掛整合啊!
最近有針對手邊兩個 Joomla 專案做速度優化,歸納有五點:

1. 用 Google Speed Insights 分析效能

這個當然不是唯一參考指標,但普羅大眾都用 Google 瀏覽器及搜尋引擎看網站,所以 Google Speed Insights 跑出來的分數也不能太差,不然除了訪客等不及跑了,進而也影響 SEO
分析結果會有手機版跟電腦版兩個分數,接下來就可參考系統提出的最佳化建議進行速度改善。

Google Speed Insights For Mobile
手機版分數
電腦版分數
Google Speed Insights Advises
最佳化建議

2. 壓縮圖片

Google Speed Insights 最佳化建議中,有 "提供 next-gen 格式的圖片",就代表你的網站可能有的圖片特別大,影響了載入速度。
這是我第一個改善的項目,圖片瘦身之後很有感,要特別注意的是:Google 建議我們可以將圖片轉成 JPEG2000 或 WEBP 的格式,但目前建議使用 JPEG 就好,因為 Safari 尚未支援WEBP,也就是說 iphone 或 Mac的使用者可能會無法正常瀏覽圖片。
至於怎麼壓縮呢?兩種方法:

  1. 將網頁的圖片先下載到本機,用 Photoshop 壓縮後再上傳覆蓋。  
  2. 如果圖片太多,或目錄分太多層,用付費線上工具 OptiPic

3. 開啟網站快取

開啟 Joomla 中控台的快取
cache-joomla
如果主機商有提供快取功能,一併啟用。我用的 SiteGround 就有三種快取選項,全給它開下去就對了!

4. 啟用 Gzip 壓縮

Gzip 會要求服務器在將所有文件傳送給訪客之前壓縮它們。由於文件變小,因此能以更少的時間傳送,為訪客帶來更快的瀏覽體驗。
在 Joomla 的中控台 > 系統,可以找到啟用 Gzip 頁面壓縮的選項。

5. 使用 Cloudflare CDN

Cloudflare 是一個網路服務,可加速應用程式、改善行動傳遞,並確保網際網路資產的可用性。
如果你的網站訪客會來自世界各國,非常推薦要用,因為 Cloudflare 的 CDN 能夠從最近的資料中心向訪客傳送內容,從而減少延遲與傳送的時間,不受限虛擬主機的地理位置。
免費版就有CDN功能了,可以參考這篇教學文章(CloudFlare 網站CDN設定,讓網站秒開的絕招)設定。

cloudflare website optimize
託管於 Cloudflare 的網站效能分析

以上就是我優化的項目,在報告中部分優化建議有施作上的困難,調了可能讓網站內容顯示不正常,例如:排除禁止轉譯的資源,意思是網頁的資源過多,因此妨礙了首次顯示畫面的時間。建議你先載入重要的內嵌 JavaScript/CSS,並延後載入不重要的 JavaScript/樣式。
但有些功能或樣式就一定要先載入相關檔案才行,就不理此建議了。一個原則,能優化盡量做,但也別矯枉過正囉。
最後,還有一些小地方可以優化 Joomla, 完整內容可參考此篇文章:How to Improve your Joomla Speed

請我喝杯咖啡吧 ^^

2 comments on “5個優化Joomla速度的做法”

發佈留言

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

PeiYing Tsai
author
愛藝術,喜歡以科技解決問題的數位產品設計師。 堅持信念,任何困難事,必有搞定的一天,Just try it! 隨手紀錄日常學習到的知識心得,希望對妳/你有幫助。
coffee-cup linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram