PageSpeed Insights「ブラウザキャッシュの活用」Google Analytics


7

ツールの1つとしてGoogle PageSpeed Insightsを使用して、読み込み時間を短縮しようとしています。私はそれが不平を言い続ける2つのファイルがあることに気づきました:

ブラウザのキャッシュを利用する

静的リソースのHTTPヘッダーに有効期限または最大経過時間を設定すると、以前にダウンロードしたリソースをネットワーク経由ではなくローカルディスクからロードするようにブラウザーに指示します。

https://apis.google.com/js/api.js (30 minutes)

https://ssl.google-analytics.com/ga.js (2 hours)

上記のファイルはデフォルトのMagentoパッケージの一部として参照されていると想定しています。管理パネルを見回すと、分析コードを配置する場所しか見つかりません。

上記のファイルの有効期限を延長するためにどこに行くか、またはどのファイルを変更する必要がありますか?

回答:


6

Googleからjsファイルをロードする場合、Hayaは正しいです。ブラウザキャッシュのキャッシュを変更するためにできることは何もありません。

非同期GAコードを使用している場合、Magentoページとは別に読み込まれるため、ページの読み込み時間には影響しません。

JSをキャッシュしたい場合は、http://diywpblog.com/leverage-browser-cache-optimize-google-analytics/で説明されているように、JSをローカルにロードできます。

ローカルバージョンを編集できます:template / googleanalytics / ga.phtml

GAが読み込まれるURLを調整します。


6

私のサイトでは、モバイル版とデスクトップ版の両方で99/100を獲得できました。apis.google.com/js/platform.jsのブラウザキャッシングだけが100の障壁です。それが楽しみのためだけに、ほとんど違いを生んでいないことを私は知っています。どんな手掛かり?

私のhtaccess-

# Enable Compression
<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
</IfModule>
<IfModule mod_gzip.c>
  mod_gzip_on Yes
  mod_gzip_dechunk Yes
  mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
  mod_gzip_item_include handler ^cgi-script$
  mod_gzip_item_include mime ^text/.*
  mod_gzip_item_include mime ^application/x-javascript.*
  mod_gzip_item_exclude mime ^image/.*
  mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</IfModule>

# Leverage Browser Caching
<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType image/jpg "access 1 year"
  ExpiresByType image/jpeg "access 1 year"
  ExpiresByType image/gif "access 1 year"
  ExpiresByType image/png "access 1 year"
  ExpiresByType text/css "access 1 month"
  ExpiresByType text/html "access 1 month"
  ExpiresByType application/pdf "access 1 month"
  ExpiresByType text/x-javascript "access 1 month"
  ExpiresByType application/x-shockwave-flash "access 1 month"
  ExpiresByType image/x-icon "access 1 year"
  ExpiresDefault "access 1 month"
</IfModule>
<IfModule mod_headers.c>
  <filesmatch "\.(ico|flv|jpg|jpeg|png|gif|css|swf)$">
  Header set Cache-Control "max-age=2678400, public"
  </filesmatch>
  <filesmatch "\.(html|htm)$">
  Header set Cache-Control "max-age=7200, private, must-revalidate"
  </filesmatch>
  <filesmatch "\.(pdf)$">
  Header set Cache-Control "max-age=86400, public"
  </filesmatch>
  <filesmatch "\.(js)$">
  Header set Cache-Control "max-age=2678400, private"
  </filesmatch>
</IfModule>

これは答えですか?それとも、platform.jsファイルに適切なブラウザキャッシュを設定する手掛かりがあるかどうかを尋ねていますか?その場合は、Aksの質問ボタンを使用して、ご自身で質問してください。この質問を参照して、コンテキストを提供できます。
7ochem '15年

4

Nginxの場合:

   location ~ /analytics.js {
        proxy_pass https://www.google-analytics.com;
        expires 31536000s;
        proxy_set_header Pragma "public";
        proxy_set_header Cache-Control "max-age=31536000, public";
    }

次に、パスhttps://www.google-analytics.com/analytics.jshttps://yoursite.com/analytics.jsに変更します


1
これは実際に機能しますか?
Nathan

古いことは知っていますが、これはGOLDです。Maps APIで同じことをしました。素晴らしい、期待どおりに動作します!
Eduard

3

私の知る限り、これらはgoogleドメインの一部であるため、これについては何もできません。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.