如何优化 jquery 移动评分的 cdn 加载时间?
How to optimize jquery cdn load time for mobile score?
我正在尝试优化一个网站,使其在 google 移动和桌面页面洞察力上得分超过 90。现在我的桌面分数很好,但在移动设备上我得到了 80 左右,根据 google 测试,主要原因是 减少第三方代码的影响第三方代码阻塞了主线程 即 jquery CDN 加载时间。它是通过 google CDN 加载的,我已经尝试了 3 天来在线寻找解决方案,但没有成功。我不能 defer
或 async
它会破坏我的网站。谁能阐明如何实现这一目标?谢谢
好的,所以我找到了解决方案并决定在此 post 解决,也许将来有人会觉得它有用。
因此,将 defer
添加到脚本中确实有所帮助,但三分之一的页面速度洞察检查仍然会超过 500 毫秒的总阻塞时间 。所以我所做的就是复制 jquery 代码并将其直接添加到文件 header 中的 <script></script>
标签中。从那时起,每次检查在移动设备上都是 0-40ms 0-20ms 在桌面设备上。
我正在尝试优化一个网站,使其在 google 移动和桌面页面洞察力上得分超过 90。现在我的桌面分数很好,但在移动设备上我得到了 80 左右,根据 google 测试,主要原因是 减少第三方代码的影响第三方代码阻塞了主线程 即 jquery CDN 加载时间。它是通过 google CDN 加载的,我已经尝试了 3 天来在线寻找解决方案,但没有成功。我不能 defer
或 async
它会破坏我的网站。谁能阐明如何实现这一目标?谢谢
好的,所以我找到了解决方案并决定在此 post 解决,也许将来有人会觉得它有用。
因此,将 defer
添加到脚本中确实有所帮助,但三分之一的页面速度洞察检查仍然会超过 500 毫秒的总阻塞时间 。所以我所做的就是复制 jquery 代码并将其直接添加到文件 header 中的 <script></script>
标签中。从那时起,每次检查在移动设备上都是 0-40ms 0-20ms 在桌面设备上。