Закрыть
Скидки в Webasyst 25–29 ноября 2021

Объединение JS и CSS при финальной генерации html

3

Здравствуйте

Есть идея сделать финальную генерацию JS и CSS файлов при генерации страницы.

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

В режиме Debug объединение файлов отключается - для проведения диагностики и отладки.

Также, надо оценить возможность минификации файлов и inline стилей и скриптов. Это можно делать средствами движка, без какого либо негативного эффекта.

В результате, все сайты на шоп скрипте станут очень быстрыми в работе и загрузке, что конечно же повлияет на финансовый результат деятельности компаний (магазинов).

3 комментария

  • +1
    Алексей Алексей Webasyst 27 ноября 2019 19:21 #

    Приложение https://www.webasyst.ru/store/... позволяет производить часть из этих действий. На разных страницах разный набор скриптов/стилей, поэтому будет очень много таких суммарных и избыточно больших файлов.

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

    • +1
      Сергей Малышкин (SEO) Сергей Малышкин (SEO) 29 ноября 2019 17:13 #

      Здравствуйте, Алексей!

      Настройку кеша, настройку сервера (nginx, php-fpm, mariabd) и прочие возможные настройки мы уже сделали. Осталось только проблема множества скриптов и стилей из плагинов - тут мы никаким образом не можем исправить ситуацию (будет много бесполезной работы, как с приложением, на которое Вы ссылаетесь).

      Приложение по этой ссылке работает с ошибками. Когда есть программный продукт делающий свою задачу, мы готовы его купить. Но при каждом изменении дизайна прогонять мастер этих настроек - это очень неправильно, это дохлая лошадь которую тащат.

      Объединенные файлы должны быть выгружены автоматически при изменении исходных файлов (легко сделать проверку изменений), для каждого из приложений отдельно - движок это легко позволяет делать. Для каждого приложения есть свой дизайн и плагины, по этому нужно разделение на приложения. Inline коды тоже остаются, но сжатые.

      Про HTTP2 глупость ниже написана. Как говорится, услышал звон, да не знаю где он. Подробные тесты тут https://css-tricks.com/http2-real-world-performance-test-analysis/ (разница http2 без оптимизации и с оптимизацией в 2.7 раза! при желании можете провести свои тесты). Одно другого не заменяет!

      Чем быстрее сайт работает, тем лучше у него конверсия, надеюсь это не надо аргументировать.

    • +1
      Vaslav24 Vaslav24 28 ноября 2019 05:13 #

      Если я не ошибаюсь, новый стандарт HTTP/2, который всё чаще используется и со временем заменит старый, как раз заточен под огромное количество HTTP соединений к сайту. Предлагаемое объединение при использовании этого стандарта будет наоборот замедлять загрузку.

      Добавить комментарий

      Чтобы добавить комментарий, зарегистрируйтесь или войдите