javascript - 如何减少 Magento 中的 JavaScript 文件？

Question

我是 Magento 的新手，但在 webdev 工作了几年了。

我的目标是在速度方面优化现有的 Magento 安装。

查看此安装中使用的所有 JS 和 CSS 文件，我的第一件事是合并这些文件或更好地减少使用的模块数量。我知道配置菜单中的“组合文件”功能，但这确实会导致 jQuery 和原型(prototype)之间的冲突，这就是为什么我试图首先了解使用什么类型的框架/模块等。

这是此安装的主页所需的所有 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

清理此列表以保留功能同时减少请求和负载的最佳方法是什么？

Answer 1

对于初学者，我看到您加载了 2 个版本的 jQueryjquery-1.12.3.min.js 和 jquery.easing.1.3.min.js

我所做的是将 javascript 文件与您所说的配置设置结合起来，并使用 jQuery.noConflict() https://api.jquery.com/jquery.noconflict/ 。不要使用 $(美元)符号来使用 jQuery，而是完整地编写它，因为原型(prototype)也使用它，有时会产生问题。将会出现一些您应该尝试解决的问题。有时只需添加一个 ;到文件或函数的末尾。

然后我尝试找出需要哪些代码以及不需要哪些代码，以便我可以删除其中的一些代码。