サイトのデザイン変更が反映されない時のスーパリロードとキャッシュさせない方法

先週の金曜にGunosyを見ていると「サイトのデザイン変更が反映されない時の対策 | monopocket.jp」という記事が表示されていました。2012年7月19日の記事ということで10ヶ月も前の記事なのに表示されるんだと思いながらも、よさげなブログを知ることができたので、これもGunosyの魅力なのかなと思ったりしました。

cache-css.png

で、記事の内容ですが、HTMLやCSSを変更してもブラウザで見たときに変更が反映されていない、というときの対応法について紹介されています。

HTMLやCSSを変更しても、ブラウザが以前にキャッシュした変更前のファイルを読み込む場合があります。その場合、当然変更した内容は反映されませんので、保存されていたキャッシュを削除ようというものです。

ただ、キャッシュ自体はブラウジング高速化のために役立ってくれていますし、すべてのキャッシュを削除してしまうのももったいないと思います。ということで、その前にした方がよいことがないか考えました。

スーパーリロード

スーパーリロードというブラウザの更新方法があります。日本語で「強制再読み込み」なんていう場合もあります。

キャッシュしているファイルがあっても、再度サーバーからファイルを取得しなおす読み込み方法です。

スーパーリロードをすると、サーバーから最新のファイルを取得しますので、変更された内容が反映されるはずです。

スーパーリロードの方法はブラウザによって若干違いますが、Windowsの場合「Ctrl + F5」、Macの場合は「⌘ Command + R」というのが多いみたいです。

とはいうことで、簡単ですのでまずはこれを試せばいいのかなと思います。

ファイルにクエリー文字を付ける

製作者は変更したということを知っていますのでスーパーリロードすればいいわけですが、ユーザーは当然そんな事情を知りません。スーパーリロードなんてしてくれません。

そんな場合の対応法として、ファイル名の後にクエリー文字をつける方法があります。バージョンでも日付でも何でもいいですが、変更の度にクエリー文字も変更します。

../css/style.css?20130524

こうすると末尾の文字列が変わるたびにブラウザは新しいファイルと認識しますので、キャッシュを防ぐことができます。

もっと詳しい説明や具体的に変数を使った設定方法(WordPress)などは以下のサイトをご参考に。とても分かりやすいです。

ちなみにFC2ブログの場合、CSSファイルは以下のようになっており、更新のたびに自動的に「f9415」の部分が変わります。

http://blog-imgs-42-origin.fc2.com/w/e/b/weboook/css/f9415.css

ファイル名自体を変えてしまうことでキャッシュを防いでいます。

同じような方法に見えますが、違いはあります。クエリー文字を加える方はHTMLで外部ファイルのURLを変えるだけでCSSのファイル名はそのまま(クエリー文字を付けていない状態)で大丈夫です。

ということでクエリー文字を加える方法の方が簡単かも。ブログの場合、テンプレートを変更すればよいだけですし、クエリー文字のところに外部ファイルの更新時刻を表す変数を入れると変更の手間すらありません。

ただ、ブログでない場合はすべてのページで外部ファイルのURLを変える必要があるので手間かもしれないです。

さいごに

キャッシュはブラウジングの高速化に役立つ技術ですが、更新が反映されない場合があるという問題もあります。

今回はこのような場合の対処法を考えてみました。お役に立てたならうれしいです。

