Автоматичне версіювання файлів CSS і JavaScript — модуль PrestaShop

Чому вітрина магазину все ще показує застарілі стилі

Кеш браузера чудово прискорює сайт — доки ви не зміните CSS або JavaScript і відвідувачі не побачать оновлення. Щоразу очищати кеш Smarty або скидати CCC незручно, а це може негативно впливати на конверсію та Core Web Vitals.

Ідеально працює з Cloudflare та іншими CDN

Часова мітка додається безпосередньо до URL файлу (style.css?ver=20250723145830). Оскільки Cloudflare (і будь-який CDN, що враховує відмінності query string) сприймає кожну версію як новий ресурс, відвідувачі завжди отримують актуальний файл без ручного “Purge Everything”. Додаткові API-запити чи правила Worker не потрібні — високий cache hit-rate зберігається, а оновлення поширюються миттєво.

Як Auto Versioning вирішує проблему

• Автоматично генерує унікальний параметр версії (?ver=20250723145830) для кожного файлу .css і .js у front-office.

• Версія автоматично змінюється, щойно змінюється час модифікації файлу — відразу після кожного SFTP-завантаження або редагування теми.

• Сумісний із режимом Ніколи не перекомпільовувати файли шаблонів і працює навіть тоді, коли CCC (Combine, Compress & Cache) вимкнений — саме це PageSpeed Insights часто віддає перевагу для невеликих модульних файлів.

• Жодних змін у коді: встановили, увімкнули — готово.

• Не додає зовнішніх запитів, зберігає низький TTFB і підтримує multistore.

Переваги для власників магазинів

• Завжди актуальний дизайн – Клієнти бачать найновіші стилі без CTRL + F5.

• Кращі показники PageSpeed – Уникайте штрафу за великі CCC-бандли, зберігаючи ефективність кешування.

• Зручніше для розробників – Забудьте про ручне очищення кешу та зосередьтеся на нових функціях.

Технічні деталі

• Версія модуля: 1.1.1

• Сумісність: PrestaShop 1.7.x, 8.x та 9.x

• Версіювання CSS і JavaScript можна вмикати окремо в налаштуваннях модуля.

• Використовує локальний час модифікації файлу та додає або замінює параметр запиту ver=.

• Працює, коли PrestaShop встановлено в корені домену або в підпапці, наприклад /shop/.

• Віддалені та inline-ресурси пропускаються; наявні query string і фрагменти URL зберігаються.

• Використовує overrides класів PrestaShop для менеджерів CSS і JavaScript; файли ядра не змінюються.

• Підтримує multistore.

Підтримка та оновлення

• 6 місяців оновлень модуля та технічної підтримки включено без додаткової оплати.

• Професійне встановлення доступне як додаткова послуга.

• Також доступний розширений пакет підтримки та оновлень на 12 місяців.

Що містить ZIP

• Папка модуля /sem_cssjsversion/

• Сторінка налаштувань з окремими перемикачами версіювання CSS і JavaScript

• Overrides менеджерів ресурсів, сумісні з PrestaShop 1.7 / 8 / 9

• Upgrade-скрипт і README з примітками щодо встановлення

Changelog
v1.1.1 – Виправлено версіювання у PrestaShop 8.1.x і новіших версіях; покращено безпечне визначення шляхів для підпапок та оновлення встановлених overrides.
v1.1.0 – Додано сумісність із менеджерами ресурсів PrestaShop 1.7 / 8 / 9, підтримку підпапок і безпечну обробку наявних query string.
v1.0.0 – Перший реліз.