-2
A
回答
1
讓我簡要介紹一下渲染阻塞文件。
查看WordPress網站有一個主題和插件,可以將JavaScript和CSS文件添加到您網站的前端,從而增加網站的頁面加載時間。
當瀏覽器加載頁面時,它會在加載頁面上HTML的其餘部分之前加載這些腳本和CSS。這些腳本和樣式表稱爲渲染阻止JavaScript/CSS。
解決方案:
您可以安裝並激活Autoptimize插件。你可以參考 它的安裝here。這個插件提供了優化 JS/CSS代碼的選項。激活後,您需要訪問設置» 自動優化頁面來配置插件設置。
然後使用PageSpeed工具測試您的網站。如果仍然呈現 阻止腳本,請再次訪問插件的設置頁面,然後單擊 '顯示高級設置',此處允許插件包含內聯JS 並刪除默認排除的腳本。然後使用PageSpeed重新測試您的 網站。
相關問題
- 1. 在WordPress中刪除渲染攔截JavaScript
- 2. Google Page Speed-Like Image Optimization
- 3. Google Page Speed Insights API:Internet錯誤
- 4. Google Page Speed in Fx不顯示「Paint Snapshots」選項;備擇方案?
- 5. 攔截桌面的渲染和交互
- 6. PageSpeed中的渲染攔截CSS - 單個文件
- 7. 如何攔截髮送()或渲染()在Node.js的表達途徑
- 8. 攔截控件渲染的最佳方法
- 9. 渲染顯示在局部
- 10. 在渲染後顯示selectpicker
- 11. 谷歌地圖API導致Page Speed hit
- 12. 全局截取渲染渲染?
- 13. 攔截查看渲染HTML輔助添加到ViewData字典
- 14. Chrome有錯誤 - window.scroll方法攔截DOM渲染
- 15. 渲染攔截的CSS - 推遲加載的CSS文件
- 16. 如何停止渲染攔截JavaScript和CSS?
- 17. Telerik:RadRotator在IE9中不顯示(渲染)
- 18. 在UImage中顯示渲染圖標
- 19. Style.css鏈接顯示style.css的舊副本
- 20. 如何在opengl中渲染橫截面
- 21. 如何「減少請求序列化」並提高Google Page Speed?
- 22. pagespeed_optimize_image.exe返回比Google Page Speed Extension更差的結果
- 23. Google的Page Speed無損圖像壓縮是如何工作的?
- 24. Google Page Speed Service和CloudFlare - 手機網站獨立域
- 25. Google Insights Page Speed API無法連接服務器錯誤
- 26. VB.Net Google Page Speed Api如何將策略更改爲移動
- 27. XNA截圖顯示pre-Bloom,而不是最終渲染
- 28. 渲染部分不顯示
- 29. asp.net C#顯示HTML渲染
- 30. 渲染上顯示頁
事情是我不想使用任何插件。我想手動完成。你能指導我嗎?如果我將所有腳本加載到腳註中以解決我的問題? –
要清楚;自動優化的CSS將默認也是渲染阻止,但下一步是「內聯所有CSS」(簡單)或「內聯推遲CSS」(更好)。 AO的常見問題更多信息; https://wordpress.org/plugins/autoptimize/#faq – futtta