ウェブサイトをスピードアップさせる29の魔法 | SEO Japan

グーグルでウェブサイトの表示速度をランキングに影響させているというニュースが出てから、ウェブサイトの高速化の方法が少し話題になりましたが、今回はそんな高速化の手法を29まとめて紹介。SEOはともかく、ページの表示速度が速い方がサイト内の滞在時間やコンバージョン率が改善されることは様々なデータで証明されていますし、サイト運営者であれば一度チェックする価値はあるかも？ — SEO Japan ウェブサイトをスピードアップさせよう。コンバージョン率が上がり、回線容量の経費が削減され、そして、オーガニックな検索結果のランキングが上がるなど、理由はたくさんある。 率直に言わせてもらうと、あまりにも頻繁にウェブサイトを担当するチームからスピードアップに反対されてしまうため、私は辟易している。 以下にウェブサイトのスピードアップを実現するために参考にしてもらいたいアドバイスを掲載していく。簡単なものもあれば、難しいものもある: イメージを別のドメインでホスティングする。アマゾン S3等のサービスは利用方法がとても簡単だ。S3のアカウントを作り、S3のストレージで「blah.yoursite.com」等のサブドメインを指定しよう。そのサブドメインでイメージをホスティングする。ウェブブラウザは、複数のドメインから同時に読み込むことが可能であり、サイトの速さが際立つだろう。また、自分のサーバーの容量およびCPUをあまり使わなくて済む。些細なことかもしれないが、積もれば大きな効果を発する。   イメージをフリッカーでホスティングし、別のドメインで利用する。   適切なファイルのタイプを用いてイメージを圧縮する。色彩豊かな写真やイメージには損失を伴う?JPEG?の圧縮を行う。線画や色の少ないイメージには?PNGやGIF?で損失のない圧縮を行う。   アップロードする前にイメージのサイズを調節する。高さと幅でサイズを調節してはいけない。フォトショップやファイヤーワークス等のツールを利用しよう。150-ピクセルの幅のサムネイルを埋めるために1,000ピクセルの幅のイメージをダウンロードさせるのはあまりにも酷である。   優れたコードを作れるように勉強する。普通レベルの企業用のコンテンツ管理システム（CMS）やショッピングカートであっても、劣悪なHTMLのコードを導き出す。整理しよう。権限を持つのはサーバーではなく自分自身である。どんなサーバーでもちょっとした調整できれいなコードを生成することが出来る能力を持っているので、調節しておこう。   CSSをそれぞれのページにエンベッドするのではなく、別の.cssファイルに置く。   CSSを分割する。サイトのすべてのページで用いられるスタイルのみを持つスタイルシートを一つ作成する。次にスタイルシートをそれぞれの固有のページのレイアウトに対する別のスタイルシートを作成する: ホームページ、通常の記事のページ、通常の製品ページ等。それぞれのページで必要なものだけ読み込むようにする。   CSSの使い方を学ぶ。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color=“blue” style=“font-size:10pt;font-weight:bold;”>の代わりに<p>を使っているなら、多くの容量を節約することが出来るだろう。そして、私のようなタイプの人達から笑われずに済むはずだ。   javascriptを.jsファイルに収める。それぞれのページに埋め込むのはやめよう。それではあまりにもレベルが低過ぎる。javascriptを埋め込むと、グーグルボットを含むすべてのビジターは、ページにアクセスする度に当該のコードをダウンロードしなければならなくなる。一方、.jsファイルに収めているなら、グーグルボットは無視し、訪問するブラウザはキャッシュに格納する。   CSSを分割するように、javascriptを分割する。   出来るだけjavascriptのローディングを遅らせる。グーグルで「javascript 遅らせる」を検索すれば、役に立つリソースを見つけることが出来るだろう。   フラッシュを取り払う。善は急げだ。ページのエレメントを動画化する方法は他にもたくさんある。フラッシュをどうしても使わなければいけないなら、出来るだけ小さくしよう。   ウェブサーバーでGZIPの圧縮を設定する。   何かも小さくする: HTML、javascript、そして、CSS。編集するために小さくしていないアイテムをすべてコピーしておこう。ただし、サーバー主体のオンザフライのソリューションに頼ってはならない。サーバーのオーバーヘッドを高めてしまうだけであり、トラフィックが多い場合、スピードダウンの原因になってしまうためだ。   リダイレクトを最小限に抑える。「301リダイレクト」はSEOには向いているが、1回の301リダイレクトよりも5回連続の301リダイレクトの方が効果が高いわけではない。必要な場合を除いて、301リダイレクトの利用を控えよう。リダイレクトする前に修正しておこう。   正規化の問題を解決しよう。解決と言っても、「rel=canonical」を利用しろと言っているわけではない。「サイトのすべてのページが単一のアドレスを持っている」点を確認してもらいたい。そうすることで、キャッシュのパフォーマンスが向上し、メモリーの利用を抑えつつ、スピードアップさせることが出来る。   優れたホスティングに投資する。月の利用料が5ドルのどこにでもあるホスティングを利用しているなら、スピードの記録を樹立しようなど夢のまた夢である。ハイレベルなギークではない限り、優れたホスティングサービスに投資しておきたいところだ。共同ホスティングパッケージ（一つのサーバーで複数のサイトをホスティング）の中には素晴らしいパフォーマンスを実現するものもあるが、出来るだけスピードアップしたいなら、専用のサーバーを1つまたは複数用意したいところだ。   サーバーでキャッシュを設定する。ワードプレスを利用しているなら、W3 トータルキャッシュ等のプラグインを使おう。ワードプレス以外のツールを利用しているなら、当該のツールについて勉強し、キャッシングの能力を把握すること。サーバーはキャッシングを用意しているはずだ。もしくは用意することが出来るはずだ。チョコレート工場で働いていた小人からサーバーを譲り受けたなら話は別だが。   静的が好ましい。サイトをPHP、ASP、あるいは別のスクリプト言語で構築しているなら、サイトはすべてPHP、ASP、または関連する言語で表示されている可能性が高い。「About us」や「プライバシー」等の一部のページは、変更することがほとんどないため、完全に“静的”な.htmlページにすることが可能だ。そうすることで、サーバーのCPUへの一連のコールを減らすことが出来る。規模は小さいが、パフォーマンスは一瞬にして改善される。   .NETを利用しているなら、VIEWSTATEの変数を圧縮する方法を学ぼう。この面倒な変数はコードで大きなスペースを占める。VIEWSTATEW変数を必要なときがくるまでは削除してしまう方が好ましい。   [...]