PageSpeed Insights 100 分 – 新年的除舊佈新

好久沒發文了,來日記式的告知一下最近的動態,玩了一下 PageSpeed Insights & LiteSpeed Server
利用過年前這幾天有空,一口氣把這台 VPS 做了幾項重大的升級更動,從 Ubuntu 16.04 升到了 18.04、PHP 7.0 升到了 7.4、Mysql 升到了5.7.36、Phpmyadmin 升到了最新版 5.1.2,另外也把 Server 從 Nginx + Apache 改變成最近聽說速度跟 Cache 都很夯的 LiteSpeed Server

目前使用 Nginx + LiteSpeed 的模式,因為保留了 Apache Server,所以還是用 Nginx 當前端 Proxy_Press LiteSpeed Server 後端 + LSPHP 7.4 ,除了把 WordPress 從 4.9 更新到最新版 5.9,連外掛、佈景主題全都在 Debug 後升到最新了,跨的版本太多,除錯花了不少時間 XD,對於我這個老人家而言,從傳統古騰堡改變成區塊編輯器,需要花更多的時間來適應…更別說現在還有很多Pro級的付費編輯器

透過 Server 優化跟 WordPress 的 Debug,PageSpeed Insights 基本 Desktop 都能保持在 90 分以上
行動裝置的分數大約都有 7x – 9x,要穩定 9x 分可能要使用它們的付費的CDN HTTP/3 .Quic,開啟自動 UCCS 定期 Cron 並生成關鍵 CSS,

因為 Litespeed 跟 Apache or Nginx 比起來算是比較新的 Server Service,所以要踩的坑的確也不少,花了不少時間調校後,只能說真的…回不去了,除了可以使用像 Apache 的 .htaccess 外,也可以做虛擬主機,還有免費開源的 OpenLiteSpeed GUI,如果不是我太懶的話,應該早2-3年就開始著手對於 Server 和 WordPress 的各項優化

雖然現在在半導體產業,離開IT產業已經有一段時間了,加上家裡老二的出生,經常要跟時間還有金錢在賽跑,感覺已經很久沒有玩一些新的東西了,比如前幾天才知道的 LiteSpeed Server & Google 的 PageSpeed Insights,這情況比住在山上還山上了吧XDD

對於Linux的入門,你不一定要很厲害,才能開始

但你要開始,才能很厲害

當初也不知道為什麼會選擇這個位於芬蘭赫爾辛基超級無敵冷門的 Cloud VPS,可能是覺得它的國旗很漂亮吧@@,聽說還是個很漂亮的城市,然後冬天冷到靠悲(零下8-21度),數據中心連冷氣費都可以省的那種XD,一晃眼也使用了三年,這三年這台 VPS 也變成以前 Hostloc 裡面大家俗稱的傳家寶了,三年使用下來,沒有停機&維修過,100% Uptime,3Gbps上傳下載的速度、NVMe SSD、七天自動備份、Snapshots,一個月20T的流量,1 Core Cpu、2G Ram,一個月基本費用才2.49歐元,加上 Auto Backup & 快照 Snapshots 的服務總 Total 一個月才3歐元 (約台幣100元左右),雖然現在已漲價,基本都需3.49歐元起跳,但還是很便宜

雖然現在 PageSpeed 的評分已經不是那麼重要了,不過拿來自 High 一下也好,分數僅供參考,看了網上分數低的有很多原因,個人感覺 CSS 跟 JS Loading 佔了極大的影響,要測試主機性能的話建議還是Gtmetrix 好一點

另外是否使用 Cache 也是 PageSpeed 影響分數的重點之一,WordPress也有不少插件的 Cache,之前有試用了幾個,試用後感覺甚至都還沒 Nginx FastCGI Cache好,而 LiteSpeed Cache 又是給 LiteSpeed 主機專用的,除非你熟悉 Linux Server 環境佈署,不然市面上虛擬主機或 Managered VPS 搭 LiteSpeed Server 的好像也不多,價格的話應該會比較貴,還是那句話,分數僅供參考,如果因為大量 CSS 跟 JS 影響分數一直移除必須的外掛,或是不熟悉導至整個版面跑掉得不償失外,好像也有點本末倒置

桌面版分數

行動裝置分數

這台 VPS 目前除了放了這個 Blog 外,還另外放了我幫公司寫的網頁跟我姐一些 WordPress 的專案大概4-5個
能調校到這樣的成績,我已經很滿意了,有空再來發表那些填坑的經驗談XD

發佈留言

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