gpt4 book ai didi

javascript - 如何消除移动设备的 'Render-blocking JavaScript' 错误

转载 作者:塔克拉玛干 更新时间:2023-11-03 02:39:49 25 4
gpt4 key购买 nike

最近我测试了我的网站的移动友好性、移动速度和桌面速度。我对我的桌面和移动速度的结果感到震惊,分别是 48/100 和 40/100,错误,

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

然后我删除了加载到我的页面中的不需要的内容,并在我的标签末尾添加了一个延迟,然后通过此更改,桌面版的错误得到了抑制,我的桌面版得分增加到 82/100,桌面版得分增加到 68/手机100。 到目前为止一切正常,但问题是我的移动速度仍然存在相同的错误,

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

我不知道为什么在用桌面修复时移动速度仍然存在错误。任何人都可以帮助我提出建议。在此先感谢。

最佳答案

当您将 CSS 文件放在标题中时 <head>部分,然后浏览器无法加载其他资源,直到它们没有从您的服务器获取(呈现)css 文件。

Google already said on their article ,如果你有小的 css 文件然后把它放在内部头部部分,所以浏览器不需要向你的服务器请求另一个 HTTP GET 请求,它会直接从你的 <style>.yourcsscode{}</style> 使用 CSS标记.. 如果你的 css 文件很大,那么使用 javascript 异步呈现它(例子已经包含在上面的链接中)。

对于 javascript 使用像这样的 asyn 标签 <script async src="my.js">如果您的 javascript 很小,则在内部使用它,这样您就可以保存另一个 HTTP GET 请求。

这里的全部内容是,您的浏览器需要等待加载其他资源,直到它们没有从服务器获取 css 和 javascript 文件。 Rahul 提供了太多的点,不能解决这个问题,但如果你考虑优化你的页面速度,它是有用的。

关于javascript - 如何消除移动设备的 'Render-blocking JavaScript' 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41950270/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com