加快网站加载速度

Question

我正在寻找最好的方法来加速我的js的加载时间。

问题是，我正在使用jquery框架的一个非常大的网站，正在发生的事情是因为网站也在加载，facebook连接，addthis分享，谷歌分析和另一个跟踪代码，jquery延迟了几秒钟，某些元素，比如日历，就出现了，我的用户抱怨事情太长了。

我在google chrome上做了一个测试，平均加载时间是4s。这太过分了。

我已经在做小型化了，而且jquery UI/ Jquery是从google加载的。解决这个问题的最好方法是什么？

Answer 1

通过组合图像、脚本和css来减少http调用，还可以使用内容分发网络为您提供静态图像和css可能会有所帮助！

Answer 2

您不太可能对外部脚本的加载时间做更多的工作，所以您可以做的是更改页面中发生事情的顺序，以便在初始化页面后加载外部脚本。

脚本是以串行方式加载和执行的，因此，如果您在源代码中更改了它们的顺序，则也会更改它们的加载顺序。

您可以将初始化代码内联到页面中，放在所有内容之后、主体结束标记之前，而不是在jQuery中使用ready事件。这样，您想要访问的元素将在脚本运行时加载，并且您可以将外部脚本放在初始化代码的下面，以便在之后加载它们。

Answer 3

小的技术变化(比如Google提供的JSs服务，小型化等)只能让你走这么远。

看起来你的页面中有很多动态的东西。你有没有想过用一种异步的方式构建你的内容？一种选择可能是放置占位符，而不是外部内容，并异步加载它，这样当所有脚本都加载并准备就绪时，您所需做的就是将标记抛入占位符。

这将创造更好的用户体验，而不是用户等待整个页面等待10秒，它将在2秒后开始增量加载(并在10秒后仍然完全加载)。