我有一个 web page它获得了 42% 的非常差的“移动”分数。唯一标记为红色的元素是我应该“消除首屏内容中阻止呈现的 JavaScript 和 CSS”。但是所有页面都呈现在首屏之上，因为它们都在同一页面上，无需滚动。渲染页面需要所有 JS 和 CSS。
那么我只是因为 Google 的一次大失败而陷入困境，还是我遗漏了什么？
我加载的主要库是:
jquery.min.js
jquery-ui.min.js
jquery-ui-slider-pips.min.js
...以及我自己的脚本，用于完成页面的繁重工作。
可能导致问题的原因是我有一个 img div，其 URL 指向一个动态生成 png 的节点服务器，通常需要约 2 秒才能提供该图像。但是那个 div 在它准备好显示之前是隐藏的，所以我不明白为什么这会是真正的问题。
感谢您提供可能有助于提高 google pagespeed 得分的任何见解!
最佳答案
将js文件合并并缩小并设置到元素的最后一个标签中
<html>
<head></head>
<body>
<!-- html content -->
<script src="minified-script.min.js" type="text/javascript">
</body>
</html>
关于javascript - 如何 "Eliminate render-blocking JavaScript and CSS in above-the-fold content"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31280049/