Доброго времени суток, всем друзьям и читателям – Sozdaiblog.ru!
Недавно, я нашёл очень интересный хак для WordPress, придуманный забугорными программистами.
С помощью этого хака (хаки wordpress), осуществляется автоматическая очистка кэша браузера на стороне пользователя.
Я уверен, многие подумают, что у меня от жары поехала крыша. Зачем это нам, делать очистку кэша браузера, да ещё у посторонних людей.
Нет, друзья, крыша моя хоть и худая, но пока стоит на месте.
Ладно, не буду Вас томить и расскажу весь смысл этой затеи.
Зачем делать очистку кэша браузера на стороне пользователя
В каждом шаблоне или теме WordPress (как установить шаблон на WordPress), есть файл – «style css», который предаёт стили различным элементам Вашего ресурса (цвет, размер, позиционирование).
Многие из нас, любят играться со стилями своих сайтов, то цвет фона поменяют, то размер шрифта.
Но не многие знают, что пока Ваш читатель не сделает очистку кэша браузера, он не увидит всю ту красоту, которую Вы сделали. У него по-прежнему будет отображаться старая картинка Вашего ресурса, без видимых изменений.
Лично я, много раз сталкивался с тем, что люди не видят каких-то элементов, которые я описываю в статьях, и жалуются на это в комментариях. Но в этом нет моей вины, просто не все делают очистку кэша браузера, а кто-то и вообще не знает про эту необходимость.
Как очистить кэш браузера на стороне пользователя
Практически во всех шаблонах вордпресс, присутствует один и тот же код, который отвечает за изменение отображения CSS стилей в браузере. Выглядит он так:
<link rel="stylesheet" href="https://sozdaiblog.ru/wp-content/themes/Ваш шаблон/style.css" type="text/css" media="screen" />
Для очистки кэша браузера пользователя, его нужно заменить новым:
<link rel="stylesheet" href="https://sozdaiblog.ru/wp-content/themes/Ваш шаблон/style.css?1324491378" type="text/css" media="screen, projection" />
Данный код находится в файле – «header.php», Вашей темы оформления.
Вот такой полезный хак, от забугорных специалистов.
А у Вас были проблемы с очисткой кэша браузера и отображением чужих ресурсов?
Для всех своих читателей я припас много различных хаков, чтобы о них узнать, подписывайтесь на обновление блога и получайте уведомления о выходе описания нового хака на свою электронную почту.
Пока я пишу новые статьи, предлагаю не терять время и изучать следующий материал:
На сегодня всё, до новых встреч.
С уважением, Денис Черников!
- Аутсорсинговая компания что это такое простыми словами
- Экспертный обзор плагина Expert Review от WPShop: рейтинги, FAQ, лайки, рецензии и эксперты
-
7 продуктивных советов для блогеров
-
Как в Photoshop создать красивую 3D коробку?
-
Монетизация сайта. Как привлечь прямых Рекламодателей?
- Фриланс что это такое простыми словами отзывы
- Nps что это простыми словами
-
Как создать блог на WordPress: шаг за шагом
-
Введение в работу с REST API WordPress
- Цена это кратко простыми словами
Интересный хак. Нужно будет попробовать сделать. Спасибо за хорошую идею!
Пожалуйста! Применяйте!
Странный мультик
Прикольный!
Денис, Вы настоящий друг — это очень актуальная темка.
Только есть вопросики: Это изменение надо оставить навсегда? И какой может быть негатив сразу и в перспективе, Вы не анализировали? (В смысле: куки будут же постоянно удаляться.)
У меня, всё работает отлично! Куки на месте!
О, у меня постоянно с этим проблемы! Часто посетители пишут, что там что-то криво отображается, то там косо… А стоит им обновить страницу или почистить кэш — и все, проблемы нет. Спасибо за хак, пошла ставить на блог
Пожалуйста, Анастасия! Не расстраивайте своих читателей! Заходите в гости!
Постараюсь не расстраивать Спасибо))
еще вопрос — ссылка в комментах — это плагин какой-то? или тоже хак?
Рад был помочь!
Недавно узнала, что теперь у моих посетителей очень медленно подгружается сайт. Начали жаловаться. Вот думаю, не могло это быть вызвано этим хаком? Ведь раньше жалоб не было. Да и логично — теперь у них постоянно чистится кэш и надо ждать, пока весь сайт каждый раз загрузится заново… Все сервисы проверки скорости показывают, конечно, не вихрь, но 2-3 секунды. Это вряд ли можно назвать «Очень долго, не дождалась».
Анастасия, не стоит паниковать. Чистятся только файлы стилей (CSS) и то, если Вы меняли их. Всё остальное подгружается в обычном режиме и ничего не удаляется. Поэтому, многие жалобы пользователей не обоснованы, потому-что ни кто не хочет искать проблемы у себя. Может у них скорость интернета маленькая, может они сами весь кэш вычистили и теперь Ваш сайт кэшируется заново, может браузер плохой, может у них десять окон других сайтов открыто и они в этот момент Ваш загружают. Здесь проблем может быть куча. Исходя из этого, говорю, не паникуйте. Если Вы знаете, что Ваш ресурс грузиться 2-3 секунды, то не заморачивайтесь, всегда найдутся те, кто вечно всем не доволен!
Денис, я понимаю, что недовольные всегда есть. Просто вдруг сразу несколько человек пожаловались, я и задумалась — чем может быть вызвано. Раз раньше жалоб не было. Может и браузер их, потому что по-моему все с ФФ заходили.
Паниковать не буду Спасибо)))
Может сервер в этот момент висел, поэтому была массовая посадка скорости. Причин, море! Пожалуйста!:)
Спасибо Денис за полезную информацию. У меня тоже были случаи, когда писали посетители, что чо-то не так отображается. Я все хотела статью написать, для чего нужно чистить кэш браузера, да немного замоталась. Ладно, беру на заметку, сделаю. Денис, у меня последнее время почему-то не чистится кэш веб — содержимого. Сейчас у меня там висит 287 КБ, жму очистить остается 283 КБ. Можно мне пожалуйста подсказочку?
Пожалуйста, Надежда! А что у Вас за браузер?
Я работаю в основном в Мазилле Денис. В Хроме хожу по забугорным сайтам.
Странно, Надежда! В мозиле кэш чистится полностью, проблем не бывает, может какие дополнения или плагины стоят, которые мешают, проверьте дополнения! Хотя, думаю это бредовая идея, но мало ли!
Денис!!!!!!!!!!!! Все почистила Ccleaner- си клинеркой. Теперь все по нулям. Ни фига я запарилась… забыла про свою чистюлю. Справилась однако сама.
Молодцом!
Точно Денис, Ваше предположение верное. После установки одного расширения я заметила эту ерунду, что кэш перестал чиститься полностью. Чистила за несколько приемов. Зато Клинерка какая молодец! Спасибо разработчикам.
Да уж! Даже самые бредовые идеи, порой оказываются лучшим решением!
А кэш весь чистится, или только файл style.css? Наверное есть смысл оставлять такой хак на несколько дней, пока у всех не подчистится и снимать его следующих глобальных изменений.
Чистятся CSS стили! Почему на время, пусть стоит в всегда!
если оставить навсегда, то упадёт рейтинг скорости загрузки сайта. Незначительно но всё же style.css весит около 50 Кб
Скажите, Алексей, где Вы всегда берёте такие негативные объяснения всех новшеств применяемых на блоге? С чего Вы взяли, что должна упасть скорость? Откуда, Вы всё это берёте?
Денис, вы чего? никакого негатива, просто размышления.
Сервисы измерения рейтинга скорости загрузки сайта, например gtmetrix, учитывают возможность кэширования сайта, и сильно занижают рейтинг, когда какие-то части не кэшируются. А гугл учитывает этот показатель в выдаче, вот и всё. Я просто сопоставляю возможные проблемы и выгоды от использования новшеств. Никто же не мешает отключать кэш только на первое время после глобальных изменений, которые происходят честно говоря очень редко.
А, при чём тут этот хак? Он даёт возможность кэшировать страницы, даже наоборот, помогает их пересохранять обновляя параметры. Это всё равно, что Вы загружаете мою новую статью, её ведь нет у Вас в кэше и вы её подгружаете с ноля, получается, что статья загружается дольше. Но, как Вы сами заметили, размер ничтожно мал и никаких потерь в скорости гугл даже не заметит.
Возьмите к примеру, любую площадку в интернете на которой можно бесплатно делать блоги, например — «Лайвинтернет». Там тысячи блогов и все люди постоянно меняют дизайн, цвет и всю остальную ерунду! Получается, что эта площадка должна быть самой тормозной в интернете и гугл должен её вообще не показывать из-за тормозов. Но посмотрите, она просто летает и имеет бешеную популярность! Теперь подумайте, могут ли быть проблемы от нашей крохотули!
я не буду спорить, т.к. просто высказал своё мнение. Возможно эта мелочь сама по себе ни на что не повлияет, но мелочь на мелочь…
Да мы не спорим Алексей, просто не стоит искать проблемы там, где их быть не может! Думаю, любая новая картинка на блоге, затормозит его в несколько раз сильнее, чем маленький код, к тому-же очень полезный! Не парьтесь, Алексей, я всегда стремлюсь к усовершенствованию своего блога и всякую ерунду ставить не буду, тем более предлагать её читателям!
Ну это классика и принцип аккуратности — очищать куки, это как уборка в квартире.
Верно, чистота залог здоровья!)
Автор прав. Безопасность в сети — должна быть на первом месте.
Спасибо за поддержку!
А вы проверяли этот метод очистки? Ставлю это в код, стираю всё содержимое файла стилей. Захожу на сайт и спокойно хожу по нему в трех браузерах — safari, chrome, faerfox. До обновления страницы ничего не изменяется. Более того эти жуки (браузеры) даже файл header.php не обновляют сами, а держат закешированным. Может быть именно в этом проблема? А как узнать? Может есть способ заставить на стороне пользователя обновить ещё и header.php?
Да, Артур, есть такое дело, но не в коде проблема, а в плагинах кэширования, сервере и многом другом!
К примеру, если Вы читали мою статью об ускорении — sozdaiblog.ru/optimizatsi… -cloudflare.html, то к примеру если я весь свой блог разберу по винтику, этот сервис без проблем будет показывать всем читателям главную страницу, как ни в чём не бывало. Это сделано специально на случай сбоев. А к примеру если я вношу изменения в админке блога и захожу на главную страницу, то пока я не удалю кэш браузера, плагина кэширования и всей остальной бяки ни чего не видно, как будто я не вносил ни каких изменений!
Поэтому, код тут не причём, он давно протестирован забугорными программистами, кстати это их блестящая идея.
Возможно, Вы должны находиться на другом ip адресе чтобы это проверить.
Нет, дело не в header.php. Сразу не догадался проверить это. Вообщем у меня стили обновления в вордпрессе не работают. Не знаю чему все радуются, неужели у других работает или все взяли на веру?
Лично я, вносил в CSS изменения, а потом приходил на работу и с местного компьютера открывал свой блог, все изменения уже отображались!
Денис, может быть вы до этого не заходили с этого компьютера на сайт, поэтому отобразился новый стиль? Я видел на зарубежных сайтах все тоже только восторгаются. Но я сомневаюсь, что большинство проверили. Иначе я не понимаю.
У меня последняя версия вордпресс, все как нужно, адрес заканчивается так — style.css?12345678, даже прожекшен не забыл — media=”screen, projection”. А толку ноль.
Вот уже 3 дня назад я вновь обновил стили. Каждый раз захожу на сайт, вижу старый стиль, обновляю страницу, вижу новый. Стоит мне закрыть браузер и войти снова на сайт, как я опять вижу старый стиль. Каким-то образом, гугл хром запоминает стили очень жестко. На сафари решил не обновлять страницу, так он через 3 дня видит старый стиль. Только фаерфокс после обновления страницы запомнил новый стиль и не требует повторного обновления. Получается без удаления кэша всё равно не обойтись. Найти бы ещё какое-нибудь решение… К сожалению пока ничего не нашел.
Артур, Вы только что доказали, что всё работает! Если у Вас — style.css?12345678, то в этой статье цифры другие — style.css?1324491378! При обновлении кэша, код генерируется автоматически. Если он у Вас уже Выглядит по другому, значит он сработал и сгенерировал в кэш новый стиль. Если Вы читали буржуев, то у них про это целые статьи есть. Но, что у Вас с отображением знать не могу.
С рабочего компа, я захожу каждый день!
А-а-а-а!!!! Денис, огромное спасибо, что потратили на меня время! Вот, блин. Как же так я умудрился сделать, не понимаю. Статью нашел у вас, а код взял здесь — http: //markjaquith.wordpress.com/2009/05/04/force-css-changes-to-go-live-immediately/ . А цифры на конце — ?12345678 — вообще ничего не делают. Поставил новые цифры, указанные у вас, даже не обновил страницу, а перешел просто по ссылке, как все обновилось! Я беру свои слова обратно. Вам огромнейший поклон. Спасибо! Как же я рад! ))
Замечательно, Артур!
Вот и разобрались, всё работает!
На всех других браузерах попробовал, включая айфон — всё обновляется.
Это же COOL!)
Я даже не вчитывался в английскую статью, а просто скопировал цифры… может быть их предложение тоже работает. Извините, что так много сообщений. Просто эмоции хлещут от радости )
Может и у них работают эти волшебные цифры, но у меня мои пашут! Рад, что у Вас всё получилось и срослось! Приходите ещё!
Денис, подскажите) Искал в редакторе в админке по всем шаблонам, так и не нашел указанной строки в этой статье. Не понимаю что не так. Может быть такое, что в моей теме этой строчки просто нет? Я не нашел строки с адресом своего блога…
Антон,смотрите в исходном коде сайта. Она находится у Вас сразу после — title Простобери — сайт о бизнесе: книги, фильмы, советы, тематические статьи и новости title.
Спасибо Денис, вы подтолкнули меня к решению этого вопроса!) Но в редакторе у меня не показывал весь код, в админке. Я решил вопрос другим путем, очень интересным, даже небольшой мануал захотелось написать )) Метод универсальный, им и ссылки вырезать можно вшитые от всяких плагинов))
Пожалуйста, Антон! Как это у Вас не показывался код? Он просто обязан быть там! Напишите, что там у Вас за метод такой!
Денис,в моей теме тоже нет этой строчки в редакторе «header.php», в исходном коде страницы нашла. Попробовала вставить в редакторе между открывающим и закрывающим
Елена, ищите код, в котором присутствует «CSS». Если такого нет, то у Вас шаблон не для WordPress.
Денис, пожалуйста объясните. Сегодня у меня был открыт мой сайт, но смотрела другие. Вернувшись на свой сайт, я обнаружила, что все удаленные когда-то плагины вернулись. Как такое может быть?
Елена, такого быть не может. Если Вы их удалили, то по щучьему велению они не появятся. Понаблюдайте внимательней за всем происходящим!
Денис, пробовал ставить различные цифры после style.css?
Но произведенные на сайте изменения все равно видны только после нажатия f5 (((
В чем моя ошибка?
А после каких манипуляций должны быть видны изменения? Этот способ только для стилей.
Это то что было нужно!!! Как всегда спасибо!
Пожалуйста!
Для обновления надо добавить после style.css код ?v=х, где х номер версии вашего обновленного css, может быть любая цифра. к примеру я один раз обновил свои стили и решил дать номер 1 своему стилю получится так: style.css?v=1, после последующего обновления стиля надо снова поменять номер, к примеру style.css?v=2, и так каждый раз после изменений в style.css
Ничего менять не нужно, должно работать само!
Здравствуйте, Денис!
У меня такая проблема: прописал в htaccess кеширование и теперь при изменении страницы браузер показывает старую версию, пока принудительно не обновишь кэш.
Как это можно исправить?
Спасибо!
Здравствуйте, Даниил!
Если Вы имеете ввиду что при изменения стилей Вы не видите сразу изменений, то так у всех!
ЧТо за ерунда
нужно корректно подколючать стили через wp_eneque и никаких проблем с кэшированием не будет
Что значит корректно? Этот метод советуют забугорные разработчики, не лично я!
Денис Вы же пишете про 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. Человек вроде не глупый! Но и Вам спасибо, чем больше информации по данному вопросу, тем лучше!
Денис здравствуйте!
Заменил во втором коде имя домена и название темы на свои, вставил код, но изменений к сожалению не увидел( Подскажите что то еще в коде нужно менять?
Стоит плагин All-in-one-seopack… И куда прописывать указанную строчку? Если просто в хедер,то не работает… А изменить то,что выдаёт плагин в код страницы-не представляю,как.Всё перерыл,не нашёл.
Всё,вроде бы,красиво звучит,но… Куда и как добавить эту строку,если она выводится в шапку функцией wp_head ? Простое добавление её в файл header.php НЕ работает.