GNU/Linux >> Linux の 問題 >  >> Linux

サイトの読み込み時間を最適化し、Google PageSpeed を向上させるにはどうすればよいですか?

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 サイトの機能 (オンライン ショップ、ダウンロード ポータル、フォーラムなど) に適合させることをお勧めします。


Linux
  1. LinuxコマンドラインでJPEGまたはPNG画像を最適化および圧縮する方法

  2. cPanelサイトパブリッシャーを使用してWebサイトを簡単に構築する方法

  3. Linuxでウェブサイトの読み込み速度をテストする方法

  1. ファイルをコピーし、所有権、権限を同時に変更する方法

  2. Lsを実行し、作成された日付で結果を並べ替える方法は?

  3. Bash +セカンダリスクリプトとメインスクリプトの両方を終了する方法は?

  1. ファイルをコピーすると同時にターゲットディレクトリを作成するにはどうすればよいですか?

  2. CentOS / RHEL :history コマンド出力で実行されたコマンドの日時を取得する方法

  3. Linux で夏時間 (DST) を無効にしてタイムゾーンを変更する方法