Я новичок в 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
Как лучше всего очистить этот список, чтобы сохранить функциональность при уменьшении количества запросов и нагрузки?
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, а пишите его полностью, потому что прототип также использует его, и это иногда создает проблемы. Возникнут некоторые проблемы, которые вы должны попытаться исправить. Иногда просто добавляется; в конец файла или функции.
Затем я попытался выяснить, какой код нужен, а какой нет, чтобы удалить часть из них.
Magento Inbuilt предоставляет это
Вход в админ-панель
Goto System->configuration->Advanced->Developer->JavaScript Settings
и установите Merge JavaScript Files
на yes
Вы можете сделать то же самое для css, и вы увидите очень мало запросов на своей веб-странице.
Похожие вопросы
Новые вопросы
javascript
По вопросам программирования на ECMAScript (JavaScript/JS) и его различных диалектах/реализациях (кроме ActionScript). Имейте в виду, что JavaScript — это НЕ то же самое, что Java! Включите все ярлыки, относящиеся к вашему вопросу; например, [node.js], [jQuery], [JSON], [ReactJS], [angular], [ember.js], [vue.js], [typescript], [svelte] и т. д.