2016-09-09 7 views
0

私は10月のCMSサイト(Laravel上に構築されたCMS)を開発しましたが、サイトの画像に大きな問題があります。サイト上の画像のためにサイトは非常に遅いです。Laravel/OctoberCMSサイトで画像を自動圧縮する方法は?

すべてのcssファイルとjsファイルを小さくしようとしましたが、まだ非常に遅くなりました。だから私は、サイトにアップロードされたすべてのイメージを圧縮するために使用できるパッケージがあるのだろうか?

最適なソリューションは何ですか?私は多くを検索しましたが、何も役に立たなかった。

+0

私は.htaccessの右側にそれを置く必要があり –

答えて

0

イメージを最適化する最も良い方法は、フロントエンドで適切なサイズを使用することです。 OctoberCMSは、サムネイルジェネレータのビルドを提供します。モードオート、正確な、肖像画、風景、作物:あなたのサイズ、圧縮の品質やモードを設定することができます。この機能により

<img src="{{ image.thumb(200, 200, {mode:'auto',quality:85}) }}" title="{{ image.title }}" alt="{{ image.description }}"> 

。デフォルト:オート

はまた

# BEGIN Expire headers 
<IfModule mod_expires.c> 
ExpiresActive On 
ExpiresDefault "access plus 7200 seconds" 
ExpiresByType image/jpg "access plus 2592000 seconds" 
ExpiresByType image/jpeg "access plus 2592000 seconds" 
ExpiresByType image/png "access plus 2592000 seconds" 
ExpiresByType image/gif "access plus 2592000 seconds" 
AddType image/x-icon .ico 
ExpiresByType image/ico "access plus 2592000 seconds" 
ExpiresByType image/icon "access plus 2592000 seconds" 
ExpiresByType image/x-icon "access plus 2592000 seconds" 
ExpiresByType text/css "access plus 2592000 seconds" 
ExpiresByType text/javascript "access plus 2592000 seconds" 
ExpiresByType text/html "access plus 7200 seconds" 
ExpiresByType application/xhtml+xml "access plus 7200 seconds" 
ExpiresByType application/javascript A2592000 
ExpiresByType application/x-javascript "access plus 2592000 seconds" 
ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds" 
</IfModule> 
# END Expire headers 

あなたのイメージに有効期限を追加することを忘れないでください。このモジュールは、有効期限HTTPヘッダーおよびサーバーの応答でのCache-Control HTTPヘッダのmax-ageディレクティブの設定を制御します。有効期限は、ソースファイルが最後に変更された時刻、またはクライアントアクセスの時刻のいずれかとの相対的な値に設定できます。

これらのHTTPヘッダーは、ドキュメントの有効性と永続性に関するクライアントへの指示です。キャッシュされている場合、この時間が経過するまで、ソースからではなくキャッシュからドキュメントをフェッチできます。その後、キャッシュコピーは「期限切れ」とみなされ、無効であり、新しいコピーをソースから取得する必要があります。これは、ブラウザが同じイメージを何度も何度も読み込む必要がないため、サイトを高速化します。

詳細:https://www.howtoforge.com/make-browsers-cache-static-files-with-mod_expires-on-apache2-debian-squeeze

+0

満了コード[Croppa](https://github.com/BKWLD/croppa)を見てみましょうか? –

+0

非常に便利です。その他のアドバイスは? –

+0

はい、.htaccessにあります。あなたが私のanwserが役に立たないのを知っているなら 'それを忘れないでください: –

関連する問題