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加速網站
- 通過極佳的壓縮進一步優化我們的圖像
- 懶加載圖片
有機會,我們也可以抽時間對這些要點逐一講解。
原創文章,作者:超哥,如若轉載,請註明出處:https://www.chaoneo.cn/zh-hant/archives/3373.html
如果您覺得超哥分享對您有所幫助的話,記得打賞給我😀