如何減少我的網站的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/

應用程序緩存（或應用程序緩存）允許開發人員指定瀏覽器應該緩存哪些文件並將其提供給脫機用戶。即使用戶在離線狀態下按下刷新按鈕，您的應用也會正常加載並正常工作。