電商網站臃腫原因分析

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

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

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

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

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

廣告

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