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

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

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

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

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

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

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

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

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

轉(zhuǎn)載于:https://www.cnblogs.com/tonybinlj/archive/2009/04/29/1445960.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。