加载jQuery和引导,并通过谷歌速度测试手机版

问题描述:

试图加载jQuery和引导并传递移动版本。谷歌说:你的页面需要额外的网络往返才能呈现上述内容。为获得最佳性能,请减少呈现折叠内容所需的HTML数量。 我试着压缩所有的内容和图像。 Gzip压缩测试显示服务器正在发送Gzip压缩文件。现在我不确定是否有任何额外的东西可以编入.htaccess文件以更好地接收这些文件。我试着在js文件上推迟和异步。我甚至已经尽可能将bootstrap和jquery文件内联。这提高了我的分数,但仍然没有超过传球。我搜索了互联网。还有什么我可以做或做错了吗?加载jQuery和引导,并通过谷歌速度测试手机版

发现我的.htaccess文件的一个主要问题,给了我一个合格的分数!但还是要经过我所做的所有事情才能通过谷歌速度测试手机版。还有什么我可以做的吗?

+0

Thx我也试过了。我阅读了很多速度模块。值得投资的时间沿着这条路走吗? –

提高加载时间的一种方法是从外部CDN(内容交付网络)加载外部库,如jQuery和Bootstrap。这些CDN在世界各地被缓存和镜像,因此无论用户身在何处,加载时间都应该尽可能小。另外,如果用户已经从CDN加载了库,它可能会将脚本缓存在本地,这意味着它不需要加载任何东西。

接下来,不是使用整个Bootstrap库,您可以创建一个自定义版本,其中包含您没有使用的任何内容。例如,如果只使用网格系统,则可以去除所有按钮和表单样式。同样,如果您不使用下拉菜单,模式等,则不需要加载Bootstrap JavaScript。

最后,确保您使用的是缩小版本的所有脚本和样式表。与缩小版本相比,具有评论和间距的图书馆之间有显着的节省。

+0

Thx我也试过了。我阅读了很多速度模块。值得投资的时间沿着这条路走吗? –

+0

您应该始终优化您的内容。缩小你的js和css就像压缩你的图像一样。 – Soviut