web2.0大量的ajax的使用，提高了ui交互的效率，但是過度的濫用會帶來不少的問題。

ajax使用注意事項：
1 盡量避免使用同步ajax調用。在一些登錄的場合常常使用同步調用服務器的登錄接口。
同步調用，需要將頁面上的所有元素給鎖定住，代價高昂。

2 ajax調用時多使用超時設置，目前許多ajax框架如jquery都會提供超時參數的設置。
利用超時，可以很好的完善ui的交互，同時避免對服務器造成壓力。

3 針對業務特性開啟ajax緩存。不需要重新拉取的東東，盡量的緩存起來。

4 發送請求前對發送的數據進行pre驗證，一方面可以做到對用戶友好，另一方面避免太多的異常。
不小心的異常數據會導致服務器down掉。

5 對于服務器返回的數據也要仔細處理，不要相信其數據一定是格式化和驗證好的。譬如對于json的數據，需要先判斷相應的key是否存在，再進行操作，
否則會出現undifined的情況。

ajax請求處理一般的ui交互流程是這樣的：
1 當發起ajax請求時，更新ui，譬如出現一個高亮的tip，提示用戶操作開始進行
2 鎖住需要更新的ui部份，同時提醒用戶會什么會鎖住，譬如將原div隱藏，加載一個正在加載的gif圖標
3 數據成功返回后，更新ui，解除對ui的鎖定
4 如果服務器返回失敗，提示用戶友好的失敗信息

ajax使用中一些提示：
1 由于瀏覽器的同時向一個域名發起請求的并發數是有限制的，如ie默認的是2個，如果同時發起的ajax太多的話，是會被阻塞的。
2 返回的數據類型選擇json而不是xml，一方面json數據格式會更小一些，另一方面接送封裝成為一個js對象，操作起來性能會更好一些
3 盡量緩存能夠緩存的內容，避免重復的發起請求
1）使用全局對象
2） flash的本地存儲
3）google gears
4） ie的userData

網站優化過程常用的工具：
1 firebug和yslow，ff下常用的兩個工具了
2 httpwatch和fiddler，對于網絡時間的檢測也不錯
3 Task manager
4 js內存泄漏檢測工具
5 觀看優化的工具：
1）AjaxView
2）JsLex
3）YUI profiler

轉載于:https://www.cnblogs.com/tonybinlj/archive/2009/04/29/1445960.html

總結

以上是生活随笔為你收集整理的网站优化之Ajax优化及相关工具的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。