如何"；消除折叠内容上方的渲染阻塞JavaScript和CSS”；_Javascript_Html_Css_Pagespeed

如何"；消除折叠内容上方的渲染阻塞JavaScript和CSS”；

javascript html css

如何"；消除折叠内容上方的渲染阻塞JavaScript和CSS”；,javascript,html,css,pagespeed,Javascript,Html,Css,Pagespeed,我有一个很差的“手机”分数为42%。红色标记的唯一一项是我应该“消除折叠内容上方的渲染阻塞JavaScript和CSS”。但所有页面都呈现在折叠上方，因为它们都在同一页面上，没有滚动。呈现页面需要所有的JS和CSS 那么，我是被谷歌的大失败所困扰，还是错过了什么我正在加载的主要库有： jquery.min.js jquery-ui.min.js jquery-ui-slider-pips.min.js 。。。还有我自己为页面做繁重工作的脚本可能导致问题的原因是，我有一个img div，它的

我有一个很差的“手机”分数为42%。红色标记的唯一一项是我应该“消除折叠内容上方的渲染阻塞JavaScript和CSS”。但所有页面都呈现在折叠上方，因为它们都在同一页面上，没有滚动。呈现页面需要所有的JS和CSS

那么，我是被谷歌的大失败所困扰，还是错过了什么

我正在加载的主要库有：

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>

您至少可以通过将文件合并为一个文件来减少渲染阻塞量。好的，因此将文件合并为一个文件大概只适用于我在本地存储的文件（这只是我的文件）。当然，我可以始终存储jquery etc库的本地副本（并合并为一个），但从其他研究中我了解到，实际上最好参考远程库而不是本地库，因为像jquery这样的公共库可能会缓存在中间服务器上，因此即使在第一次加载时也很快可用。而本地js文件始终需要下载到客户端，至少对于第一次加载。什么更好？就个人而言，我根本不使用jQuery，所以我的观点可能有偏见，但这一切都取决于你所追求的。就个人而言，我会让用户访问很多页面——这就是网站的工作方式。因此，下载只与当前页面相关的内容是好的，还有大量的缓存，所以只需要下载aded一次。第一次加载时可能会多花几分之一秒的时间，但每个页面上也会加载较小的部分，因此…这取决于您的设置。我有一个问题，就是我所有的.js和.css都是cdn。我通过对.js调用使用

async

属性来消除.js警告，但是我会收到.css警告，但我还没有找到解决方法。