PHPでWebページの読み込み速度を向上させる方法-PHPチュートリアル-php.cn

この記事では主に PHP で Web ページの読み込み速度を向上させる方法を紹介します。一定の参考値がありますので、共有します。困っている友達は参考にしてください。

1. ページリクエストを減らす:

Web の動作原理から見ると、IIS リクエストはステートレスであり、サーバー側では常に接続とシャットダウンが行われているため、サーバーリクエストを減らすことができれば、トータルの時間は短縮されます。

以前、163 Mailbox のログインページの画像をダウンロードしたとき、ページ全体の画像が 1 枚の画像で完成していて、その時は戸惑いました。私が普段作っているウェブサイト。ただし、httpwatch を使用してブラウザリクエストの数を減らすためにこれを行うと、合計リクエスト時間が大幅に短縮されることがわかります。同じ考え方で、CSS スタイルや JavaScript コードを作成する場合も、WEB リクエストを減らすために、できるだけ 1 つのファイルにまとめるべきです。

2. ページ圧縮テクノロジーにより、JS および HTML コードをスリム化できます。

Jquery は JS の最も軽量なクラスライブラリで、元のクラスライブラリは 242 KB ですが、圧縮するとわずか 91.6 KB になります。一般的な圧縮ツールには、Google Closure Compiler、YUI Compressor、JsPacker、gzip などがあります。私は通常、圧縮率が最も高い gzip を使用します。 jdk で圧縮すると、いくつかのスペースが削除され、長い変数名が短い文字に置き換えられます。

3. スタイル、動作、構造の分離。

初めてページにアクセスするときに、ユーザーは CSS および JS コードをダウンロードできます。これにより、Web ページの最初の読み込み速度は遅くなりますが、その後のページははるかに速くなります。ユーザーがこの Web サイトの他のページにアクセスすると、他のページもこの CSS スタイルと JS コードを参照します。ブラウザはダウンロードされたことを認識し、次回からダウンロードする必要はありません。これにより、1 回のダウンロードとその後の速度の効果が得られます。

4. ストアドプロシージャを使用する

ストアドプロシージャを実行する前に、データベースはその文法と構文を分析し、最適化された実行プランを提供します。このコンパイルされたプロセスにより、SQL ステートメントのパフォーマンスが大幅に向上します。 SQL ステートメントを実行する作業のほとんどが完了しているため、ストアドプロシージャを非常に迅速に実行できます。このプリコンパイルされた SQL ステートメントは直接実行でき、クエリ時間の大部分を節約できます。

5. 詳細:

CSS スタイルを先頭に置き、JS が多い場合は最後に JS コードを置きます。このようにして、ページの DOM 構造を可能な限り最初に読み込むことができ、その後、ユーザーエクスペリエンスを向上させることができます。 JS が大きすぎてページが完全に読み込まれていない場合、どのようなユーザーエクスペリエンスが得られるでしょうか?

6. AJAX の適切な使用方法

現在、Ajax は少し神話的なものになっているようですが、Web ページに Ajax が含まれている限り、効率の問題は発生しないように思えます。実はこれは一種の誤解なのです。 Ajax を適切に使用しないと、Web ページの効率が向上するのではなく、効率が低下します。 Ajax は確かに良いものですが、あまり信じ込まないでください。 Ajax を使用する場合は、上記のガイドラインも考慮してください。

7. スタイルツールによって生成されたページスタイルコードはできるだけ使用せず、スタイルファイルにスタイルを自分で記述します。できるだけ一般的に書くようにしてください。

8. ページキャッシュ

キャッシュテクノロジは、大規模なポータル Web サイトで使用されており、時間とスペースを交換するテクノロジです。

キャッシュは主にデータの読み取り速度を向上させるために行われます。サーバーとアプリケーションクライアントの間にはトラフィックのボトルネックがあるため、大容量のデータを読み取る場合、キャッシュを使用してクライアントに直接サービスを提供すると、クライアントとサーバー間のデータのやり取りが軽減され、セカンダリページのアクセス速度が大幅に向上します。 . プログラムの効率。

9. Web サイトのエンティティタグを設定します:

この Etag はユーザー用ではなく、ブラウザーのキャッシュ用です。 Etag は、キャッシュ内のコンテンツが変更されたかどうかをサーバーがブラウザーキャッシュに伝えるメカニズムです。 Etag を通じて、ブラウザは現在のキャッシュ内のコンテンツが最新かどうか、またサーバーから再度ダウンロードする必要があるかどうかを知ることができます。

10. CDN テクノロジーを使用します。

オンラインで何かをダウンロードするとき、ダウンロード速度と安定性を向上させるために CDN テクノロジーを使用する「サザンサーバー」と「ノーザンサーバー」をよく見かけます。

