サーバーとデータのやり取りを行う際にはデータの処理が発生し、その数や量によって遅延が生じます。そこで以前使用したデータを再利用する事によって処理を減らし、表示速度を早めるというのがキャッシュの利用になります。

サーバーのキャッシュの他に、例えば弊社で運用構築をメインで行っているCMSのSitecoreは、ページ単位とテンプレート単位でキャッシュしており、サーバーやCDNではキャッシュ出来ないコンテンツのキャッシュや個人レベルでどこまでキャッシュを持たせるかの設定などを行い、同じく表示速度の改善に役立てています。

HTMLファイルは記述された順に実行されます。しかし先に読みこまれるファイルの容量が大きく、読み込みに時間がかかってしまうと、結果としてページの表示に大幅な遅延が生じます。

その対策として、ファーストビューに必要なファイルの読み込みを優先的に行いコンテンツの表示にかかる時間を短縮し、ユーザーの待ち時間を軽減するという手法があります。

ただし、ファイルの読み込み順を誤るとレイアウトが崩れてしまう事があるため、コンテンツの表示に影響を与えないように留意すべき点もあります。

画像ファイルの数や容量の大きな画像はパフォーマンス低下の原因になります。これらを最適化する事で通信量を減らし、サイトスピードの改善を図ります。高画質の画像などは1枚でかなりのデータ量を持ちます。これを人間には判別出来ないレベルで画像を圧縮する事で、データ量を軽量化します。

画像を圧縮する事で、色数や解像度などが下がり、圧縮のしすぎや何度も圧縮したりすると劣化が大きくなってきますが、画質を追求するよほどの理由がない限り圧縮に起因する画質の劣化は問題視するレベルではありません。

また画像圧縮にも様々な形式やツールがあるため、サイトに適した圧縮を行う事を推奨しています。 圧縮以外にも、画像の数が多い場合には本当に必要な画像か選定する、PNG、JPGなどのファイル形式の中から最適なものを選択する、適切な解像度やサイズを検討するといった対策を講じる必要があります。

サーバーのスペックを上げる事で処理能力を向上させる方法です。単純にサーバーのスペックに著しい問題がある場合、ここに挙げている手法を使用しても有効になりえない事があるため、サーバーのスペックを検討する必要があります。

クラウドサーバーではCPU、メモリなどを容易に拡張出来、訪問ユーザーの増加時にサーバーのスペックが不足していると判断した場合に、仮想サーバーのスペックを自動で上げる事も可能です。

一時的なアクセスの増加に対して、複数のサーバーを並列して運用し負荷のかかる処理を分散して割り当てる仕様の事です。

サーバーに大きな負荷がかかると、処理に時間がかかったり最悪の場合システムがダウンする可能性があります。そうした場合に備えて同じ役割を担うサーバーを複数導入し、負荷分散装置（ロードバランサー）という装置を設置する事で負荷分散が可能になります。

また、ロードバランサー以外にもDNSラウンドロビンという機能を設定する事でサーバーの負荷分散を実現する事も可能です。

ブラウザはページを開く際に、HTMLの情報を読み込みそれを基にディスプレイ表示させるという工程を行っています。場合によってはCSSコードが適切でないとデザインの表示に遅延を起こす可能性もあります。

対策の一例としては「ショートハンド」というCSSを一括で指定する方法があり、本来数行かかる指定を一行に収める事でCSSファイルもすっきりし文字数を減らす事が出来ます。
他にも可能な限り空白スペースを削除する、重複している指定のものをマージする、といった対応が考えられます。

レイアウトに影響が出ないように慎重に行う必要はありますが、それぞれサイトに適した方法でCSSの最適化をしましょう。