特定のウェブサイトのHTMLとCSSのサイズをkbsで見つけるためのさまざまな可能な方法は何ですか?
5 に答える
私はFirefox用Firebugのネットパネル(下記)を使用することを好みますが、Chhromeの開発ツールも同様に優れています。
もう1つの優れたオプションは、Yahoo Developer NetworkのYSlowです。これは、ページの結果を改善するための包括的なリンクされた推奨事項も提供します。
Pingdomのフルページテストは、何もインストールせずにビジュアルを提供します。
これらのツールはすべて「カスケード」を表示します。通常、ロードされたリソースが並列または直列にロードされているかどうかに関する情報が含まれます(後続のリソースのロードをブロックします)。ロードされたさまざまなタイプのファイルは、通常、グラフの上にある「html」や「css」などをクロックすることで、ディスプレイでフィルタリングできます。
Firebugの[ネット]タブでのページの読み込み:
YSlowページのテスト結果ページ:
ChromeのWeb開発ツールの[ネットワーク]タブを使用します(---、[ネットワーク]をCtrl選択します)。ShiftI
Firebugを使用します。Webページに移動し、firebug(F12)を開いて、[ネット]タブに移動します。そこにリストされているサイトからのすべてのリクエストを受け取りました。リストの一番下に、すべてのリクエストの合計が表示されます。ブラウザのキャッシュヒット中に一部のリクエストが欠落している可能性があるため、ブラウザのキャッシュをクリアする前にクリアする必要があります。
Operaには「情報」パネルがありますが、要求されたHTMLドキュメントのサイズと、すべてのインライン要素(画像、CSS、JavaScriptなど)の合計サイズのみが表示されます。
ウェブページのファイルサイズとダウンロード速度は、以下のサイトツールでも確認できます。 http://www.websiteoptimization.com/services/analyze/