当我想提高页面速度时,我使用的是wordpress和一个主题,并对这个主题进行了一些更改。Google Page Speed测试仪说,我需要删除所有阻止的脚本和样式。
我不知道什么是“渲染”障碍以及如何解决此问题,任何人都可以引导我解决重要问题。
谢谢
举例来说,您的<head>
栏目看起来像这样
<!DOCTYPE html>
<html>
<head>
<title>css - How to Remove render-blocking JavaScript and StyleSheet in wordpress? - Stack Overflow</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="//cdn.sstatic.net/Js/stub.en.js?v=6c41e89d8d17"></script>
</head>
只需将脚本文件移动到文档底部或footer.php文件中,就像这样
<!DOCTYPE html>
<html>
<head>
<title>css - How to Remove render-blocking JavaScript and StyleSheet in wordpress? - Stack Overflow</title>
</head>
<body>
<!-- all your other codes here -->
<!-- then your scripts right before the closing body tag -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="//cdn.sstatic.net/Js/stub.en.js?v=6c41e89d8d17"></script>
</body>
</html>
如果您将所有脚本移出</body>
结束标记之前并移出标题的右侧,那么这应该摆脱google page speed中的该消息。
请注意,它可能仍会给出有关CSS样式表具有渲染阻止的错误/消息。.好吧,我只是忽略了这一点,因为我希望CSS在文档之前进行渲染,因此我不会将其从中删除<head>
。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句