問題タブ [page-load-time]

次の HTML がある場合:

ページの読み込み時間を最速にするには、CSS をどのように構成すればよいですか?

次のように、HTML 要素ごとに整理できます。

または、次のように CSS スタイルで指定します。

どちらかがより速く読み取られ、処理されるとしたら?

編集:私は言及すべきでした、私は現在GreaseMonkeyで作業しています。これは、2つの潜在的に重要なことを意味します:

1) HTML は編集できず、CSS のみ編集できます。

2) ページの読み込みが正常に終了した後、すべての CSS が読み込まれます。

サイトでのタイムアウトの問題と遅いページの読み込みを診断するにはどうすればよいですか。Firefox に ySlow プラグインがあり、ほとんどのページでグレード A/B が示されているため、ページがすばやく読み込まれることが期待されます。ホスティング会社に連絡する必要がありますか? ドメイン名を購入した会社は? 現在、サーバーに大きな負荷がかかっておらず、インターネットへの接続に v. fast 接続を使用しています。

どこから始めるのが良いですか？より多くのトラフィックが見られるようになったときに、これを監視するにはどうすればよいですか? ホスティング会社はこれを行うべきですか?

ページがレンダリングされた後でも、ブラウザがまだ何かを読み込もうとしているかのように、ブラウザがプログレスバーを表示している（半分でスタックしている）場合、何が原因である可能性がありますか。これはイントラネットの ASP.NET Web サイトです。どうすればその理由を知ることができますか? ブラウザはIE8です。実際、これはブラウザが IE6 から IE8 にアップグレードされた後に始まりました。この問題がブラウザのアップグレードと関係があるかどうかはわかりません。Fiddler のようなツールは、まだロードしようとしているものを見つけるのに役立ちますか? 前もって感謝します。

たくさんの JavaScript を含むかなり大きな Web ページがあります。Firefox/Chrome で読み込むと、ページが徐々に読み込まれます。まず、すでに受信した html がレンダリングされて表示され、次に javascript が実行されます。

ただし、Internet Explorer 8 は、要求が完全に受信され、JavaScript が実行されるまで待機してから表示されます。これは、アプリケーションが短時間応答しないという印象を与えます。

IE8 が Firefox/Chrome のようなページをロードするラップトップが 1 台あり、ページまたはその一部を表示する前にすべての JavaScript が実行されるまで待つ必要がないことを示す IE8 の設定を探していました。

そのような設定があり、どこにあるのか、誰にも手がかりがありますか? Internet Explorer 用の Chrome フレームがインストールされていないことを確認しました。

更新: より明確にするために、@Thariama がコメントで指摘しているように、IE8 は常にページ全体のレンダリングを待機していると考えていましたが、このラップトップがそれをレンダリングするのを見て、「Firefox の方法」をロードしていると確信しています。ラップトップは、同等のデスクトップの半分の RAM と CPU パワーを備えており、見た目も操作感も高速でした (レンダリングのため)。

Firebug Net Panelのように機能する IE 8 の代替手段は何ですか?

Ruby on Rails 開発環境では、Firefox では 30 秒後にページが表示されますが、IE 8 (IE 7 互換モード) では 90 秒かかります。

詳細な調査により、ページの速度を低下させたのは Javascript であることがわかりました。Javascript がオフになっていると、ページのコンテンツも 30 秒で表示されるためです。

おそらく 7 つまたは 8 つの jQuery プラグイン、Facebook スクリプト、および Google アナリティクス スクリプトがあるため、すべての Javascript コードを HTML ファイルの最後に移動するにはかなりの時間がかかります (これにより、ページ コンテンツ ビューが高速化され、コンテンツが表示されるようになります)。 Firefox と同じように 30 秒後に表示されます)、すべての Javascript コードの実行が完了する前に IE に強制的にページ コンテンツを表示させる方法はありますか?

IE はすべての Javascript コードが最初に終了するのを待っている可能性があると思います。なぜならdocument.write()、HTML 内にあるはずのステートメントがある場合... Firefox または Chrome はそれを待たずにコンテンツをすぐに表示します。

(本番サーバーでは、多くの「部分」(HTML サブコンポーネント) がキャッシュされるため、5 ～ 7 秒後にページが Firefox に表示されます。IE 8 もかなり長く、約 40 秒ほどかかります。 )

PS Javascript が HTML 全体に埋め込まれている強力な理由は、たとえば「画像カルーセル」がある場合、HTML コードが HAML ファイルによって生成された HTML ファイルである「部分」にあり、すべてHTMLとJavascriptコードはこのファイルにあり、HTMLを1つのファイルに、Javascriptを別のファイルに入れるのではなく、カプセル化を改善しますが、これらすべてのJavascriptコードブロックがjQueryのみを使用する場合、これらの$(document).ready(function() { ... })コードはどうなるでしょうかブロックは IE でページ表示を遅くしますか?

Javascript コードはすべて HTML ファイルの末尾に配置する必要があると言われています。これにより、ユーザーが何かを確認できるように、ページのコンテンツが最初に表示されます (ユーザーは、さらに 12 秒待たずに何かを確認できて満足するため、例）。

ただし、HTML をより適切にカプセル化し、「画像カルーセル」などの Javascript コードと一致させるために、通常、HTML と Javascript は 1 つのファイルに配置されるため、最終的な HTML ファイル全体ですべて HTML コードと混合された Javascript コード ブロックが存在します。

しかし、これらすべての Javascript コード ブロックが jQuery を使用$(document).ready(function() { ... })してタスクを実行すると、ページの表示も非常に高速になるのではないでしょうか? Javascript が実際に HTML ファイルの最後に配置されたときほど速くはないと思いますが、準備完了イベント キューに機能を追加するだけなので、十分に近いと思います。

PHPでロードするのにWebページとそのすべてのコンテンツにかかる時間を決定する方法はありますか？

私はすでにこれを試しました：

ただし、これに関する問題は（私が知る限り）、phpスクリプトの実行にかかる時間を計算しているだけであるということです。これは、ページにある画像や動画を考慮していません。

PHPを使用して画像やビデオを含むWebページの読み込みにかかる時間を判断する方法はありますか？

基本的に私がやろうとしているのは、接続速度を考慮せずにサーバーの速度をテストすることです。

この質問は、どのブラウザが<script async ="async"/>をサポートしているのかという正接のようなものです。。

最近、次のようなことを行うスクリプトをいくつか見ました。

これは、スクリプトをDOMに動的に追加する一般的な方法であり、SteveSoudersの著書「EvenFasterWeb Sites 」のIIRCは、すべての最新のブラウザーにスクリプトを非同期でロードするように促します（つまり、ページのレンダリングや後続のアセットのダウンロードをブロックしません）。 。

私がその点で正しければ、そのs.async = true声明は何か意味がありますか？動的に追加されたスクリプトはすでに非同期ダウンロードをトリガーするはずなので、そのプロパティをサポートするブラウザーであっても、冗長ではないでしょうか。