繁体   English   中英

如何“消除首屏内容中的阻止渲染的JavaScript和CSS”

[英]How to “Eliminate render-blocking JavaScript and CSS in above-the-fold content”

我有一个网页 ,其“移动”得分非常低,仅为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文件并设置为element的最后一个标签

<html>
<head></head>
<body>
<!-- html content -->
<script src="minified-script.min.js" type="text/javascript">
</body>
</html>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM