ウェブサイト最適化のための7つのヒント

ウェブサイトの速度に関して、著者はいくつかの実用的な方法をまとめました。ホームページを作成するときに、次の方法を使用すると、Webページの速度が大幅に向上します。

1. ページの軽量化にご協力ください

私たちが Web を閲覧するとき、実際には仮想ホスト内の Web ページのコンテンツをローカル ハード ディスクにダウンロードし、ブラウザーを使用してそれを解釈して表示します。ウェブページのダウンロード速度は表示速度の大きな割合を占めるため、ウェブページ自体が占めるスペースが小さいほど、閲覧速度は速くなります。そのため、Web ページを作成するときは、大きすぎる Flash アニメーション、画像、その他のリソースを使用しないなど、すべてをシンプルに保つという原則に従う必要があります。すっきりと簡潔なページは、人々に明確な思考を感じさせます。

2. 必要でない場合は、静的HTMLページを使用する

ご存知のとおり、ASP、PHP、JSP などのプログラムは、Web ページ情報の動的なインタラクションを実現します。これらのプログラムは、データのインタラクション性に優れているため、非常に簡単に実行できます。データベースの内容に簡単にアクセスして変更できるため、フォーラムやメッセージ ボードなどの Web サイトが「動的」になります。ただし、このようなプログラムは、まずサーバーによって処理されて HTML ページが生成され、その後、閲覧のためにクライアントに「送信」される必要があるため、必然的に一定量のサーバー リソースが消費されます。仮想ホスト上でこの種のプログラムを使いすぎると、Webページの表示速度が確実に遅くなるので、そうする必要はありません。静的なHTMLページを使用するようにしてください。 これについては、http://www.routease.com/home.htm を参照してください。

3. ページコンテンツ全体をテーブルに配置する

これはウェブデザインの問題です。ページの統一された配置を実現するために、多くのウェブマスターはページ全体のコンテンツをテーブルに詰め込み、セル td を使用して各「ブロック」のレイアウトを分割します。このような Web サイトの表示速度は絶対に遅くなります。テーブルは、その中のすべてのコンテンツが読み込まれるまで表示されないため、一部のコンテンツにアクセスできない場合は、ページ全体のアクセス速度が低下します。正しいアプローチは、コンテンツを同じ構造を持つ複数のテーブルに分割し、すべてを 1 つのテーブルにまとめないことです。

4. ASP、ASPX、PHP などのファイルへのアクセスを .js 参照に変更します。

ASP、ASPX、PHP などのプログラムを設計するときには、この点に注意する必要があります。静的 HTML ページに動的データを埋め込み、その動的データが ASP、PHP などのプログラムによって提供される場合は、次のステートメントを使用して参照します。このようにして、誰かが Web サイトにアクセスするたびに、サーバーは tongji.asp ファイルを 1 回実行して処理し、データベースから対応するデータを抽出して、Web ページに出力して表示します。数万人が同時にアクセスした場合、数万回実行され、その結果は想像に難くありません。これらのプログラムでは、データを 1.js ファイルに動的に生成し、<SCRIPT src='/images/loading.gif' data-original="http://www.XXX.com/1.js">< /SCRIPT> などのコードを使用してホームページ上の 1.js ファイルを参照することをお勧めします。この方法では、データを表示するタスクがクライアントのブラウザに引​​き継がれるため、サーバーのリソースが消費されず、表示速度が自然に非常に速くなります。作者のウェブサイト www.routease.com の home.htm ファイルには、多数の js 参照が含まれており、js コンテンツはバックグラウンド プログラムによって自動的に生成されるため、アクセス速度が非常に速くなります。

5. iframe を使用して別のページをネストします。

ウェブサイトに広告コードを挿入し、これらの広告サイトが速度に影響を与えないようにしたい場合は、iframe を使用するのが最適です。方法は、これらの広告コードを別のページに配置し、次のコードを使用してページをホームページに埋め込みます。これにより、広告ページの遅延によってホームページ全体の表示が遅れることがなくなります。コードは次のとおりです。

元のタイトル: ウェブサイト最適化のための 7 つのヒント

キーワード: