From 4420caf56d5cc9912042cf5256fec03f0d044f9a Mon Sep 17 00:00:00 2001 From: yossydev Date: Tue, 10 Dec 2024 17:26:08 +0900 Subject: [PATCH] update --- ...k-bfcache-example.mdx => bfcache-check.mdx} | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) rename app/routes/posts/{browser-back-bfcache-example.mdx => bfcache-check.mdx} (69%) diff --git a/app/routes/posts/browser-back-bfcache-example.mdx b/app/routes/posts/bfcache-check.mdx similarity index 69% rename from app/routes/posts/browser-back-bfcache-example.mdx rename to app/routes/posts/bfcache-check.mdx index eeb731d..deba193 100644 --- a/app/routes/posts/browser-back-bfcache-example.mdx +++ b/app/routes/posts/bfcache-check.mdx @@ -1,19 +1,21 @@ --- -title: "BFCacheのチェック" -description: "a" -date: "2024/11/26" -updatedAt: "2024/11/26" -path: "{{filename}}" +title: "BFCacheの動作確認とテスト方法" +description: "今回は、BFCache（Back/Forward Cache）の動作をどのように確認できるか、具体的なチェック方法を紹介します。BFCacheはブラウザが自動的に処理してくれる機能です。しかし、ページがBFCacheに保存されているか、またBFCacheから復元されているかを確認したい場合があります。この記事では、ブラウザAPIやDevToolsを活用して、BFCacheの動作確認を行う手順を見ていきます。" +date: "2024/12/10" +updatedAt: "2024/12/10" +path: "bfcache-check" published: true --- +[2024年 ユウトの一人アドベントカレンダー](https://adventar.org/calendars/9980)の10日目の記事です。 + ## Intro -今回はBFCacheを実際にコードベースでどう扱うのかを見ていきたいと思います。 +今回は、BFCache（Back/Forward Cache）の動作をどのように確認できるか、具体的なチェック方法を紹介します。 -そもそも前提として、BFCacheは、ブラウザが自動で行ってくれる機能です。 +BFCacheはブラウザが自動的に処理してくれる機能です。しかし、ページがBFCacheに保存されているか、またBFCacheから復元されているかを確認したい場合があります。 -そのため、ここで紹介するのはBFCacheの扱い方ではなく、BFCacheによってページの最適化、効果の測定などを行う方法です。 +この記事では、ブラウザAPIやDevToolsを活用して、BFCacheの動作確認を行う手順を見ていきます。 ## サンプル