2017-08-25 7 views
-2

私はウェブサイトを終了し、スクロールするときに白いブロックがあることを知りました - site here。モバイルとデスクトップで発生します。最初のロード時にのみ発生します。ページがまだ完全に読み込まれていないことを意味しますか?もしそうなら、私は読み込み画面を長く表示することができますが、知っておく必要があります、どのようにページが読み込まれたかを知っています。それが原因でないなら、それは何を引き起こしているのですか?ページをスクロールするときの白いブロック

再生するには:ブラウザで開き、画面を読み込んだ後、マウスのスクロールバーを使用して下にスクロールします(画面上のスクロールバーでは再生できません)。

モバイルブラウザで開いて、ページを下にスクロールしてください。ここでは明らかにわかります。

なぜそれを再現できないのかわかりません。私の携帯電話から添付のスクリーンショットをご覧ください。これは上下にスクロールするときに発生します。 enter image description here

+2

ホワイトブロックが表示されません。どういう意味ですか? –

+4

ここに意味のあるコードと問題の説明を追加してください。修復が必要なサイト にリンクしないでください。そうしないと、 問題が解決されたり、リンク先のサイトにアクセスできない場合、この質問は将来の訪問者に価値を失います。 [最小、完全、および検証可能な例(MCVE)](https://stackoverflow.com/help/mcve)を投稿すると、 があなたの問題を実証してくれます。詳細については、 [私のWebサイトの何かが動作しません。 ]リンクを貼り付けることはできますか?](https://meta.stackexchange.com/questions/125997/) ありがとう! – j08691

+0

@KobyDouekは、スクロールに白いブロックがないことに同意しました。 –

答えて

3

空のキャッシュでは、ページは34個のリクエストを行い、ページの合計サイズは23.7 MBです。そのうち、18の画像要求があり、画像の合計ダウンロードサイズは23.3MBです。このサイトをユーザーのモバイルに読み込もうとしていますか?

画像を縮小またはウェブで最適化します。画像がまだダウンロードされているので、画像用のコンテナが読み込みを完了していないため、白いブロックが表示されます。また、モバイル・キャッシュ・サイズは、コンピュータ・キャッシュ・サイズよりも小さい。

サイトの最初または空のキャッシュのロード時にクロムネットワークタブをチェックしてください。

イメージが読み込まれ、ページが再び訪問されました。データの総転送量は5.7 KBですが、依然として34件のリクエストがあり、キャッシュからのものがレンダリングされます。彼らはあなたのサイトで同じままになる場合は、遠くの未来の有効期限をあなたの画像に追加しようとすることができます。

+0

ほとんどの場合正解ですが、ローエンドの端末にページが完全に読み込まれても四角形はそのまま残ります。これは極端な*ジャンク*です。白い四角は、パッシブや他のスクロールが設計要素を妨げるように設定されていないタッチイベントリスナーによって妨げられる、常時再描画によるブラウザの描画の遅延です。 –

+0

低速の接続速度でも、Webブラウザに白いブロックが表示されます。このページは、8MBPS WIFI回線で最初に読み込むために1分以上かかる。今、DOMコンテンツは4.something秒で読み込まれます。しかし、完全なページの読み込みには数分かかります。 – Amit

関連する問題