ГлавнаяВёрстка WordPress › Как очистить кэш браузера на стороне пользователя?


Как очистить кэш браузера на стороне пользователя?


Очистка кэша браузера

Доброго времени суток, всем друзьям и читателям – Sozdaiblog.ru!

Недавно, я нашёл очень интересный хак для WordPress, придуманный забугорными программистами.

С помощью этого хака (хаки wordpress), осуществляется автоматическая очистка кэша браузера на стороне пользователя.

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

Нет, друзья, крыша моя хоть и худая, но пока стоит на месте.

Ладно, не буду Вас томить и расскажу весь смысл этой затеи.

 

Зачем делать очистку кэша браузера на стороне пользователя

В каждом шаблоне или теме WordPress (как установить шаблон на WordPress), есть файл – «style css», который предаёт стили различным элементам Вашего ресурса (цвет, размер, позиционирование).

Многие из нас, любят играться со стилями своих сайтов, то цвет фона поменяют, то размер шрифта.

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

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

 

Как очистить кэш браузера на стороне пользователя

Практически во всех шаблонах вордпресс, присутствует один и тот же код, который отвечает за изменение отображения CSS стилей в браузере.  Выглядит он так:

 

<link rel="stylesheet" href="http://sozdaiblog.ru/wp-content/themes/Ваш шаблон/style.css" type="text/css" media="screen" />

 

Для очистки кэша браузера пользователя, его нужно заменить новым:

 

<link rel="stylesheet" href="http://sozdaiblog.ru/wp-content/themes/Ваш шаблон/style.css?1324491378" type="text/css" media="screen, projection" />

 

Данный код находится в файле – «header.php», Вашей темы оформления.

Вот такой полезный хак, от забугорных специалистов.

А у Вас были проблемы с очисткой кэша браузера и отображением чужих ресурсов?

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

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

 

 

На сегодня всё, до новых встреч.

С уважением, Денис Черников!




Сделайте, пожалуйста, доброе дело, расскажите о блоге своим друзьям:




