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

Question

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

Answer 1

你会想要做以下的事情：

从内容分发网络，如果你能

请提供文件确认文件已被压缩和精缩

把脚本标签放在页面上的正文标签之前

Answer 2

一个很好的通用规则是缩小你的javascript。 jQuery发布一个缩小版本。这篇文章可以帮助：

Is there a good JavaScript minifier?

如果你可以使用JSON是通常比XML更简洁（它也有本地的jQuery支持）。一般来说，只是试图减少组件的带宽需求。通过Google PageSpeed

Answer 3

速度性能提出了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). 

其他建议：

• 尽量避免使用多发的$（document）。就绪语句
• 使用最新版本的jQuery 1.9.x
• 您使用了很多插件。您可以将您的插件/脚本合并到一个文件中，您可以使用Google Closure compiler轻松完成此操作。
• 移动你的内联标签到身体的一端（一些包括花式箱），这些可能会增加DOM的加载时间
• 利用DOM caching in your jQuery code
• 检查缺失的媒体（如图像）可能停止的负载你的页面。是/images/bg.jpg失踪？
• 使用的Chrome浏览器开发工具，网络面板来分析你的网页的媒体的加载时间

Answer 4

您可以使用HTML5应用程序缓存

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

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