При объединении CSS или JS для каждого типа страницы создается новый файл
У нас есть много небольших файлов CSS и JS, и включение слияния кажется хорошим выбором.
Многие файлы CSS и JS используются на каждой странице (домашняя страница, страница категории, страница сведений о продукте).
Всякий раз, когда мы видели, что на каждой странице снова загружается другой объединенный файл, даже содержащийся CSS должен перекрываться.
Как мы можем избежать этого и повторно использовать больше данных?
2 answers
Краткий ответ: никогда не включайте функцию слияния JS/CSS Magento. В целом это ухудшает производительность на протяжении всего жизненного цикла типичной проверки, чем отправка каждого актива по отдельности.
Длинный ответ: Вы должны предоставлять пользователям только один файл CSS. Несколько файлов блокируют рендеринг до тех пор, пока не будет загружен весь CSS. Если вы не обслуживаете огромное количество CSS, выгодно отправлять их все сразу, тогда браузер кэширует их. Использование препроцессора, такого как Sass или МЕНЬШЕ может внести этот шаг в ваш процесс сборки вместо того, чтобы позволить Magento делать это неэффективно.
Для JS в идеале вы не должны объединять эти серверные функции. Загрузчики сценариев на стороне клиента, такие как AMD/RequireJS, являются лучшим выбором и помогают управлять зависимостями, чего нет в XML-макете Magento. В реальном мире, однако, Magento сбрасывает скрипты в нескольких точках процесса оформления заказа. Вам все равно лучше выполнить начальную загрузку страницы из нескольких запросов и иметь отдельные, но впоследствии кэшированные активы.
Расширенное расширение Fooman Speedster - ваш лучший выбор для разумного объединения ресурсов без дублирования (сегодня).
Вы несколько ограничены архитектурой Magento 1.x, которая начинается с кучи плохих методов для производительности интерфейса. Нереально изменить курс этого корабля. Внести свой вклад в Magento 2.
Мы использовали расширение Fooman Speedster Magento. Это замечательное расширение, которое обрабатывает объединение CSS и JS файлов для повышения производительности вашей страницы.
Со страницы:
Ускорьте работу вашего магазина, комбинируя, сжимая и кэшируя файлы Javascript и CSS. Fooman Speedster объединяет несколько файлов Javascript и CSS в один файл Javascript и один файл CSS, чтобы ускорить загрузку страниц.