ユーザーはWebサイトの表示を気長には待ってくれません。表示速度を改善する事で、ユーザーに快適なブラウジングを提供致します。
Webサイトで発生するユーザーの待ち時間の約8割は、Webブラウザにデータが転送される時間、Webブラウザによってコンテンツが描画される時間だといいます。実はパフォーマンスの問題の多くはバックエンドではなく、フロントエンドにあったのです（※）。本サービスではフロントエンド、つまりコンテンツ表示に特化したWebサイトの高速化を行います。
- ※ サイトの性質によっては、バックエンドに原因が集中することもございます。
始めにWebサイトの状態を診断致します。パフォーマンス問題の原因が画像なのか、CSS、JavaScriptなのかを解明いたします。さらにWebサイトの性質を踏まえた上で、最適な改善案をご提供致します。
HTTPリクエストを減らす
Webサイトには多くの画像、CSS、JavaScriptファイルがあります。これらを可能な限り1つのファイルにまとめることにより、HTTPリクエストを減らします。
スタイルシートを先頭に配置する
CSSをHTMLソースの上部に記述することにより、HTMLダウンロード後、一番先ににレイアウトが描画されます。ユーザーは真っ白な画面で待たされることがありません。
スクリプトを末尾に配置する
スクリプトがダウンロードされるとレイアウトの描画、他のファイルのダウンロードが中断されます。HTMLソースの末尾に記述することで、このような事態を防ぎます。
CSSとJavaScriptを外部ファイルに記述する
単純な比較では、CSSとJavaScriptをHTMLソースに直接記述した方が外部ファイル化するよりも表示は速いです。しかし、直接の記述ではWebブラウザのキャッシュの利用もソースの再利用もできません。外部化することでWebサイト全体でのファイルのダウンロード量を減らせます。
JavaScriptのサイズを小さくする
JavaScriptはWebサイトに非常に便利な機能を提供します。その反面、ファイル容量は肥大していきます。スクリプト内の空白文字や改行を取り除いたり、変数名を短くしたりすることで大幅にファイル容量を減らすことが可能です。
リダイレクトを避ける
リンク先のURLを「http://www.ini.co.jp」としていると、スラッシュ（/）付きのURL「http://www.ini.co.jp/」へのリダイレクトが起こってしまいます。ちょっと気を付けてリンク先のURLをスラッシュ付きにしておけば処理を1つ減らせます。
スクリプトの重複を排除する
大規模なWebサイト構築では、開発チームが大きくなり、なかなか全てのファイルを管理しきれません。その過程でスクリプトの重複が生まれるのは珍しいことではありません。この重複したスクリプトは余分なHTTPリクエストやダウンロードを発生させます。 重複するスクリプトをまとめることで上記の問題を解消します。
パフォーマンステスト
上にあげたような対策の結果を、チェックツールを用いてチェックします。「YSlow」はYahooが、「Page Speed」はGoogleが公開しているパフォーマンスチェックツールです。
