Я новичок в Magento, но работаю в области веб-разработки уже несколько лет.

Моя цель - оптимизировать существующую установку 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

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

3
merlin 24 Дек 2016 в 15:23
Задают этот вопрос для magento 1.x или magento 2.x
 – 
Murtuza Zabuawala
26 Дек 2016 в 10:01
Это Magento 1.9.2
 – 
merlin
26 Дек 2016 в 10:02

2 ответа

Для начала я вижу, что вы загружаете 2 версии jQuery jquery-1.12.3.min.js и jquery.easing.1.3.min.js

Что я сделал, так это объединил файлы javascript с настройками конфигурации, как вы сказали, и использовал jQuery.noConflict () https://api.jquery.com/jquery.noconflict/. Не используйте знак $ (доллар) для использования jQuery, а пишите его полностью, потому что прототип также использует его, и это иногда создает проблемы. Возникнут некоторые проблемы, которые вы должны попытаться исправить. Иногда просто добавляется; в конец файла или функции.

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

-1
Stijn Duynslaeger - Echron 24 Дек 2016 в 15:42

Magento Inbuilt предоставляет это

Вход в админ-панель

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

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

-1
Murtuza Zabuawala 26 Дек 2016 в 10:06