質問: ブラウザのキャッシュとは 私ははてなブログをしています。 googleのpage speed insightsでブログの速度を調べたところ、モバイルが50/100で、パソコンが86/100でした。 モバイルの修正が必要というところを見てみたら、 「スクロールせずに見えるコンテンツのレンダリングをブロックしている javascript/cssを排除する」 「ブラウザのキャッシュを活用する」 と書いてありました。 調べてみても改善の仕方が良く分かりません。 詳しい人、教えて下さい。
回答: 「javascript/cssを排除する」と言うのは、javaやcssを外部ファイル化してるから、そのファイルを読むのに時間が掛る、と言う意味。 つまり、htmlソース内に組み込め、と言う意味で、折角外部ファイル化している意味が無い。 そういう事はお構い無しに言ってるので、気にしない方が良い。 ドーシテモやりたいなら、cssを全てhtml内へ入れる。 「ブラウザのキャッシュを活用する」は、ブラウザのキャッシュメモリに保存させ、一々サーバからアクセスしないで、各自の端末のキャッシュから表示すると速いという意味です。 改善しても素晴らしい結果になる訳では無いし、キャッシュに常駐させると、サーバで修正しても各端末には反映されない不都合(キャッシュをみるんだから)もある。 ドーしてもやりたいなら、サーバに.htaccess と言う拡張子だけのファイルを置いて、サーバの動きを制御する。 つまり、各パソコンに対してキャッシュ依頼をする。下が.htaccessの例 max-ageはキャッシュ有効時間(秒) 必要なものを|区切りで指定する。 #サーバのキャッシュを有効にする(画像の場合) header set cache-control "max-age=604800, public" #サーバのキャッシュを有効にする(ファイルの場合) header set cache-control "max-age=604800, public"