東京・新宿区のWeb制作会社アクセルメディアのブログ

3/11に発生した東北関東大震災について、まずは亡くなられた方々のご冥福をお祈り致します。

弊社の所在地である東京・新宿でも震度5強の地震に見舞われ、一時は混乱しましたが、現在は落ち着きを取り戻しています。
しかし余震は続いておりまだ油断はできない状況です。

さて、わが国全体が重大な局面にあるなか、私たちWeb制作者には何ができるでしょうか。
募金を募ったり、各地の情報をまとめたり、なかには被災地に赴いてネット環境の整備をしたり、ネットを通じていろんなことが提供できると思います。

現在、関東では被災地の電力不足を補うため節電が急務となっており、ここでは基本的にサーバーやデスクトップのメモリ、CPUの稼動を抑えることで少しでも電力消費を減らそうという観点での手段をご紹介しようと思います。

1. Flashをなくす
   Flashは、やはりブラウザのCPUを多く消費します。
   画像で代替できるなら変更しましょう。
2. 大きな画像、高画質な画像を圧縮
   大きな画像は表示の際にブラウザのメモリを消費します。
   また、高画質な画像は回線を圧迫しサーバー側の負担となります。
   できるだけ解像度を下げ、可能な限り圧縮して容量を減らしましょう。
   画像によってはgifやjpgよりもpngの方が綺麗なまま容量を減らすことができる場合もあります。
3. HTTPリクエストを減らす
   多くのWebページではCSSやJavaScriptを外部ファイル化していると思いますが、ちょっとした内容でもファイルを分けて沢山読み込むようにしてしまうと、ページ内でのHTTPリクエスト数が増えてしまいます。
   できるだけまとめて記述したファイルを作成し、読み込むファイル数を減らしましょう。
   さらに、外部ファイル化したCSSやJavaScriptは改行やコメント文などを削除することで容量の削減になります。
   画像に関してはCSSスプライトを積極的に使うと良いでしょう。
4. 重いプログラムを削減
   PHP等のプログラムが重い処理をするとサーバーの負担となり消費電力が増加します。
   人助けと思って無駄を省いたプログラミングを心がけましょう。
5. キャッシュを積極的に使う
   サーバーサイドのプログラムではリクエストヘッダなどを操作できるため、できるだけブラウザにキャッシュされるように組みましょう。
   また、PHPであればAPCやmemcacheの利用、PEAR::Cache_Liteによるファイルキャッシュなど回線やサーバーに負担がかからないようにしましょう。
6. 自動実行系プログラムの停止
   Cronを使って実行しているプログラムなど、使用しないのに動かしたまま放ったらかしのものがあるかもしれません。
   そういうものは削除してしまいましょう。
   また、Ajaxなどで定期的にリロードするようにあプログラムも、必要ない場合は削除しましょう。
7. 無駄なアニメーションの削除
   最近はjQueryなどで手軽にWebページ上でアニメーション効果を取り入れることができますが、アニメーションはJavaScriptが連続実行しているためブラウザのメモリを消費します。
   見た目のインパクトだけでUI的になくても問題ないといったものは削除しましょう。
   また、IEの機能であるexpressionはブラウザに大きな負担となることがあります。
   節電というだけでなく、普段からできるだけ使用は避けるのがいいと思います。
8. スタートアップの削減
   ここからはPC上の節電対策です。
   まずスタートアップに登録してあるアプリケーションで、滅多に使わないけど一応起動させているものなどは削除しましょう。
   また、起動しているアプリケーションでもこまめに終了させるとメモリやCPUの負担を軽減できます。
9. 周辺機器の切断
   USB機器も近頃は面白いものや便利なものが多いですが、使わなくてもいいものは積極的に抜いてしまいましょう。
   しかし携帯電話だけは、非常時のために(充電が許可されていれば)できるだけフル充電を保っておきましょう。
10. 壁紙やデスクトップアイコンを消してみる
    PCの壁紙は、高解像度だったり色数が多かったりすると実は若干ではありますがメモリを消費しています。
    また、デスクトップアイコンが多いと表示にマシンパワーを使います。
    アイコンはどこかフォルダにまとめたり、壁紙は消して単色にしてみるのも、シンプルな見た目になって気分もスッキリします。

いかがでしょうか。
どれもわずかな節約かもしれませんが、数多あるWebサイトの多くが気を使ってもらえると大きな効果になるかもしれません。
(サーバーサイドプログラム系に関してはサーバーのデータセンターが関東にある場合が対象ですが・・・)
また、お気づきの方もいらっしゃると思いますが、こういった手法はサイトの高速化にも繋がりSEOの効果も高まります。

GoogleのPerson Finderや今回の地震向けの地域Twitterまとめサイト「SAVE JAPAN」など、既に多くの地震関連のサービスやサイトが、迅速かつハイクオリティに立ち上がってきていますが、
ここではWebサイトを制作するうえで少しでも被災地の手助けになればという点を挙げてみました。

ひとりでも多くの被災者が、一刻も速く無事に暮らせるようになることを願っています。