CDN の正式名称は Content Delivery Network で、コンテンツ配信ネットワークのことです。基本的な考え方は、データ伝送速度と安定性に影響を与える可能性のあるインターネット上のボトルネックやリンクを可能な限り回避し、コンテンツ伝送をより速く、より安定させることです。 CDN システムは、ネットワーク全体にノードサーバーを配置して、既存のインターネットに基づいたインテリジェントな仮想ネットワーク層を形成することで、ネットワークトラフィック、各ノードの接続と負荷の状態、およびユーザーまでの距離をリアルタイムに分析できます。応答時間、およびユーザーのリクエストをユーザーに最も近いサービスノードにリダイレクトするためのその他の包括的な情報。その目的は、ユーザーが必要なコンテンツを近くで入手できるようにし、インターネットネットワークの混雑状況を解決し、Webサイトへのユーザーアクセスの応答速度を向上させることです（百度百科事典より）。

11. Gzip を使用してドキュメントを圧縮する:

GZIP エンコードは、Web ページのパフォーマンスを向上させるために使用される方法であり、ストレージ容量を削減するだけでなく、送信に必要な時間も削減できます。 Gzip を使用して Web サイト内のファイルを圧縮すると、Web ページの読み込み速度が大幅に向上し、Web サイトの帯域幅の消費も削減されます。

12. スタイルシートファイルは外部に配置され、次のように呼ばれます:

ページで使用する必要がある JavaScript および CSS スタイルシートファイルを別のフォルダーに配置します。これにより、Web サイトの他のページを開いたときに、これらの呼び出されたファイルがキャッシュされ、Web サイトページの読み込み速度が向上します。

13. JavaScript ファイルの軽量化:

この方法は、gzip 圧縮機能とは異なります。不要なスペースやその他のタグを削除するなど、JavaScript ドキュメントのサイズを削減する方法は数多くあります。。スクリプトファイルを減らすと、Web ページのアクセス速度が大幅に向上します。

14. 画像の高さと幅の属性を使用する

各画像の高さと幅の属性を使用すると、ブラウザは画像を読み込む前に画像の長さと幅を認識し、指定された長さと幅は、画像が読み込まれた後に表示されます。これら 2 つの属性がないと、ブラウザは画像を正常に読み取った後にページレイアウトスタイルを再度処理する必要があり、Web ページの読み込み速度が確実に遅くなります。したがって、画像サイズが固定されている場合は、高さと幅の属性を使用するのが最善です。

15. CSS ファイルの圧縮とスリム化

p CSS は現在の流暢な Web ページレイアウト方法であり、要素を定義し、CSS は表示効果を制御します。そのため、外部にリンクされた 1 つ以上の CSS ファイルに CSS を記述することが多く、CSS ファイルのコードにも多くの行が含まれます。いくつかの CSS 圧縮ツールを使用して、スタイルやスペースなどの繰り返し定義など、CSS ファイル内の不要な冗長コンテンツを削除してスリム化できます。 CleanCSS ツールを使用して CSS ファイルを圧縮してみることができます。

16. CSS ファイルと JS ファイルを統合して HTTP リクエストの数を削減する

現在、Web ページには複数の画像、CSS 外部ファイルリンク、JavaScript 外部スクリプトリンクが含まれています。したがって、Web ページにアクセスするとき、ブラウザはサーバーにこれらのファイルを複数回リクエストする必要があります。リクエストからロードまでにはかなりの時間差が生じます。特に、複数の小さな画像やアイコンボタンを含む Web ページの場合、ブラウザは画像の数と同じ数のこれらの小さなファイルを要求する必要があります。これらの小さな画像ファイルを要求しすぎると、Web ページの読み込み速度に大きな影響を与えます。したがって、小さな画像を大きな PNG 画像に結合し、座標を介してアイコンを表示するように最善を尽くす必要があります。 1 つの大きな画像を一度にリクエストする方が、小さな画像を複数回リクエストするよりもはるかに高速です。同様に、Web ページの読み込みを高速化するには、CSS と Javascript をできるだけ単一のファイルに組み合わせることが最善です。

17. ディレクトリアドレスの後にスラッシュ (/) を追加します

訪問者がこのようなディレクトリアドレスをクリックしてアクセスした場合: http://www.3haojob.com、このインデックスを開きますディレクトリ .html ドキュメント。サーバーがリクエストを受信すると、それがファイルなのかディレクトリなのかを解析するのに時間がかかります。ただし、末尾にスラッシュ (/) を追加すると、サーバーはユーザーがディレクトリアドレスにアクセスしていることを認識し、デフォルトのドキュメント Index.html または Index.php を直接ロードします。このようにして、サーバーはこのアドレスの分析に時間を費やす必要がなく、プロセスの高速化にも一定の役割を果たします。労働者派遣

以上がこの記事の全内容です。皆様の学習に少しでもお役に立てれば幸いです。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。