Web

WordPress: ブラウザ別処理とキャッシュの注意点

投稿日:2021年10月16日 更新日:

1. はじめに

何らかの「Webページのキャッシュ機能」を利用している Webサイトの注意点です。タイトルに WordPress と書きましたが、WordPress に限った話ではありません。

2. Webページのキャッシュ機能とは

ここでの「Webページのキャッシュ機能」というのは、以下を指します。

  1. Webサーバーは、ブラウザに返す HTMLを生成し サーバー上に保存します(生成するタイミングはいろいろあります)。
    • このHTMLは、サーバー側プログラミング言語(PHPなど)のプログラムが実行された結果生成されたものです。
  2. 以後 Webサーバーは、ブラウザからのアクセスに対して、サーバー側プログラミング言語のプログラムを実行することなく、保存しておいた HTMLファイルを返します。
    • プログラムの実行が省略される分、Webページのダウンロード&表示が速くなります。

3. 問題点

このとき、サーバー側プログラミング言語のコードにより、「ブラウザのユーザーエージェント文字列によって(つまり、ブラウザの種類によって)異なる HTMLを生成している」場合に注意が必要です。

なぜなら、ブラウザA 用に生成した HTML がキャッシュされてしまった場合、ブラウザB にもその HTMLを返してしまう可能性があるからです。

但し、キャッシュ機能が「ブラウザのユーザーエージェントを区別してキャッシュを生成する」機能を用意していれば問題ありません。しかしそのような機能がない場合は、そのキャッシュ機能は使えないという判断になるでしょう。

📂-Web

執筆者:labo


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

Web

未ログイン状態で Facebook を開いた時に表示されるログインウィンドウを消す

目次1. Facebook の仕様変更?2. ブックマークレットの使い方3. 仕組み4. 注意点5. おわりに 1. Facebook の仕様変更? 未ログイン状態で Facebook のページを開く …

Web

ブラウザをキーボードで操作するための拡張機能 Vimium

ブラウザをキーボードで操作するための拡張機能 Vimium について説明します。

Web

ウェブ上の「名前を付けて画像を保存」ができない画像をダウンロードする方法

目次1. 「名前を付けて画像を保存」ができない画像2. この手の画像を保存する方法3. おわりに4. Chrome のデベロッパーツールを使った別の方法(追加:2021-08-04) 1. 「名前を付 …

Web

AMP for WordPress プラグインを使って WordPressサイトをAMP対応する手順

目次1. AMP とは?なぜ、AMP が必要なのか?AMP フレームワーク1. AMP HTML2. AMP JS3. AMP キャッシュその他2. AMP for WordPress プラグインにつ …

Web

Gmail でよく使うキーボードショートカット

Gmail でよく使うキーボードショートカットを紹介します。 1. Gmail のキーボードショートカットを有効にする手順 まず、Gmail でキーボードショートカットを利用するには、設定で有効にする …