閱讀352 返回首頁    go 阿裏雲 go 技術社區[雲棲]


magento -- 推薦插件 -- 智能版Js和Css合並 --Lesti::Merge(Smart Merging of Js and Css)

名稱:   Lesti::Merge(Smart Merging of Js and Css)

Extension Key:https://connect20.magentocommerce.com/community/Lesti_Merge
網址:    https://www.magentocommerce.com/magento-connect/lesti-merge-2265.html
介紹:   基於Magento原生的合並JS和CSS功能,提供更聰明更智能的JS和CSS合並方案,可以根據 Layout-Handle自動給需要合並的JS和CSS分組,以原生1.7.0.2為例,啟用原生的合並JS設置後,進入商品詳情頁,加載的是一個大小465KB的合並後的JS




而如果同時打開插件提供的智能合並設置,商品詳情頁,加載的是兩個合並後的JS,兩個加起來的大小是465KB




區別在於,第一種情況,因為商品列表頁和詳情頁頭部加載的外置JS不同,根據原生合並的原理,需要各自生成一個合並後的js文件,也就是說,從列表頁進入詳情頁,這個465KB的js文件需要重新加載。第二種情況,雖然表麵上看起來需要加載兩個js文件,多了一次請求數,但因為通過智能合並,會發現360KB的那個JS跟列表頁使用的合並後JS是同一個,也就是說在用戶從列表頁進入詳情頁時,瀏覽器已經緩存過了這個360KB的JS文件,詳情頁需要重新加載的隻有那個105KB的JS文件,事實上的效率要高於第一種情況。

更詳細的分析見上一篇博客 :WHY YOU SHOULDN'T MERGE JAVASCRIPT IN MAGENTO



最後更新:2017-04-03 16:49:07

  上一篇:go 一位好的CEO需要征服的4個方向
  下一篇:go tomcat中jsp引用圖片img的src屬性帶中文路徑無法顯示的解決