bis*_*osh 5 javascript css wordpress rendering
我正在使用wordpress和主题并对这个主题进行了一些更改,当我想提高页面速度时,Google Page Speed测试员表示我需要删除所有阻止脚本和样式.
我不知道Render阻塞是什么,如何解决这个问题可以指导我解决这个重要问题.
谢谢
我解决了删除渲染阻止JavaScript,如下所示:
<script src="filename.js"></script>
Replace with Following:
<script src="filename.js" defer></script>
<script src="filename.js" async="async"></script>
比如说你的<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>结束标记之前，那么应该会在谷歌页面速度中消除该消息。
请注意，它可能仍然会给出有关 CSS 样式表具有渲染阻塞的错误/消息。好吧，我会忽略它，因为我希望我的 css 在文档之前渲染，所以我不会将其从<head>.