Видаляємо версії в завантажених скриптах та стилях WordPress

Якщо вам колись доводилося оптимізувати сайти, напевно, ви користувалися найкращим у своєму роді безкоштовним сервісом — GTmetrix.

У цій статті я не докладно зупинятимуся на можливостях GTmetrix. Зазначу лише, що сервіс надає дуже корисну інформацію щодо роботи сайтів, яка реально допомагає в їхній оптимізації.

GTmetrix настільки крутий, що має навіть власний плагін для WordPress. Завдяки якому сайт можна протестувати не залишаючи адміністраторської консолі WordPress.

Аналізуючи сайти на WordPress, можна помітити, що GTmetrix практично завжди рекомендує видалити строкові запити зі статичних ресурсів.

Remove query strings з статистичних ресурсів

Resources with a «?» в URL-адресі не буде cached by some proxy caching servers. Remove the query string and encode the parameters in URL for the following resources.

Не складно здогадатися, йдеться про змінні, що передаються при завантаженні скриптів та стилів у WordPress. І в цьому не допомагають навіть відомі плагіни кешування: WP Super Cache та W3 Total Cache.

Справді, WordPress передає версію скриптів і стилів, що завантажуються, що може бути корисно для контролю користувальницького кешу під час розробки або налагодження сайту. У бойових умовах це зайве, т.к. багато проксі-серверів просто не кешують запити зі змінними. Тобто всі стилі, що завантажуються, і скрипти не будуть кешуватися в браузері користувача, а будуть при кожному запиті сторінки генеруватися і завантажуватися заново. А це додатковий час завантаження сторінки, додаткове навантаження на сервер, додатковий трафік, нарешті.

Про те, як упоратися з цією проблемою ми сьогодні і поговоримо.

Стемою все просто. Завантаження скриптів у WordPress здійснюється за допомогою функції wp_enqueue_script(), стилів - wp_enqueue_style().

В обох функціях номер версії відповідає параметр$ver. Якщо його немає (а за замовчуванням його немає), то версією буде передаватися поточна версія WordPress. Щоб вимкнути передачу версій, знаходимо всі реєстрації скриптів та стилів уfunctions.php і замість версії просто вказуємоnull.

Якщо скрипти теми підключаються без реєстрації на functions.php, природно, ніякі версії нікуди не передаються.

Спосіб з редагуванням коду теми підійде лише в тому випадку, якщо ви використовуєте неоновлювану або дочірню тему. Тому що при оновленні теми всі внесені зміни у functions.php пропадуть.

Ще одна проблема, з якою можна зіткнутися - це плагіни. Які практично завжди використовують версійність. Звичайно, ніякої мови про внесення змін до їх коду бути не може.

Тому підемо іншим шляхом і створимо два хуки, які приховують версії у всіх зареєстрованих підключеннях скриптів та стилів. Код зазвичай розміщуємо у файліfunctions.php активної теми або у функціональному плагіні, в який ви виносите всі кастомізації. Бо ж виносите? 😉

Якщо з якоїсь причини хуки не спрацюють, можна спробувати скористатися фільтром.

Тепер усі версії у підключеннях скриптів та стилів, які ініціюються в активній темі та плагінах повинні просто зникнути.

Все найновіше та найцікавіше зі світу Вордпрес у моєму Телеграм-каналі. Підписуємось!