近十年的互聯網大爆發, 促使網絡通訊能力大大提升, 寬帶網速已經可以達到100兆甚至更高, 移動通訊的4G技術, 也給使用者帶來了高速的網絡通路。在網絡加載如此便捷的前提下, 網站的體積不斷增大。在約早十年前的網絡時代, 在移動端打開一個網頁, 需要耗時幾秒, 而加載過來的內容, 只有十分簡潔的文字和小圖標, 那時候人們訪問的網站, 多數是新聞或小說這類以文字為主題的網站, 網站十分簡單。而如今, 得益于通訊技術的進步, 在移動端設備上, 加載數兆大小的網站, 所花費的時間可能不到一秒。如此便捷的網絡環境, 促使網站設計者往網站上增加更多的內容, 包括高清圖片、音頻視頻、精美動效和游戲等。很多時候, 用戶在某個網頁, 需要查看的東西, 僅僅是一小部分內容, 而網站卻給用戶附帶了其他推薦內容、相似內容、廣告內容等。這些內容不僅僅占據著視覺上的位置, 同時也占據了不少網絡請求, 影響了瀏覽性能, 網站也變得越來越臃腫。除了網絡傳輸上的技術進步, 還有開發技術上的全面更新。以前的網站, 并沒有明確地區分前端后端開發。以前淘寶的網站基本上都是基于MVC框架Webx, 架構決定了前端只能依賴后端。所以他們的開發模式依然是, 前端寫好靜態Demo, 后端轉換成VM模版。

目前大多數新網站均采取前后端分離, 將更多的交互邏輯分配給前端來處理, 如圖2所示, 后端專注于其本職工作, 負責數據模型Model層, 進行權限控制以及進行運算工作。而前端開發人員需要與后臺解耦, 獨立控制視圖View層。前端可以根據業務邏輯, 通過Ajax主動去獲取后臺數據 (Controller) , 并插入視圖層展示。前端需要獨立完成與用戶交互的整個過程。因此, 前端負責的內容就變得更多了, 業務邏輯更多地交給前端去控制, 前端開發人員需要引用更多的框架或者寫更多的邏輯去實現, 因此網頁會變得越來越復雜、臃腫。電商網站是圖片加載數量最多的網站類型之一。在主流的電商網站中, 主頁的風格, 大多數是商品的大圖展示, 往下滾動, 便是各種精美商品的中型圖片展示。一般電商網站都是做長頁面的, 即一頁加載的內容非常多, 方便用戶瀏覽, 不用通過點擊頁碼切換商品。因此, 圖片資源過多是導致電商網站臃腫的主要原因之一。

電商企業之間的競爭非常激烈, 電商網站會通過各種酷炫的網頁效果, 來吸引用戶, 留存用戶。例如常見的圖片輪播、全屏紅包彈窗、各種精美動畫等。除此復雜的設計外, 網站開發人員還需要設計更多邏輯, 這個環節就很考驗網站開發人員的技術能力。如上述的各種動效, 網上均有很多CMS模板或框架可以支持使用, 開發者無需關心具體動效實現細節, 只需要引用開源框架的所有代碼, 按照要求配置即可實現。這種做法得到大多數開發者的青睞, 因為它大大減少了開發難度, 節省了時間。但是, 這種做法犧牲的是網頁的質量。很多時候這種模板框架的功能是大而全的, 開發者會因為需要用到某個效果, 而需要引入整個框架。這種模板或框架, 通常也依賴多個其他的模板和框架, 結果為了實現一個效果, 引入了不少冗余的資源, 網站加載的JavaScript文件數量過多, 邏輯復雜, 會降低瀏覽器性能。

文章名稱：電商網站臃腫原因分析
文章地址：http://www.js-pz168.com/news43/140543.html

成都網站建設公司_創新互聯，為您提供域名注冊、網站策劃、動態網站、網頁設計公司、App開發、小程序開發

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