如何減少Magento中的JavaScript文件？

我是Magento的新手，但現在在webdev工作了好幾年。如何減少Magento中的JavaScript文件？

我的目標是在速度方面優化現有的Magento安裝。

查看此安裝中使用的所有JS和CSS文件，我的第一件事是組合這些文件或更好地減少所用模塊的數量。我知道配置菜單中的「組合文件」功能，但這確實會導致jQuery和原型之間的衝突，這就是爲什麼我要先了解使用哪種類型的框架/模塊等。

這是需要通過此安裝的網頁上的所有JS-文件的列表：

jquery-1.12.3.min.js 
    prototype.js 
    ccard.js 
    validation.js 
    builder.js 
    effects.js 
    dragdrop.js 
    controls.js 
    slider.js 
    js.js 
    form.js 
    script.js 
    menu.js 
    translate.js 
    cookies.js 
    func.js 
    jquery.easing.1.3.min.js 
    efects.js 
    jquery-1.11.0.min.js 
    jquery-migrate-1.2.1.min.js 
    jquery.noconflict.js 
    swiper.min.js 
    jquery.easing.js 
    jquery.scrollTo.min.js 
    jquery.global.js 
    remodal.min.js 
    jquery.themepunch.tools.min.js 
    jquery.themepunch.revolution.min.js 
    easyzoom.js 
    ios-orientationchange-fix.js 
    jquery.swipebox.min.js 
    jquery.themepunch.plugins.min.js 
    jquery.themepunch.revolution.js 
    jquery.slider.js 
    jquery.selectbox.js 
    jquery.bxslider.min.js 
    jquery.tweet.js 
    cookieconsent.min.js 
    gtm.js?id=GTM-5W7V6F 
    analytics.js 
    ec.js

什麼是清理這一名單，以保持功能，同時降低要求和負載的最佳方法？

來源

2016-12-24 merlin

問這個問題的magento 1.x或magento 2.x –

這是Magento 1.9.2 – merlin

-1

對於初學者來說，我看到您加載2個版本的jQuery jQuery的1.12.3.min.js和jquery.easing.1.3.min.js

我所做的是與配置相結合的JavaScript文件像你說的設置，並使用jQuery.noConflict（）https://api.jquery.com/jquery.noconflict/。不要使用$（美元）符號來使用jQuery，而是完全寫出它，因爲原型也會使用它，並且它有時會產生問題。會有一些問題需要您嘗試解決。有時它只是添加一個;到文件或功能的末尾。

然後，我試圖找出需要什麼代碼，什麼不是，所以我可以刪除一些代碼。

來源

2016-12-24 12:42:53 Echron

-1

Magento的內置提供這種事情

登錄管理面板

轉到System->configuration->Advanced->Developer->JavaScript Settings並設置Merge JavaScript Files到yes

您可以對CSS做同樣的，你會在你的網頁看到很少的請求

來源

2016-12-26 07:06:01

如何減少Magento中的JavaScript文件？

回答

相關問題