前端優化那點事

    做了很長時間的前端,今天就總結一下自己的一些經驗和心得,前端的優化林林種種,要想提高網站的性能,提升用戶的體驗度,需要我們做的方面有很多,自己也是分享一下自己經歷的一些。

1.化整爲零、提高效率

    簡而言之就是,不要一次加載所有的數據,只是加載用戶初次可能需要的數據,當用戶有更多的數據需求量的時候再發送其他的數據,常見的方式有列表分頁、滑動加載!在很多的網站中我們都會看到分頁的思想,也許有不同的體現形式,這樣和一次從服務器拿到所有的數據相比帶來的效果將是顯而易見的,也就是“化整爲零”的體現。

2.局部操作、勿大動干戈

    用戶對頁面完成操作將會有很多的前端交互,完成了文本的輸入便會有輸入文本校驗結果的提示;完成密碼的設置便會有密碼格式的校驗提示;完成表單的提交便會有提交結果的提示……所有的交互提示都應該是有針對性的,而不是整個頁面的改動。我們需要做的是在局部作出提示,文本框的提示只是在其後做出提示,某個表格的提交只是刷新表格所在的區域,這樣減少了其他數據交互的數量,提高了整體的性能!

3.本地緩存、減少請求

    本地緩存是提高性能很有效的一個辦法,將服務器的一部分數據保存在本地,減少對服務器的請求;或者是把服務器中用戶常用的一些數據保存起來,總之一條就是緩存減少了對服務器的網絡請求,這樣便可以提供給更多的人更加順暢的服務。

    其他方面的優化還有減少DOM的操作、高效實用HTML標籤和CSS樣式、使用CDN加速、規範開發分離js和css文件、壓縮傳輸的圖片和文件,總是需要做的工作還有很多,需要一一研究的也有很多,自己也將深入學習,拿來和大家一起分享交流!


參考資料:

http://www.open-open.com/news/view/9902b7

http://www.cnblogs.com/Darren_code/archive/2011/12/31/property.html


發佈了112 篇原創文章 · 獲贊 104 · 訪問量 17萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章