Обновление кэшированного файла стилей.

Как заставить браузер вовремя обновлять кэшированный файл стилей?

Здравствуйте, дорогие читатели! Сегодняшний пост будет посвящен одной проблеме, которая возникает при кэшировании файла стилей вашей текущей темы браузером посетителя.

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

Иногда такая ситуация приводит к тому что внесенные изменения не видят и ваши потенциальные клиенты при посещении вашего сайта, а это не есть хорошо, и может привести к потерям клиентов, денег или времени.

Решить эту проблему можно очень простым способом. Открываем файл header.php вашей текущей темы и находим в нем код похожий на этот:

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

<?php bloginfo(‘stylesheet_url’); ?> — этот код вставляет ссылку на CSS-файл(файл стилей) темы. Сразу же после него нужно вставить вот такой код:

<?php echo filemtime(TEMPLATEPATH . '/style.css') ?>

У вас должно получиться вот так:

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>?<?php echo filemtime(TEMPLATEPATH . '/style.css') ?>" type="text/css" media="screen" />

Если у вас в файле header.php прописан конкретный код, то есть уже указана ссылка на файл стилей, тогда вам надо вставит вот такой код:

<link rel="stylesheet" href="http://sitename.ru/wp-content/themes/default/style.css?<?php echo filemtime('http://sitename.ru/wp-content/themes/default/style.css') ?>" type="text/css" media="screen" />

Тоже самое можно сделать и с файлами скриптов (JavaScript), которые у вас подключены в файле header.php

После применения вышеуказанного кода, путь к файлу стилей вместо изначального вида:

http://путь_к_файлу/style.css

Будет выглядеть следующим образом:

http://путь_к_файлу/style.css?1243581957.

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

На сегодня все. Уверен что эта информация будет вам полезной.

Удачи вам и процветания!

Автор - Александр

Меня зовут Александр.
Я Вебмастер и SEO — специалист по созданию и продвижению сайтов на WordPress.
В профессиональном интернет-маркетинге c 2007 года. Основные направления: создание и продвижение web-проектов в российском сегменте интернет. Специализация: создание сайтов и их комплексное продвижение, внутренняя оптимизация, внешняя оптимизация, трафиковое продвижение, контентное продвижение...

Связаться со мной >>