如何"Eliminate render-blocking JavaScript and CSS in above-the-fold content"



我有一个网页,收到一个非常差的42%的"移动"得分。唯一标记为红色的项目是我应该"在上面的内容中消除渲染阻塞的JavaScript和CSS"。但所有的页面都是在折叠上方呈现的,因为它们都在同一个页面上,没有滚动。所有的JS和CSS都是渲染页面所必需的。

所以我只是被谷歌的一个大失败困住了,还是我错过了什么?

我加载的主要库是:

jquery.min.js
jquery-ui.min.js
jquery-ui-slider-pips.min.js

…以及我自己的脚本,用于完成页面的基本工作。

可能导致问题的是,我有一个imgdiv,其URL指向一个节点服务器,该服务器动态生成png,并且通常需要2秒才能提供该图像。但是div是隐藏的,直到它准备好显示,所以我不明白为什么这将是真正的问题。

感谢您的任何见解,可能有助于提高谷歌网页速度得分!

合并并缩小js文件,并在元素

上设置最后一个标签
<html>
<head></head>
<body>
<!-- html content -->
<script src="minified-script.min.js" type="text/javascript">
</body>
</html>

相关内容

最新更新