web-dev-qa-db-ja.com

GitHubページでブラウザーのキャッシュを活用する

Googleの PageSpeed Insights を自分のサイト[ http://flashmallach.github.com ]に使用した後、ブラウザのキャッシュを活用することで、まだ最大のエラーが発生しています。これを行うために.htaccessファイルを使用することを提案するソリューションをいくつか見つけましたが、GitHubページは明らかにそれらをサポートしていません。

これをやってのける別の方法はありますか?

14
flash

github Pages Documentation を確認すると、このレベルの構成はgithub Pagesユーザーには利用できません。

github Pagesサポートにお問い合わせください このレベルの構成可能性が利用可能になるかどうかを確認します(または、あなたのために構成できる場合)。使用したい構成をサポートするサービスで。

5
danlefree

CDN(クラウドフレア)を使用

スコアを上げるより効率的な方法は、無料のコンテンツ配信ネットワークを使用してサイトを提供することです。 CloudFlareのシンプルさから、無料版のCloudFlareをお勧めします。これにはいくつかの理由があります。

  • CDNは、HTML、CSS、およびJavaScriptを自動的に縮小します。 Google PageSpeedにはこれが必要です。

  • GitHub Pagesはデフォルトで、すべてのリソースに10分のキャッシュヘッダーを配置します。これに対して、Googleは「レバレッジブラウザーキャッシュ」エラーをスローします。 CDNからこれを上書きできます。 CloudFlareでは、すべてのキャッシュレベルを最低8日間に設定するページルール(一般的なキャッシュオプションに加えて)を作成することでこれを行いました(Googleの推奨)。 Rocket Loaderオプションを使用していません。

  • CDNは、SVGなどの要素を自動的にGzipします(GitHubから提供されていても)

  • CDNを設定すると、PageSpeedの結果が大幅に向上しますが、CDN設定の変更が反映されるまでに最大24時間かかる場合があります(Googleの結果にすぐに反映されません)。

2
Zaid