質問: 低速回線(ISDN128K)向けのPCサイト(静止画・テキストからなるWebアプリ・AJaxで一部項目を常に更新させたい)をこれから作成することになりました。この環境下でもできるだけ快適に利用できるようにする為に、抑えておいた方が良い点がまとめられているサイトを教えてください。経験者の方のみお願いします。 回線は低速ですが、希望は閲覧PC環境をある程度固定できる点です。そこでWindows7以降でIE10/Chrome28限定にしようと考えています。 ですので「高速 Webアプリ」で検索すると出てきそうな、HTML5を用いた(オフラインウェブアプリ向け)系テクニックとか、スマホ向けの高速化手法なども十分参考になるかなと考えています。ただ、特に似たような開発に携わった方より血肉の通ったアドバイスを事前に頂ければと思い質問しました。 なお、こんなに低速回線を前提とするのは、ADSLですら基地局から離れていて遅い山間部でも快適にWebアプリケーションが動くようにして欲しいと担当から前もって釘を刺されたからです。 虫が良い質問ですが、よろしくお願いいたします。
回答: 離島のお客様向けの業務Webシステム(INS64使用)を構築した経験があります。 ポイントは2つです。 1. データ転送量を減らす。 2. 同時セッション数を制御する。 1ですが、マルチメディアデータ(動画、音声など)を使わないことが第一です。 静止画については、100kb×3~4本ならそれほど重くありません。 2ですが、1ページあたり、コンテンツ本体と画像データ3~4本に絞ることができるのが理想です。 自身でセッションを制御できない広告サイトや、ソース不詳のJavaScriptを埋め込むことは避けるべきです。 動的コンテンツは、あらたな通信が発生しなければOKです。 たとえば、サーバサイド(RubyやPHPなど)で動的にコンテンツを作ったり、クライアントサイド(HTML5やJavaScript)でコンテンツを動的に変更するのは大丈夫です。サーバ間通信は問題ありませんが、Ajaxとかでクライアント側に新しい通信が発生するのは避けるべきです。 クライアントがIE10/Chrome26ということなので、クライアント側でかなり動的なコンテンツを作ることはできそうです。 こういうノウハウを纏めたサイトは少ないです。 軽いサイトをキーワードに探すと、単純にコンテンツ容量の軽いものになってしまうので、今回の質問にはマッチしないと思います。 画像を最適化するという点では、下記サイトが参考になります。