TL;DR 質問: Angular と PageSpeed はまったく互換性がありますか? これに関する情報はどこにも見つかりません。
AngularJS を使用して外部 Web サイトから画像を読み込むアプリケーションがあります。これらの画像は非常に大きい場合が多く (~500kb、~1200x900px)、私のアプリケーションでは低解像度 (~800x500px) で提供されます。画像サイズや圧縮レベルを制御することはできません。
Google PageSpeed サービスにサインアップし、すべてを稼働させています。ただし、これらの画像は一切触れられていません。これは、AngularJS を使用してそれらを提供しているためかどうか疑問に思っています (画像は Angular にあるにもかかわらず、src="{{img}}"
ではなく で画像を提供していますng-src
)。
これを機能させるために何ができるかについてのアイデアはありますか? 私にとって理想的なサービスのように思えます。画像の適切な圧縮とスケーリングにより、ページの読み込みが最大 2 MB から最大 100 kb になります!
同様のことを行う他のサービスはありますか?画像をユーザーに提供する前に、画像を圧縮およびスケーリングするための何らかのミドルウェアが必要です。
編集:明確にするために、私のサーバーは NodeJS/ExpressJS/AngularJS/MongoDB を使用して Heroku で実行されています。これが何かに影響するかどうかはわかりません。