フィードやTwitterで最新情報をチェック
follow us in feedly
この記事に付いているタグの最新記事一覧
loading...
コメント
[url=http://webrega.ru/hide_news][img]http://s019.radikal.ru/i639/1604/96/73a14cb0d69d.jpg[/img][/url]

Уже более восьми лет мы успешно занимаемся созданием, оптимизацией и продвижением сайтов в интернете.
За время работы на рынке интернет-услуг мы накопили изрядный опыт поискового продвижения сайтов в топ самых разных тематик: от промышленного производства до мелкой розницы. Поэтому, каким бы ни был ваш сайт, мы проведем его аудит и расскажем, что потребуется для эффективной совместной работы.

Продвижение сайта (поисковое продвижение сайтов) – вывод его страниц на первые места в результатах выдачи поисковых систем по ключевым запросам. Цель раскрутки – привлечь как можно больше посетителей, заинтересованных в вашем продукте, и увеличить прибыльность сайта.

Чтобы ресурс оказался на первых местах в результатах поиска, требуется несколько месяцев подготовки. Поисковое продвижение сайта – это долгосрочная инвестиция, оценить эффективность которой вы сможете только через 4-6 месяцев. Выбирая, кому доверить раскрутку сайта

Мы предлагаем вам скидки по всем нашим тарифам .

Cкидки по тарифам достигают от 20% до 50% от стоимости услуги по продвижению вашего сайта

Мы предлагаем своим клиентам большой выбор тарифов по доступным ценам:

Регистрация в каталогах бесплатно
Автоматическая регистрация в каталогах
Регистрация в каталогах сайтов
Регистрация в каталогах статей
Рассылка на доски объявлений
Социальные закладки - рассылка в социальные сети

Купить трафик на сайт:
Трафик на сайт-Украина
Трафик на сайт-Украина
24500-35000 уникальных посетителей на ваш сайт

Понижение alexa rank:
Alexa Rank 100,000 (±10,000)
Alexa Rank 80,000 (±10,000)
Alexa Rank 50,000 (±10,000)

Регистрация в трастовых сайтах
Регистрация профилей на зарубежных форумах
Регистрация профилей на сайтах с Яндекс каталога
Регистрация профилей на DLE сайтах
Тематический подбор форумов и сайтов для продвижения вашего сайта
Гарантированное поднятие ТИЦ сайта на 30-90 пунктов

Услуги копирайтинга
Составление описаний для сайта на английском и русском языке

Контекстная реклама в Google
Контекстная реклама в Яндекс
Комплексное продвижение интернет проектов


Полный список тарифов вы можете посмотреть у нас на сайте

[url=http://webrega.ru/catalog/view/229]Для заказа этих тарифов вы должны зарегистрироваться на сайте Webrega.ru[/url] и создать проект в меню- vip регистрация и оплатить согласно выбранному тарифу

[url=http://webrega.ru/rating/12][img]http://webrega.ru/files/partner/2.png[/img][/url]

раскрутка сайта регистрация в каталогах бесплатно
программа для бесплатной регистрация в каталогах


прогрессивная раскрутка сайта seo оптимизация
seo дмитров


интернет раскрутка сайта оптимизация сайтов для поисковых систем добавить
оптимизация сайтов под поисковые запросы и раскрутка


поисковая оптимизация и продвижение сайтов в интернете
продвижение сайтов спб за результат


раскрутка сайтов павлово
раскрутка сайтов украина


реклама в интернете баннеры
реклама в интернете г. ростов-на-дону
【2017/03/29 21:51】 | ThomasBub #/tAMJwTs | [edit]
Компания «WEBREGA.RU» (профессиональная раскрутка сайта)- гарант вашего успеха!
Оптимизация, раскрутка сайта (оптимизация сайтов компании) – это, прежде всего, раскрутка по ключевым словам. Мы внимательно изучаем статистику поисковых запросов, выделяем наиболее важные, приоритетные, определяем основные направления работы и создаем уникальный оптимизированный контент с хорошей плотностью ключей без потери читабельности, легкий для восприятия. Грамотная раскрутка сайта по словам – основа дальнейшего продвижения сайта и вывода его в ТОП поисковых запросов.

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


Полный список тарифов вы можете посмотреть у нас на сайте

[url=http://webrega.ru/art_catalog/22]Для заказа этих тарифов вы должны зарегистрироваться на сайте Webrega.ru[/url] и создать проект в меню- vip регистрация и оплатить согласно выбранному тарифу

оптимизация сайтов в казани


продвижение сайтов в поиске


раскрутка сайтов реклама качественно
【2018/02/13 12:29】 | CharlesGoogs #IV/1yPms | [edit]









※コメントはご意見ご感想や間違いのご指摘等にしていただけますようお願いいたします。コメントを確認する時間がなく、技術的なご質問をいただいても答えできません。申し訳ございませんがご理解のほどお願いいたします。

Recent Entry
Popular Entry
  • このエントリーをはてなブックマークに追加