Question

如何减少我网站的javascript / jquery / ajax加载时间？我的网站是：http://maavankal.com/

Answer 1

一个好的一般规则是缩小你的javascript。 jQuery分发缩小版本。本文可以提供帮助：

如果你可以使用JSON，它通常比XML更简洁（它也有本机jQuery支持）。通常只是尝试降低组件的带宽需求。

Answer 2

Google PageSpeed的速度效果表明JavaScript的以下内容：

Minifying the following JavaScript resources could reduce their size by 33KiB (29% reduction).
Minifying http://maavankal.com/source/jquery.fancybox.js?v=2.1.3 could save 16.6KiB (36% reduction).
Minifying http://maavankal.com/js/jquery.simplyscroll.js could save 3.4KiB (29% reduction).
Minifying http://maavankal.com/js/jcarousellite.js could save 2.7KiB (52% reduction).
Minifying http://maavankal.com/js/content_switch.js could save 1.9KiB (30% reduction).
Minifying http://maavankal.com/js/bgStretch.js could save 1.6KiB (37% reduction).
Minifying http://maavankal.com/js/cScroll.js could save 1.6KiB (33% reduction).
Minifying http://maavankal.com/js/forms.js could save 1.4KiB (26% reduction).
Minifying http://maavankal.com/js/jquery-ui.js could save 1KiB (5% reduction).
Minifying http://maavankal.com/.../jquery.fancybox-buttons.js?... could save 1KiB (35% reduction).
Minifying http://maavankal.com/js/superfish.js could save 946B (26% reduction).
Minifying http://maavankal.com/js/script.js could save 883B (18% reduction).

其他建议：

尽量避免使用多个（文档）.ready语句
使用最新版本的jQuery 1.9.x
你使用了很多插件。您可以将插件/脚本组合成一个文件，您可以使用Google Closure compiler。
将您的内联标签移动到正文的末尾（某些包括花式框）这些可能会增加dom的加载时间
利用DOM caching in your jQuery code
检查缺少的媒体（例如图像）是否可能会停止加载您的网页。是/images/bg.jpg缺少？
使用chrome dev工具中的网络面板分析页面媒体的加载时间

Answer 3

您需要执行以下操作：

如果可以

，请从Content Delivery Network提供文件

确保文件已经压缩和缩小

将脚本标记放在页面上的结束正文标记之前

Answer 4

您可以使用HTML5 Application Cache

http://www.html5rocks.com/en/tutorials/appcache/beginner/

应用程序缓存（或AppCache）允许开发人员指定浏览器应缓存哪些文件并使其可供脱机用户使用。即使用户在离线时按下刷新按钮，您的应用也会加载并正常工作。

如何减少我网站的javascript / jquery / ajax加载时间？

4 个答案: