5

私のレイアウトはレスポンシブなので、拡大縮小された画像をテンプレートに入れる必要があります。たとえば、モバイルデバイスを使用する場合、span3のBoostrapが1行全体を占める可能性があるため、幅が広くなります。

しかし、Google PageSpeedでは、問題としてマークされています。

これを処理するための回避策またはより良い方法はありますか？

4

1 に答える 1

2

圧縮 gzip または deflate モードを有効にしましたか? キャッシュ (ブラウザまたはプロキシ) を使用しなかったためです。これを header/.htaccess ファイルに記述します。

<FilesMatch "\.(ico|jpg|jpeg|png|gif|js|css|swf|svg|pdf|flv|mp3)$">
<IfModule mod_expires.c>
 ExpiresActive on
 ExpiresDefault "access plus 1 month 2 days 3 hours" //example you can change it
 Header set Cache-Control "public"
</IfModule>
</FilesMatch>

そして、ブラウザがまだそれを無視している場合の1つのこと。また、Adaptive-Imagesメソッドを使用して、DNS ルックアップを減らし、小型デバイス用に縮小してアセットを切断することもできます。

これらの方法のいずれかを使用する場合、画像がスケーリングされているかどうかを心配する必要はありません。私はこれらすべてのことを試し、100ページ スピードのうち98を得ました。

このページのページ速度をチェックすれば、あなたは信じることができます。あなたもそれを修正したほうがいいと思います。

于 2013-03-01T18:21:59.950 に答える