Как принудительно обновить js и css-файлы в WordPress, закешированные в браузере пользователя

Сегодня разберёмся как принудительно обновить js и css-файлы в WordPress, закешированные в браузере пользователя.

Видеоверсия

При первом обращении к сайту браузер пользователя помещает полученные js и css файлы в кеш. При повторных посещениях закешированные файлы не запрашиваются с сервера.

Обновление закешированных файлов происходит с определённой периодичностью, заданной в настройках сервера. Этот интервал не связан с изменением самих файлов.

Соответственно, после изменений файлов на сервере, пользователи всё ещё будут видеть устаревшую версию файлов, пока не произойдет обновление, либо они вручную не очистят кеш браузера.

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

Каждый раз изменять версию файла вручную довольно хлопотно, лучше делать это автоматизированно. Для этого добавим обертки для стандартных функций подключения js и css файлов в WordPress в файл functions.php активной темы.

Подключим необходимые файлы через новые функции.

В коде страницы это будет выглядит, примерно, так:

Теперь посетители будут сразу видеть изменения на сайте без необходимости очищать кеш браузера.