0

Web ページが読み込まれるとき、display:none を含むコンテンツは読み込み時間に影響しますか?

約 600 個のリンクが割り当てられた html の巨大なリストがあるため、html ページだけで約 450kb (画像を除く ~ 150kb) になりますが、当社のサーバーによるページの規定サイズは 300kb です。

ただし、リストは表示なしと表示を切り替える 4 つのメイン リストに分かれています。つまり、リスト 1 が表示されている場合、他のリストは非表示になっています。

だから、html ページの読み込み時間はこれによってどのように影響を受けるのだろうかと思っていました。

ありがとう。

4

4 に答える 4

0

はい、そうです。ブラウザーは html をロードし、隠し要素も解析します。それらは、ブラウザの内部「要素ツリー」の一部でもあります。そうしないと、たとえば JavaScript を介してそれらを参照して変更することができなくなります。

于 2013-09-05T06:25:15.593 に答える
0

もちろん、DOM の読み込み時間の可視性に影響します。ダウンロードする量は同じです。

これを改善するには、次を使用できます。

  • ページネーション (Rails の will_paginate、https://github.com/onassar/PHP-Pagination php)
  • 無限スクロール (スクロール中に動的にコンテンツをロードします)
  • リストの AJAX ロード
于 2013-09-05T06:25:58.577 に答える
0

はい、完全な html をロードしているためです。ブラウザーのコード インスペクターで html コードを確認できます。そして、隠しタグの画像が読み込まれていることがわかります。

これは、javascript を使用することで防ぐことができます。アクティブなタブをクリックしたときにのみ画像を読み込みます。

于 2013-09-05T06:23:36.407 に答える
0

はい、ロード時間に影響します。私も自分のウェブサイトでこれを試してみましたが、divが非表示になっていても、読み込みに時間がかかりました

jqueryまたはajaxを使用して動的にロードし、これらすべてのメニュー項目または画像を別のhtmlファイルに入れ、必要に応じて呼び出すことをお勧めします。

ロード時間は節約できるが、より多くのコーディング

于 2013-09-05T06:19:04.470 に答える