使用PageSpeed消除jQuery的渲染阻止JavaScript

前端之家收集整理的这篇文章主要介绍了使用PageSpeed消除jQuery的渲染阻止JavaScript前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我在页面底部添加了jQuery.但是,当我在pagespeed见解(移动)上运行我的网站时,我收到错误

Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 2 blocking script resources and 1 blocking CSS
resources.

This causes a delay in rendering your page. None of the
above-the-fold content on your page could be rendered without waiting
for the following resources to load.

Try to defer or asynchronously
load blocking resources,or inline the critical portions of those
resources directly in the HTML.

见:http://learnyourbubble.comhttps://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Flearnyourbubble.com&tab=mobile

但是,jQuery添加页面底部.所以它应该低于一点.

如何删除错误

最佳答案
它与您的字体文件有关.

看看瀑布中的请求19和20.这些字体文件被认为是CSS.

注意在加载字体文件之后,第一次绘画(绿色垂直线)是怎么发生的?

然后注意15个JS文件是在字体(CSS)文件之前加载的.

这就是谷歌正在采取的措施.

拥有16个JS文件是不可能的.

试试这个:在浏览器中禁用JavaScript.请注意,唯一的更改是在菜单标题中. 16个JS文件值得吗?我想不是.

enter image description here

原文链接:https://www.f2er.com/jquery/428426.html

猜你在找的jQuery相关文章