2016-08-17 5 views
3

代理店サイトでJSプラグインlazySizes(https://github.com/aFarkas/lazysizes)とsmoothState(https://github.com/miguel-perez/smoothState.js)を使用していますが、連携している間にhttpリクエストが異常に発生していますページ初期化。
すべてのlazyloadイメージに空のgifプレースホルダを使用すると、このイメージは、表示されるイメージごとに1回だけでなく複数回要求されます。
ここで何が起こっているのか分かりません。lazySizesプラグインとsmoothStateプラグインを組み合わせた場合のHTTPリクエストの量が多い

を更新しました
http://perfectfriday.com

Chrome Network results

+0

複数のファイルが読み込まれていますか?私が一度だけロードするすべての画像。 –

+0

Chromeデベロッパーツールであなたのタイムラインを見て、あなたが話していることを見つけることができません。タイムライングラフを投稿できますか? – staypuftman

+0

Chromeネットワークコンソールに表示されたリクエストのスクリーンショットを投稿に更新しました。画像は空のGIFプレースホルダのデータです:image/gif; base64、R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw == –

答えて

1

私はindex.htmlで検索を行なったし、私はネットワークモニタで見たものと一致する9 data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==は、あります。

残りのすべてのダウンロードは、jquey.min.jsによって開始されます。彼らはR0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOwの2つの参照を含むので、彼らはassets/scripts/app.jsによって実際に引き起こされると思う。しかし、app.jsが縮小され、私はその論理に従うことができません。このルートを取得したい場合は、app.jsのソースを適切に調べる必要があります。

enter image description here

+0

私はあなたが私の投稿全体を読むとは思わない。はい、それぞれの画像はGIF交換要求を補うものですが、問題はその量が予想以上のもの(画像量の3倍または4倍)です。私は、これらの2つのプラグインを組み合わせたミスラップがあると仮定しています。大したことではないが、なぜそれが起こるのかを調べようとしているだけだ。 –

+0

@StaffanEstbergが更新されました。しかし、私ができることは非常に限られています。 –

関連する問題