如何减少 Magento 中的 JavaScript 文件？答案

【问题标题】：How to reduce JavaScript Files in Magento?如何减少 Magento 中的 JavaScript 文件？
【发布时间】：2017-05-09 20:31:46
【问题描述】：

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

我的目标是在速度方面优化现有的 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

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

【问题讨论】：

针对 magento 1.x 或 magento 2.x 提出这个问题
这是 Magento 1.9.2

标签： javascript jquery magento optimization

【解决方案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，而是完整地编写它，因为原型也使用它并且有时会产生问题。会有一些你应该尝试解决的问题。有时它只是添加一个 ;到文件或函数的末尾。

然后我试图弄清楚需要哪些代码，哪些不需要，所以我可以删除一些代码。

【讨论】：

【解决方案2】：

Magento Inbuilt 提供了这个东西

登录管理面板

转到System->configuration->Advanced->Developer->JavaScript Settings 并将Merge JavaScript Files 设置为yes

你可以对 css 做同样的事情，你会在你的网页中看到很少的请求

【讨论】：