如何消除渲染阻塞JavaScript_Javascript_Wordpress_Pagespeed

如何消除渲染阻塞JavaScript

javascript wordpress

如何消除渲染阻塞JavaScript,javascript,wordpress,pagespeed,Javascript,Wordpress,Pagespeed,我正在测试网页加载。结果显示“消除折叠内容上方的渲染阻塞JavaScript和CSS” 源代码是： <head> ... ... <script>(function(){document.documentElement.className='js'})();</script> ... ... </head> ... ... （function（）{document.documentElement.className='js'}）（）； .

我正在测试网页加载。结果显示“消除折叠内容上方的渲染阻塞JavaScript和CSS”

源代码是：

<head>
...
...

<script>(function(){document.documentElement.className='js'})();</script>
...
...
</head>


...
...
（function（）{document.documentElement.className='js'}）（）；
...
...

我热衷于添加一个异步或延迟标记。如何实现这一点？

关于异步属性：

它对内联脚本（即没有src属性的脚本）没有影响

延迟属性也是如此

基本上，如果你真的想消除错误，只是移动到刚才的代码> <代码>标签。< /p>这个简单的脚本会影响页面速度吗？这就是分析结果所说的：考虑修复：在折叠内容中删除渲染阻塞JavaScript和CSS。你的页面有2个阻塞脚本资源和4个阻塞的CSS资源。这会导致页面呈现延迟。如果不等待加载以下资源，则无法呈现页面上的上述折叠内容。尝试延迟或异步加载阻塞资源，或直接在HTML中内联这些资源的关键部分。移除渲染阻塞JavaScript:Erm。Google PageSpeed会检查这些脚本是否存在，但不会评估它们的速度或其他。您可以将该脚本移动到

的末尾，然后再次检查；我认为这种区别没有任何意义。你找到解决办法了吗？

<head>
...
...

<script>(function(){document.documentElement.className='js'})();</script>
...
...
</head>