目前大多數新網站均采取前后端分離, 將更多的交互邏輯分配給前端來處理, 如圖2所示, 后端專注于其本職工作, 負責數據模型Model層, 進行權限控制以及進行運算工作。而前端開發人員需要與后臺解耦, 獨立控制視圖View層。前端可以根據業務邏輯, 通過Ajax主動去獲取后臺數據 (Controller) , 并插入視圖層展示。前端需要獨立完成與用戶交互的整個過程。因此, 前端負責的內容就變得更多了, 業務邏輯更多地交給前端去控制, 前端開發人員需要引用更多的框架或者寫更多的邏輯去實現, 因此網頁會變得越來越復雜、臃腫。電商網站是圖片加載數量最多的網站類型之一。在主流的電商網站中, 主頁的風格, 大多數是商品的大圖展示, 往下滾動, 便是各種精美商品的中型圖片展示。一般電商網站都是做長頁面的, 即一頁加載的內容非常多, 方便用戶瀏覽, 不用通過點擊頁碼切換商品。因此, 圖片資源過多是導致電商網站臃腫的主要原因之一。
電商企業之間的競爭非常激烈, 電商網站會通過各種酷炫的網頁效果, 來吸引用戶, 留存用戶。例如常見的圖片輪播、全屏紅包彈窗、各種精美動畫等。除此復雜的設計外, 網站開發人員還需要設計更多邏輯, 這個環節就很考驗網站開發人員的技術能力。如上述的各種動效, 網上均有很多CMS模板或框架可以支持使用, 開發者無需關心具體動效實現細節, 只需要引用開源框架的所有代碼, 按照要求配置即可實現。這種做法得到大多數開發者的青睞, 因為它大大減少了開發難度, 節省了時間。但是, 這種做法犧牲的是網頁的質量。很多時候這種模板框架的功能是大而全的, 開發者會因為需要用到某個效果, 而需要引入整個框架。這種模板或框架, 通常也依賴多個其他的模板和框架, 結果為了實現一個效果, 引入了不少冗余的資源, 網站加載的JavaScript文件數量過多, 邏輯復雜, 會降低瀏覽器性能。
本文地址：http://knowyourextract.com//article/24672.html
