関連リンクこれらの豆知識は、一般の知識や実験に基づくものです。ウェブページを最適化すると、訪問者に対して応答性のよいサイトを提供するだけでなく、ウェブサーバーやインターネット接続の負荷を低減する効果もあります。これは大規模なサイトや、緊急事態で通信量が急増するニュース速報のようなサイトでは重要でしょう。ページの読み込みパフォーマンスの最適化は、低速なダイヤルアップ接続やモバイルデバイスの利用者向けコンテンツのためだけではありません。ブロードバンド向けコンテンツでも重要であり、高速接続の利用者であっても劇的な改善につながるでしょう。豆知識ページの量の削減ページの量は、ページ読み込みパフォーマンスにおいて断然重要な要素です。外部ファイルへの移動によりページの量を削減することで、ページの構造変更を最小限にしてダウンロードの性能を向上できるでしょう。ソースから行頭のホワイトスペースや過剰な空行を自動的に取り除くことができます。(compress)」するツールもあります。コネクションの数が減り、それによってリクエストを送信したり、レスポンスを受け取ったりする時間が短縮できます。ヘッダーで、ファイルが最後にダウンロードされてから変更されているかどうかを確認するリクエストを送信することがあります。ページをレンダリングする前に、ブラウザがこれらの各ファイルの変更時刻をチェックする必要があるため、参照されたファイルの最終変更時刻をチェックするのに時間がかかり過ぎると、ウェブページの初期表示が遅くなることがあります。よる参照の数を減らすことができます。これは寸法が限られている要素について最善の方法ですが、適用できない場合もあるでしょう。リクエストを少なくしてキャッシュする画像を単一にすることで、ページの読み込み時間を削減できます。サーバーと訪問者の間の物理的な距離を縮めるための手段です。サーバーの起点と訪問者の間の距離が長くなると、読み込み時間が長くなります。ウェブサイトのサーバーがアメリカにあり、インドからの訪問者がいるとします。米国からの訪問者と比較して、ページの読み込み時間はインドの訪問者の方がはるかに長くなります。地理的に分散したサーバーネットワークで、ユーザーとウェブサイトの距離を縮めるために連携して機能します。キャッシュされたウェブサイトのバージョンを保存し、それらをユーザーに最も近いネットワークノードを介して訪問者に提供するので、待ち時間が短縮されます。多数のドメインが現れるほど、ページの読み込み時間が長くなるでしょう。現実的でない場合があるかもしれませんが、ページがあるドメインと異なるドメインの使用数は必要最低限にするよう注意すべきです。再利用されるコンテンツのキャッシュどんなコンテンツでも、キャッシュできるか、キャッシュされているか、キャッシュ期限が適切であるかを確認してください。ヘッダーに注意してください。これは、効率のよいページのキャッシュができるようにします。このヘッダーは、ファイルを読み込もうとしているユーザーエージェントに、ファイルがいつ更新されたかなどの情報を伝えます。ヘッダーを追加します。ついては取得できないので、ヘッダーを送信しません。そのため、特に動的に生成されるページについては、この件について調べてみると有益です。よって特に、動的に生成されるページのためにこの問題について調べることは有益です。厄介ですが、通常キャッシュできないページのリクエストを大幅に節約できるでしょう。共に、ページコンテンツをまずダウンロードすると、ページの読み込み中にユーザーに最もすばやくページを表示させることができます。このコンテンツは通常テキストであるため、転送中のテキスト圧縮の効率が良く、ユーザーへの反応がもっと早くなります。使用される前にページの読み込みが完了する必要がある動的機能は、最初は無効にしておき、ページの読み込みが完了した後でのみ有効にするようにしましょう。ページコンテンツの後に読み込まれるようになり、ページ読み込み時に全体が表示されるまでの時間が短縮されます。インラインスクリプト数の削減インラインスクリプトがあると、インラインスクリプトのパース中にページの構造が変わる可能性があるとパーサーが想定しなければならないため、ページの読み込みにおいて重荷になることがあります。用いたコンテンツの出力を減らすことで、ページ読み込みのパフォーマンスが向上するでしょう。画像使用を減らし、また多くの場合スタイル付けした文字列の画像を置き換えることが可能です。文字列の組み合わせに比べ、多大なコストがかかります。正しいマークアップを使用することは、ほかにも利点があります。(ユーザーの記述法の多様性を認めるかどうかという哲学的な問題とは別です。厳密な、許容範囲のない書式を強制するというより、プログラム的に「正しく」または正規化しましょう)さらに、正しいマークアップをすることによって、ウェブページをプリプロセスができる他のツールが自由に利用できるようになります。ホワイトスペースや省略可能な終了タグを除去することができます。重大なマークアップの誤りがあるページではツールを実行できません。コンテンツをまとめるテーブルをレイアウトのために使うのは陳腐化した方法であり、もはや使うべきではありません。floats、positioning、フレックスボックス、グリッドを使用してください。テーブルは現在でも妥当なマークアップと考えられていますが、表形式のデータを表示するために用いるべきです。ブラウザーがページを迅速に表示するためには、テーブルを入れ子にしないようにしてください。仕様書も参照してください。不必要なメタデータを含んでいることが多く、削除することができます。圧縮するよう設定しましょう。画像を縮小して圧縮する画像が大きいと、ページの読み込みに時間がかかります。画像をページに追加する前に、圧縮することを検討してください。PNG、その他多くのツールがオンラインで利用可能です。オフラインツールも使用できます。画像やテーブルのサイズ指定ブラウザーが直ちに画像やテーブルの高さや幅を決めることができれば、ブラウザーはコンテンツの再配置を行うことなくウェブページを表示できます。これはページの表示を高速化するだけでなく、ページの読み込みが完了するまでにレイアウトが不安定に変化することを防ぎます。要素を用いて列の幅を指定しましょう。ユーザーエージェント要件の賢い選択ページデザインを最大限に改善するには、プロジェクトのユーザーエージェントの要件を合理的なものにしましょう。すべてのブラウザー、特に古いバージョンのブラウザーでコンテンツがピクセル単位で正確に見えるように要求しないでください。理想的には、適切な標準仕様に対応している最新のブラウザーを最低要件にするよう考慮するべきです。この記事に記載している秘訣の多くはあらゆるユーザーエージェントに適用できる汎用的なテクニックであり、かつブラウザーの対応要件にかかわらずどのようなウェブページにでも適用できます。いつでも使用してください。読み込み中である間はレンダリングを中断できます。タグの後にあるコンテンツをレンダリングしないでしょう。これらの属性が初回のページ読み込みに大きな効果があるとしても、属性は使用するべきですがすべてのブラウザーで動作するとは考えないようにしてください。コードを作るためのガイドラインすべてに従っていれば、コードを変更する必要はありません。別のファイルに分けるとともに、パフォーマンスのためにファイル数は最小限にしてください。含めないようにしてください。別のファイルに分けるとともに、パフォーマンスのためにファイル数は最小限にしてください。ページコンテンツは、ページ全体の読み込みを待つことなく表示することができます。実行するのに用いるスクリプトです。スクリプトはたいてい、ページが完全に読み込まれて必要なオブジェクトがすべて初期化された後にのみ実行します。よって、ページのコンテンツより先に読み込む必要はありません。先に読み込むと、ページが最初に表示されるのが遅くなります。別のファイルに分けるとともに、パフォーマンスのためにファイル数は最小限にしてください。ロールオーバー効果で用いる画像がある場合は、ページのコンテンツをダウンロードした後に画像の先読みをしておきましょう。inbox.現在、ニュースレターは英語でのみ提供されています。従って私の個人情報を扱うことに同意します。