Google PageSpeed Insights測試滿分優化方法

Google PageSpeed Insights是一款由Google開發設計的網站性能測試工具,可幫助您根據最佳優化建議,對網站執行全方位的優化。

我們需要修復的下一個Google PageSpeed Insights建議是優化圖片的警告。 前面我們提到為WordPress主題默認的“Hello world!”文章添加了特色圖片,才會有這樣的提示。

移除阻塞渲染的資源

接着下來,我們需要修復的下一個Google PageSpeed Insights建議是在首次繪製頁面中移除阻塞渲染的資源JavaScript和CSS。

我們需要修復的下一個Google PageSpeed Insights建議是減少服務器響應時間警告。 很多時候,這一般是由於服務器響應時間過慢導致,即所使用的主機服務器就那樣。因此,我們需要使用緩存插件來加快速度。本次示例採用的是KeyCDN開發的免費插件-Cache Enabler。

截至撰寫本文章時,Cache Enabler擁有4萬+有效安裝,4.5星評分。 它是WordPress的輕量級緩存插件,通過生成靜態HTML文件和WebP,提升網站加載速度。 無需任何設置,只需安裝啟用即可。 此插件與之前使用的Async JavaScript和Autoptimize插件完全兼容。 如果您想要更快的速度,我們建議您還添加高級代碼段來繞過PHP以檢索由WordPress Cache Enabler插件創建的靜態HTML文件。。

再次通過Google PageSpeed Insights運行我們的網站,可以看到Reduce服務器響應時間警告沒有了! 桌面設備和移動設備評分均快要到巔峰的99分。至此,是不是要來個擊掌?

我們只是在本教程中針對Google PageSpeed Insights進行優化。 事實上,除了上述的要點外我們還可以做更多的事情,以提升網站加載速度:

  • 刪除查詢字符串
  • 利用CDN加速網站
  • 通過極佳的壓縮進一步優化我們的圖像
  • 懶加載圖片

有機會,我們也可以抽時間對這些要點逐一講解。

新媒體運營,新媒體代運營,cloudneo

原創文章,作者:超哥,如若轉載,請註明出處:https://www.chaoneo.cn/zh-hant/archives/3373.html

0 0 投票
五星評級

如果您覺得超哥分享對您有所幫助的話,記得打賞給我😀

訂閱
提醒
guest
0 評論
內聯反饋
查看所有評論
QQ客服
加我微信
電話聯繫
電子郵件
我們將24小時內回復。
取消
0
喜歡你的想法,請評論x
()
x