5

アルファ透過の PNG 画像をファイル名 logo.png でサーバーにアップロードしましたが、画像がページで使用され、そのファイル パスを確認すると、次のようになります。

http://example.com/i/300x300xlogo.png.pagespeed.ic.0A66xVq4G9.png

そのファイルはサーバー上のどこにもありません。

影響があるのか​​わかりませんが、実際の画像サイズは400px×400pxで、HTMLでは300px×300pxで表示しています。(聞かないでください。)

これを行っているのは私のWebホストでしょうか?で表示される解像度でファイルにプレフィックスを付けているようです:300x300xまた、その奇妙なサフィックスがあります:.pagespeed.ic.0A66xVq4G9.png

4

2 に答える 2

4

表示されているURLは意図したとおりです。mod_pagespeedは画像のURLを最適化された名前に書き換え、サイズとコンテンツのフィンガープリントをファイル名に埋め込みます。

HTMLの画像を元のサイズからダウンスケーリングしている場合は、ユーザーの帯域幅を浪費していることになります。これは、モバイルでは特に問題になります。mod_pagespeedの利点は、このサイズ変更をその場で実行できることです。HTMLで目的のサイズを指定するだけで、正しい処理が実行されます。

mod_pagespeedによって行われるさまざまな画像の最適化について詳しくは、 https://developers.google.com/speed/docs/mod_pagespeed/filter-image-optimizeを ご覧ください。

「読み込みが遅い」と表現しているのは「imagelazyload」のように聞こえます: https ://developers.google.com/speed/docs/mod_pagespeed/filter-lazyload-images

オンロードが発生するまで画像は延期されます。これにより、ページが画面にすばやく描画されます。表示されている画像のみが読み込まれるように、このスクロール時に実行するようにmod_pagespeedを構成することもできます。最後に、この特定のフィルターを無効にすることもできますが、画像の最適化は上記で行ったままにします。

PS mod_pagespeedはベータ版ではなくなり、チームは最近1.0を出荷しました。

于 2012-10-28T23:08:37.017 に答える
2

解決しました!Google Pagespeedは、webhostsコントロールパネルでデフォルトで有効になっています。うまくいけば、これは他の誰かを助けるでしょう。

画像の読み込みが実際には遅くなり、ドキュメントの読み込みが完了すると画像が点滅することに気付きました。(ただし、Google Pagespeedはベータ版です。)

于 2012-10-28T21:58:49.413 に答える