2017-02-04 4 views
1

最近、Webアプリケーションの読み込み速度(Laravel 5.1を使用してビルドされている)を確認していました。そして私はLeverage browser cachingを見つけました。だから、私はこれに解決策を見つけるためにそれを見つけましたが、うまくいかないようです。Laravel 5.1アプリケーションのブラウザキャッシングを利用する

それは、次のコードを追加するために言及されました:パブリックディレクトリ内の.htaccessで

<IfModule mod_expires.c> 
    ExpiresActive on 

# Perhaps better to whitelist expires rules? Perhaps. 
    ExpiresDefault "access plus 1 month" 

# cache.appcache needs re-requests in FF 3.6 (thanks Remy ~Introducing HTML5) 
    ExpiresByType text/cache-manifest "access plus 0 seconds" 

# Your document html 
    ExpiresByType text/html "access plus 0 seconds" 

# Data 
    ExpiresByType text/xml "access plus 0 seconds" 
    ExpiresByType application/xml "access plus 0 seconds" 
    ExpiresByType application/json "access plus 0 seconds" 

# Feed 
    ExpiresByType application/rss+xml "access plus 1 hour" 
    ExpiresByType application/atom+xml "access plus 1 hour" 

# Favicon (cannot be renamed) 
    ExpiresByType image/x-icon "access plus 1 week" 

# Media: images, video, audio 
    ExpiresByType image/gif "access plus 1 month" 
    ExpiresByType image/png "access plus 1 month" 
    ExpiresByType image/jpg "access plus 1 month" 
    ExpiresByType image/jpeg "access plus 1 month" 
    ExpiresByType video/ogg "access plus 1 month" 
    ExpiresByType audio/ogg "access plus 1 month" 
    ExpiresByType video/mp4 "access plus 1 month" 
    ExpiresByType video/webm "access plus 1 month" 

# HTC files (css3pie) 
    ExpiresByType text/x-component "access plus 1 month" 

# Webfonts 
    ExpiresByType application/x-font-ttf "access plus 1 month" 
    ExpiresByType font/opentype "access plus 1 month" 
    ExpiresByType application/x-font-woff "access plus 1 month" 
    ExpiresByType image/svg+xml "access plus 1 month" 
    ExpiresByType application/vnd.ms-fontobject "access plus 1 month" 

# CSS and JavaScript 
    ExpiresByType text/css "access plus 1 year" 
    ExpiresByType application/javascript "access plus 1 year" 

    <IfModule mod_headers.c> 
    Header append Cache-Control "public" 
    </IfModule> 

</IfModule> 

を。しかし、私はまだLeverage browser cachingのための推薦を得る。これで私を助けてください。私はこれに対する解決策を見つけることができません。私は、ページの読み込み速度をチェック

サイトは以下のとおりです。

  1. 、Googleのページスピード
  2. gtmetrix.com

答えて

0

それはdoesnの理由をありがとうあなたの前にあなたの<IfModule>を閉じることを忘れてしまったからです新しいものを開く。

それはこのようにする必要があります:私が追加したレバレッジブラウザのキャッシュを使用すると、それが必要なすべてをカバーする必要があり

<IfModule mod_headers.c> 
Header append Cache-Control "public" 
</IfModule> 

## EXPIRES CACHING ## 
<IfModule mod_expires.c> 
ExpiresActive On 
ExpiresByType image/jpg "access plus 1 year" 
ExpiresByType image/jpeg "access plus 1 year" 
ExpiresByType image/gif "access plus 1 year" 
ExpiresByType image/png "access plus 1 year" 
ExpiresByType text/css "access plus 1 month" 
ExpiresByType application/pdf "access plus 1 month" 
ExpiresByType text/x-javascript "access plus 1 month" 
ExpiresByType application/x-shockwave-flash "access plus 1 month" 
ExpiresByType application/x-javascript "access plus 1 month" 
ExpiresByType text/javascript "access plus 1 month" 
ExpiresByType application/javascript "access plus 1 month" 
ExpiresByType application/json "access plus 1 month" 
ExpiresByType image/x-icon "access plus 1 year" 
ExpiresDefault "access plus 2 days" 
</IfModule> 
## EXPIRES CACHING ## 

js?=verファイルを含む。

+0

返信いただきありがとうございます。しかし、問題はまだ同じです。 font-awesome.min.css、bootstrap.min.css、jquery.min.jsなどのすべてのcssファイルとjsファイルについて推奨されています。 –

+0

キャッシングはまったく機能しませんか?それともその一部ですか? – Lag

+0

それはまったく動作しません –