67 комментариевА что думаете Вы?

  1. Светлана

    Интересный хак. Нужно будет попробовать сделать. Спасибо за хорошую идею!

    [Ответить]

    Денис Черников ответил:

    Пожалуйста! Применяйте!

    [Ответить]

  2. blogrub

    Странный мультик :)

    [Ответить]

    Денис Черников ответил:

    Прикольный!

    [Ответить]

  3. Владимир Фесюк

    Денис, Вы настоящий друг — это очень актуальная темка.

    Только есть вопросики: Это изменение надо оставить навсегда? И какой может быть негатив сразу и в перспективе, Вы не анализировали? (В смысле: куки будут же постоянно удаляться.)

    [Ответить]

    Денис Черников ответил:

    У меня, всё работает отлично! Куки на месте!

    [Ответить]

  4. Анастасия

    О, у меня постоянно с этим проблемы! Часто посетители пишут, что там что-то криво отображается, то там косо... А стоит им обновить страницу или почистить кэш — и все, проблемы нет. Спасибо за хак, пошла ставить на блог :)

    [Ответить]

    Денис Черников ответил:

    Пожалуйста, Анастасия! Не расстраивайте своих читателей! Заходите в гости!

    [Ответить]

    Анастасия ответил:

    Постараюсь не расстраивать :) Спасибо))

    еще вопрос — ссылка в комментах — это плагин какой-то? или тоже хак?

    [Ответить]

    Денис Черников ответил:

    Рад был помочь!

    [Ответить]

    Анастасия ответил:

    Недавно узнала, что теперь у моих посетителей очень медленно подгружается сайт. Начали жаловаться. Вот думаю, не могло это быть вызвано этим хаком? Ведь раньше жалоб не было. Да и логично — теперь у них постоянно чистится кэш и надо ждать, пока весь сайт каждый раз загрузится заново... Все сервисы проверки скорости показывают, конечно, не вихрь, но 2-3 секунды. Это вряд ли можно назвать «Очень долго, не дождалась».

    [Ответить]

    Денис Черников ответил:

    Анастасия, не стоит паниковать. Чистятся только файлы стилей (CSS) и то, если Вы меняли их. Всё остальное подгружается в обычном режиме и ничего не удаляется. Поэтому, многие жалобы пользователей не обоснованы, потому-что ни кто не хочет искать проблемы у себя. Может у них скорость интернета маленькая, может они сами весь кэш вычистили и теперь Ваш сайт кэшируется заново, может браузер плохой, может у них десять окон других сайтов открыто и они в этот момент Ваш загружают. Здесь проблем может быть куча. Исходя из этого, говорю, не паникуйте. Если Вы знаете, что Ваш ресурс грузиться 2-3 секунды, то не заморачивайтесь, всегда найдутся те, кто вечно всем не доволен!

    Анастасия ответил:

    Денис, я понимаю, что недовольные всегда есть. Просто вдруг сразу несколько человек пожаловались, я и задумалась — чем может быть вызвано. Раз раньше жалоб не было. Может и браузер их, потому что по-моему все с ФФ заходили.

    Паниковать не буду :) Спасибо)))

    [Ответить]

    Денис Черников ответил:

    Может сервер в этот момент висел, поэтому была массовая посадка скорости. Причин, море! Пожалуйста!:)

  5. Надежда

    Спасибо Денис за полезную информацию. У меня тоже были случаи, когда писали посетители, что чо-то не так отображается. Я все хотела статью написать, для чего нужно чистить кэш браузера, да немного замоталась. Ладно, беру на заметку, сделаю. Денис, у меня последнее время почему-то не чистится кэш веб — содержимого. Сейчас у меня там висит 287 КБ, жму очистить остается 283 КБ. Можно мне пожалуйста подсказочку?

    [Ответить]

    Денис Черников ответил:

    Пожалуйста, Надежда! А что у Вас за браузер?

    [Ответить]

    Надежда ответил:

    Я работаю в основном в Мазилле Денис. В Хроме хожу по забугорным сайтам.

    [Ответить]

    Денис Черников ответил:

    Странно, Надежда! В мозиле кэш чистится полностью, проблем не бывает, может какие дополнения или плагины стоят, которые мешают, проверьте дополнения! Хотя, думаю это бредовая идея, но мало ли!

    [Ответить]

    Надежда ответил:

    Денис!!!!!!!!!!!! Все почистила Ccleaner- си клинеркой. Теперь все по нулям. Ни фига я запарилась... забыла про свою чистюлю. Справилась однако сама.

    [Ответить]

    Денис Черников ответил:

    Молодцом!

    [Ответить]

    Надежда ответил:

    Точно Денис, Ваше предположение верное. После установки одного расширения я заметила эту ерунду, что кэш перестал чиститься полностью. Чистила за несколько приемов. Зато Клинерка какая молодец! Спасибо разработчикам.

    [Ответить]

    Денис Черников ответил:

    Да уж! Даже самые бредовые идеи, порой оказываются лучшим решением!

    [Ответить]

  6. Алексей

    А кэш весь чистится, или только файл style.css? Наверное есть смысл оставлять такой хак на несколько дней, пока у всех не подчистится и снимать его следующих глобальных изменений.

    [Ответить]

    Денис Черников ответил:

    Чистятся CSS стили! Почему на время, пусть стоит в всегда!

    [Ответить]

    Алексей ответил:

    если оставить навсегда, то упадёт рейтинг скорости загрузки сайта. Незначительно но всё же style.css весит около 50 Кб

    [Ответить]

    Денис Черников ответил:

    Скажите, Алексей, где Вы всегда берёте такие негативные объяснения всех новшеств применяемых на блоге? С чего Вы взяли, что должна упасть скорость? Откуда, Вы всё это берёте?

    [Ответить]

  7. Алексей

    Денис, вы чего? никакого негатива, просто размышления.

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

    [Ответить]

    Денис Черников ответил:

    А, при чём тут этот хак? Он даёт возможность кэшировать страницы, даже наоборот, помогает их пересохранять обновляя параметры. Это всё равно, что Вы загружаете мою новую статью, её ведь нет у Вас в кэше и вы её подгружаете с ноля, получается, что статья загружается дольше. Но, как Вы сами заметили, размер ничтожно мал и никаких потерь в скорости гугл даже не заметит.

    Возьмите к примеру, любую площадку в интернете на которой можно бесплатно делать блоги, например — «Лайвинтернет». Там тысячи блогов и все люди постоянно меняют дизайн, цвет и всю остальную ерунду! Получается, что эта площадка должна быть самой тормозной в интернете и гугл должен её вообще не показывать из-за тормозов. Но посмотрите, она просто летает и имеет бешеную популярность! Теперь подумайте, могут ли быть проблемы от нашей крохотули!

    [Ответить]

  8. Алексей

    я не буду спорить, т.к. просто высказал своё мнение. Возможно эта мелочь сама по себе ни на что не повлияет, но мелочь на мелочь...

    [Ответить]

    Денис Черников ответил:

    Да мы не спорим Алексей, просто не стоит искать проблемы там, где их быть не может! Думаю, любая новая картинка на блоге, затормозит его в несколько раз сильнее, чем маленький код, к тому-же очень полезный! Не парьтесь, Алексей, я всегда стремлюсь к усовершенствованию своего блога и всякую ерунду ставить не буду, тем более предлагать её читателям!

    [Ответить]

  9. Stas

    Ну это классика и принцип аккуратности — очищать куки, это как уборка в квартире.

    [Ответить]

    Денис Черников ответил:

    Верно, чистота залог здоровья!)

    [Ответить]

  10. Вячеслав

    Автор прав. Безопасность в сети — должна быть на первом месте.

    [Ответить]

    Денис Черников ответил:

    Спасибо за поддержку!

    [Ответить]

  11. Артур

    А вы проверяли этот метод очистки? Ставлю это в код, стираю всё содержимое файла стилей. Захожу на сайт и спокойно хожу по нему в трех браузерах — safari, chrome, faerfox. До обновления страницы ничего не изменяется. Более того эти жуки (браузеры) даже файл header.php не обновляют сами, а держат закешированным. Может быть именно в этом проблема? А как узнать? Может есть способ заставить на стороне пользователя обновить ещё и header.php?

    [Ответить]

    Денис Черников ответил:

    Да, Артур, есть такое дело, но не в коде проблема, а в плагинах кэширования, сервере и многом другом!

    К примеру, если Вы читали мою статью об ускорении — sozdaiblog.ru/optimizatsi... -cloudflare.html, то к примеру если я весь свой блог разберу по винтику, этот сервис без проблем будет показывать всем читателям главную страницу, как ни в чём не бывало. Это сделано специально на случай сбоев. А к примеру если я вношу изменения в админке блога и захожу на главную страницу, то пока я не удалю кэш браузера, плагина кэширования и всей остальной бяки ни чего не видно, как будто я не вносил ни каких изменений!

    Поэтому, код тут не причём, он давно протестирован забугорными программистами, кстати это их блестящая идея.

    Возможно, Вы должны находиться на другом ip адресе чтобы это проверить.

    [Ответить]

  12. Артур

    Нет, дело не в header.php. Сразу не догадался проверить это. Вообщем у меня стили обновления в вордпрессе не работают. Не знаю чему все радуются, неужели у других работает или все взяли на веру?

    [Ответить]

    Денис Черников ответил:

    Лично я, вносил в CSS изменения, а потом приходил на работу и с местного компьютера открывал свой блог, все изменения уже отображались!

    [Ответить]

  13. Артур

    Денис, может быть вы до этого не заходили с этого компьютера на сайт, поэтому отобразился новый стиль? Я видел на зарубежных сайтах все тоже только восторгаются. Но я сомневаюсь, что большинство проверили. Иначе я не понимаю.

    У меня последняя версия вордпресс, все как нужно, адрес заканчивается так — style.css?12345678, даже прожекшен не забыл — media="screen, projection". А толку ноль.

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

    [Ответить]

    Денис Черников ответил:

    Артур, Вы только что доказали, что всё работает! Если у Вас — style.css?12345678, то в этой статье цифры другие — style.css?1324491378! При обновлении кэша, код генерируется автоматически. Если он у Вас уже Выглядит по другому, значит он сработал и сгенерировал в кэш новый стиль. Если Вы читали буржуев, то у них про это целые статьи есть. Но, что у Вас с отображением знать не могу.

    С рабочего компа, я захожу каждый день!

    [Ответить]

  14. Артур

    А-а-а-а!!!! Денис, огромное спасибо, что потратили на меня время! Вот, блин. Как же так я умудрился сделать, не понимаю. Статью нашел у вас, а код взял здесь — http: //markjaquith.wordpress.com/2009/05/04/force-css-changes-to-go-live-immediately/ . А цифры на конце — ?12345678 — вообще ничего не делают. Поставил новые цифры, указанные у вас, даже не обновил страницу, а перешел просто по ссылке, как все обновилось! Я беру свои слова обратно. Вам огромнейший поклон. Спасибо! Как же я рад! ))

    [Ответить]

    Денис Черников ответил:

    Замечательно, Артур!

    Вот и разобрались, всё работает!

    [Ответить]

  15. Артур

    На всех других браузерах попробовал, включая айфон — всё обновляется.

    [Ответить]

    Денис Черников ответил:

    Это же COOL!)

    [Ответить]

  16. Артур

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

    [Ответить]

    Денис Черников ответил:

    Может и у них работают эти волшебные цифры, но у меня мои пашут! Рад, что у Вас всё получилось и срослось! Приходите ещё!

    [Ответить]

  17. Антон

    Денис, подскажите) Искал в редакторе в админке по всем шаблонам, так и не нашел указанной строки в этой статье. Не понимаю что не так. Может быть такое, что в моей теме этой строчки просто нет? Я не нашел строки с адресом своего блога...

    [Ответить]

    Денис Черников ответил:

    Антон,смотрите в исходном коде сайта. Она находится у Вас сразу после — title Простобери — сайт о бизнесе: книги, фильмы, советы, тематические статьи и новости title.

    [Ответить]

    Антон ответил:

    Спасибо Денис, вы подтолкнули меня к решению этого вопроса!) Но в редакторе у меня не показывал весь код, в админке. Я решил вопрос другим путем, очень интересным, даже небольшой мануал захотелось написать )) Метод универсальный, им и ссылки вырезать можно вшитые от всяких плагинов))

    [Ответить]

    Денис Черников ответил:

    Пожалуйста, Антон! Как это у Вас не показывался код? Он просто обязан быть там! Напишите, что там у Вас за метод такой!

    [Ответить]

  18. Елена

    Денис,в моей теме тоже нет этой строчки в редакторе «header.php», в исходном коде страницы нашла. Попробовала вставить в редакторе между открывающим и закрывающим <head перекосило все.Не могу понять куда же вставить код? Очень бы хотелось его использовать.

    [Ответить]

    Денис Черников ответил:

    Елена, ищите код, в котором присутствует «CSS». Если такого нет, то у Вас шаблон не для WordPress.

    [Ответить]

  19. Елена

    Денис, пожалуйста объясните. Сегодня у меня был открыт мой сайт, но смотрела другие. Вернувшись на свой сайт, я обнаружила, что все удаленные когда-то плагины вернулись. Как такое может быть?

    [Ответить]

    Денис Черников ответил:

    Елена, такого быть не может. Если Вы их удалили, то по щучьему велению они не появятся. Понаблюдайте внимательней за всем происходящим!

    [Ответить]

  20. Alex

    Денис, пробовал ставить различные цифры после style.css?

    Но произведенные на сайте изменения все равно видны только после нажатия f5 (((

    В чем моя ошибка?

    [Ответить]

    Денис Черников ответил:

    А после каких манипуляций должны быть видны изменения? Этот способ только для стилей.

    [Ответить]

  21. Регина

    Это то что было нужно!!! Как всегда спасибо!

    [Ответить]

    Денис Черников ответил:

    Пожалуйста!

    [Ответить]

  22. Асе

    Для обновления надо добавить после style.css код ?v=х, где х номер версии вашего обновленного css, может быть любая цифра. к примеру я один раз обновил свои стили и решил дать номер 1 своему стилю получится так: style.css?v=1, после последующего обновления стиля надо снова поменять номер, к примеру style.css?v=2, и так каждый раз после изменений в style.css

    [Ответить]

    Денис Черников ответил:

    Ничего менять не нужно, должно работать само!

    [Ответить]

  23. Данил

    Здравствуйте, Денис!

    У меня такая проблема: прописал в htaccess кеширование и теперь при изменении страницы браузер показывает старую версию, пока принудительно не обновишь кэш.

    Как это можно исправить?

    Спасибо!

    [Ответить]

    Денис Черников ответил:

    Здравствуйте, Даниил!

    Если Вы имеете ввиду что при изменения стилей Вы не видите сразу изменений, то так у всех!

    [Ответить]

  24. Вова

    ЧТо за ерунда

    нужно корректно подколючать стили через wp_eneque и никаких проблем с кэшированием не будет

    [Ответить]

    Денис Черников ответил:

    Что значит корректно? Этот метод советуют забугорные разработчики, не лично я!

    [Ответить]

  25. Вова

    Денис Вы же пишете про WordPress

    так ищите правильно советы)

    function twentytwelve_scripts_styles () {

    global $wp_styles;

    wp_enqueue_style ( 'twentytwelve-style', get_stylesheet_uri () );

    }

    add_action ( 'wp_enqueue_scripts', 'twentytwelve_scripts_styles' );

    и никакого кэширования браузером нет

    пс. естественно в header.php должен присутствовать wp_head () и линк подклчения стилей нужно убрать

    пс2. то что написал я корректно, а то что предлагают буржуи — костыль не для wp

    удачи всем

    [Ответить]

    Денис Черников ответил:

    Владимир, этот способ был предоставлен разработчиками WordPress, а в частности человеком по имени Mark Jaquith! Вот ссылка, посмотрите, http: //markjaquith.wordpress.com/2009/05/04/force-css-changes-to-go-live-immediately. Человек вроде не глупый! Но и Вам спасибо, чем больше информации по данному вопросу, тем лучше!

    [Ответить]

  26. Евгений

    Денис здравствуйте!

    Заменил во втором коде имя домена и название темы на свои, вставил код, но изменений к сожалению не увидел( Подскажите что то еще в коде нужно менять?

    [Ответить]

Оставить комментарий!

Вверх