Web サイトの速度は、次の点を考慮して最適化することで影響を受け、向上させることができます:
HTTP リクエストの削減 / 削減
HTTP リクエストが少ないほど、Web サイトの表示速度が速くなります。スクリプト、スタイルシート、画像など、可能な限りロードする必要がある外部ソースの数を制限します。これらはすべて HTTP リクエストです。
CSS スタイルシートを 1 つだけ使用する
既存のすべてのスタイルシートを単一の CSS ファイルまたはディレクトリにフォーマットし、HTML ドキュメントの
セクションからリンクします。 HTML ドキュメントではインライン スタイル情報を使用しないことに注意してください。これは、読み込み時間が遅くなり、コーディング方法が不適切になるだけでなく、SEO のマイナス要因にもなります。これにより、CSS ファイルのキャッシュが可能になり、Web ページの配信が高速化されますインライン スタイルと Java スクリプトなし
HTML ドキュメント内の Java スクリプト ドキュメントとコードは、上記の CSS スタイル情報と同様に、外部ディレクトリからリンクする必要があり、独自のファイル フォルダーなどと同様の方法でリンクする必要があります。可能であれば、Web サイトの特定のセクションで依存関係として最初に JavaScript が必要な場合を除き、JavaScript を最後に読み込みます。このようにして、すべてのコンテンツとスタイルが表示され、ユーザーが検索エンジンから見たものを中断することなく、JavaScript をロードし続けることができます。
CSS スプライトを使用する
可能な限り、スプライトを使用して複数の画像を 1 つの画像に結合し、HTTP 要求の数を減らします。必要に応じて JavaScript または CSS で呼び出して、映画のフレームとして使用できますが、単一の画像とほぼ同じ速度で読み込まれます。
すべての画像を最適化
画像が Web 用に最適化されていることを確認してください。 Photoshop を使用している場合は、[Web 用に保存] ダイアログで簡単に選択できます。 (「保存」ダイアログの下)。この対話により、画像のサイズが縮小されます。画像のサイズを変更するか解像度を下げると、最適化に役立ちます。また、コードでは、frame または div タグに必要なスペースのみを使用してください。コードで画像のサイズを変更すると、実際には完全な画像サイズが呼び出され、画像の読み込みが速くなりません。
サーバー側のキャッシュを使用する
この手法では、URL ごとに「プレーン HTML ファイル」が作成されるため、同じ URL が再度要求されるたびに動的ページを再構築する必要がありません。つまり、動的ページは静的 HTML ドキュメントとして解析され、Web サーバーに保存されます。これにより、充電時間を大幅に短縮できます
Gzip 圧縮を使用する
Gzip は、Web ブラウザーに送信されるページのサイズを大幅に圧縮します。従来の場合、最大70%以上のファイルサイズを削減可能
CDN(Content Delivery Network)を利用
CDNを利用すると、ユーザーはデータを並行してダウンロードできるため、ウェブサイトのより速く配信されます。 CloudFront のような低コストの CDN は人気のあるプラットフォームです。
301 リダイレクトを減らす
可能であれば、301 リダイレクトを使用しないでください。特に、別の 301 リダイレクト (など) に 301 リダイレクトしないでください。 301 フォワーダは、Web ブラウザに新しい URL へのアクセスを強制します。新しい URL では、ブラウザーは HTTP 要求を受信するまで待機する必要があります。これに加えて、Google ボットは少数のリダイレクトしかたどりません。ほとんどの場合、追跡を停止する前に 3 つの 301 のみを追跡します。
専用サーバーを使用する
現在、ほとんどの Web サイトは共有ホスティング プラットフォーム上にあります。これは、Web サイトが、インターネット サービス プロバイダーの 1 台の物理マシン上で最大 100 (またはそれ以上) の他のサイトでホストされていることを意味します。これは、Web サイトの読み込み時間に悪影響を及ぼす可能性があります。専用サーバーまたは VPS を使用し、サイトのトラフィックに合わせて対応するハードウェア設定を行うことで、パフォーマンス上の利点が得られます。
ウェブサーバーを最適化
世界で最も広く使用されている Web サーバーは Apache です。 Apache ワーカー プロセスとその子プロセスを、それぞれのユーザー数と Web サイトの機能 (オンライン ショップ、ダウンロード ポータル、フォーラムなど) に適合させることをお勧めします。