Как уменьшить файлы JavaScript в Magento?

Question

Я новичок в 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 

Что бы лучший подход, чтобы очистить этот список для того, чтобы сохранить функциональность при одновременном снижении запроса и загрузка?

Answer 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, но пишите его полностью, потому что прототип также использует его, и иногда он создает проблемы. Будут некоторые проблемы, которые вы должны попытаться исправить. Иногда это просто добавление; до конца файла или функции.

Затем я попытался выяснить, какой код нужен, а что нет, поэтому я мог бы удалить некоторые из них.

Answer 2

Magento Встроено обеспечивают это вещи

Войти админка

Гото System->configuration->Advanced->Developer->JavaScript Settings и установить Merge JavaScript Files в yes

Вы можете сделать то же самое для CSS, и вы увидите очень мало запрос на веб-странице