滑块加载速度很慢

Question

我有一个网站: www.patcrawforddds.com

它使用Karma主题，使用3个滑块之一。滑块会拉出“特色帖子”，但这些基本上都是一些html标签和按钮。问题是，正如你可能注意到的，它需要大约10秒的加载时间。然而，在我这方面，即使在清除缓存之后，也需要大约4秒。

我已经研究了footer.php文件引入的内容，它确定页面模板，然后为该页面模板引入滑块插件(有两个不同的滑块，文件分别是jquery-cycle.php和jquery-cycle.php )，在本例中，我们使用jquery-cycle.php。

我已经尝试将脚本移到头中加载(不好的做法)，但是加载速度仍然很慢。页面模板已经有了html和php代码来拉入幻灯片，所以我只是好奇这里发生了什么，以及如何修复加载时间！

任何帮助调试的人都会非常感谢！

Answer 1

Have you had a look using pingdom's speed test?

切换到“页面分析”选项卡，我发现41%的页面加载时间花在了.js资产上，只有10%花在了您的域中的资产上。有没有办法减少对外服务？

您可能还希望考虑利用一些缓存实用程序，如redis、memcached和/或apc，以减轻您对服务器本身的要求。

然而，真正减慢你加载速度的是广告网络。292个请求总数将需要时间，无论您如何削减它。

Answer 2

第一件事就是把所有的JS资源放在head之外，放在body结束标记的上面。这本身就会使页面的渲染速度明显加快。

而且没有必要拥有3个Css表，您可以将它们放入html正文部分或制作1个样式表，这样在呈现页面之前就会有更少的服务器请求。

图像也可以在文件大小上减小。

页面不是响应式的/移动端友好的，我也会把它分类的，毕竟这是一个商业页面。

问候