私はリアルタイムの写真共有 Web サイトに取り組んでいます。世界中のユーザーが一緒に写真を見てコメントを投稿でき、誰が何を見ているかをリアルタイムで確認できます。
以前は jQuery DOM 操作 (<img>タグの挿入) を使用して、ユーザーがクリックしたものに基づいてさまざまな画像を表示していましたが、最近、このプレゼンテーション ロジックを ng-src ディレクティブを持つ Angular コントローラーに置き換えました。
ロジックは全体的に機能しますが、Firefox では、画像がブラウザーにキャッシュされると予想されるときに、ng-src 値を変更するたびに Angular が GET 要求を行うことに気付きました。
ここにアクセスすると: http://dev14-www.photozzap.com/conference/j4bxpt3n、次に Firebug / Net ビューを開き、2 つの写真の間で前後に切り替えると、画像に対する GET リクエストが均等に行われることがわかります。ただし、これらの画像はキャッシュにある必要があります。
その影響は、ユーザーが写真をクリックしてから実際に表示されるまでに多少のタイムラグが発生することです。
Chrome では、Developer / Net ビューは、画像を切り替えたときに画像がキャッシュから取り出されたことを明確に示しています。
画像を Firefox にキャッシュできるようにコードを修正できますか、それとも Angular の問題がありますか? Chromeは正しいことをしているようです。