一、ウェブサイトのプログラムではDIV+CSSという方式を採用し、Tableを使用しない。
現在、DIV+CSSは主流のプログラミング言語であり、これはファイルサイズが小さく読み込みが速いという利点と密接に関係しています。主流のウェブサイトやCMSもこの方式を採用しています。したがって、皆さんにもこの方式でプログラミングすることをお勧めし、従来のTable構造は採用しないでください。Table構造は管理が不便なだけでなく、ウェブページのサイズも大きくなり、サイトの読み込み速度を低下させます。
二、Gzip技術を利用してウェブページを圧縮します。
Gzip技術を用いてウェブページを圧縮することは、ウェブページのサイズを減らす良い方法です。通常、これはウェブサイトのスペースがサポートしている必要があります。私が使用しているA5の共有ホストでは、圧縮率は80%に達します。ウェブページのサイズが小さくなれば、当然読み込み速度も速くなります。
三、CSSファイルの数とサイズを減らします。
DIV+CSSを採用する際、CSSファイルは非常に重要です。コーディング中に複数のCSSファイルがある場合は、それらを統合することをお勧めします。これによりサイトの読み込み速度が向上します。さらに、専門のウェブページ最適化ソフトウェアを使用してCSSファイルをスリム化し、CSSファイルのサイズを減らすこともできます。
四、CDN加速の利用
この1年、CDNは個人サイト運営者の間でよく耳にするようになり、多くのユーザーも使用しています。CDNの正式名称はContent Delivery Networkで、コンテンツ配信ネットワークと訳されます。その原理・考え方は、インターネット上でデータ転送の速度や安定性に影響を与える可能性のあるボトルネックや要素をできるだけ回避し、コンテンツ転送をより速く、より安定させることです。つまりウェブサイト高速化アクセラレータであり、有料で使用する必要があります。無料のものはあまり安定していません。
五、コードを最適化し、肥大化した構造を減らす
もし比較的普及しているCMSを使用するなら、この点に関して肥大化したコード構造は存在しないはずですが、注意すべきなのは、テンプレートを作成または選択する際にも不合理な構造が存在し得るということです。テンプレートやプログラムを書くときは、比較的簡潔なプログラムフレームワークを使用する必要があります。簡潔さはユーザーエクスペリエンスに良く、検索エンジンスパイダーのクロールや取得にもより有利です。
六、画像のサイズと数を減らす
ウェブサイトに画像をアップロードする際は、画像のサイズや寸法をできるだけ小さくするようにしましょう。アップロード前に画像を圧縮処理し、画像は適切なサイズで十分であり、大きすぎないようにします。画像はサイトの装飾に過ぎず、すべてを画像入りの記事にする必要はありません。同時に、多数の動画や音声コンテンツの使用もできるだけ避けてください。
七、JavaScriptスクリプトファイルを減らし、できるだけ一つのファイルにまとめます。
できるだけJSコードは外部から呼び出し、ウェブページ内に置かず、ましてや外部のJSコードをリモートで呼び出さないようにしてください。例えば、GoogleはHEADタグ内の分析コードを読み込むことを推奨しています。また、JavaScriptを結合して圧縮し、より速く読み込ませることも試せます。時には、ヘッダー部分のCSSやJSコードが多すぎて、中間のコンテンツ部分の読み込みが遅くなることがあります。したがって、ヘッダー部分のコードをできるだけ減らすべきです。
八、静的HTMLページを活用する
周知のように、ASP、PHP、JSPなどのプログラムはウェブページ情報の動的なやり取りを実現しており、動作は確かに非常に便利です。データのやり取りに優れているため、データベースの内容を簡単に読み書き・変更できます。しかし、このようなプログラムには独自の欠点があります。それは、サーバーが先にHTMLページを生成し、その後ユーザーに「送信」する必要があることです。ステップが一つ増えるため、必ずサイトのアクセス速度に影響を及ぼします。したがって、筆者は、新しいサイトを立ち上げたばかりの時期、自分のサイトの重要な評価期間中は、静的HTMLページを採用する方が比較的安全であると提案します。
九、ASP、ASPX、PHPなどのファイルへのアクセスを.js参照へ変更します。
これはASP、ASPX、PHPなどでプログラムを設計する際に注意すべき点です。静的HTMLページに動的データを埋め込みたい場合、その動的データがASP、PHPなどのプログラムによって提供されるなら、以下のような文で参照します：
<script src="http://www.w3cschool.cc/network_index.php?data=1″></script>
このようにすると、あなたのウェブサイトに1人がアクセスするたびに、サーバーはnetwork_index.phpファイルを一度実行・処理し、データベースから対応するデータを抽出してウェブページに出力して表示しなければなりません。もし数万人が同時にアクセスすれば、数万回実行することになり、その結果は想像に難くないでしょう。これらのプログラムでは、データを動的にnetwork_index.jsファイルに生成し、それからトップページで
<script src="http://www.w3cschool.cc/network_index.js"></script>
このようなコードでそのnetwork_index.jsファイルを参照します。これにより、データ表示のタスクはクライアント側のブラウザに任され、サーバーのリソースを消費しませんので、表示速度は当然速くなります。前者にかかる時間は後者のほぼ数倍にもなります！