プロキシサーバで画像を非可逆圧縮、3Gで効果大
速い! Opera Turboを使ってみた
2009/03/17
WebブラウザベンダのOpera Softwareは3月13日、高速化機能を搭載した「Opera Turbo」を期間限定で公開した。Windows版、Mac OS X版、Linux版をダウンロードできる。Operaが保有するプロキシサーバでHTMLや画像のコンテンツを最適化することでダウンロード時間を短縮。モバイル接続など通信速度が限定された環境で、表示の高速化が可能という。また、トラフィックの削減になるため従量課金の場合には通信料の節約にもなる。
Operaのサーバ側で圧縮
Webブラウザの左下にあるアイコンをクリックすることで、この機能はオン・オフを制御できる。
Opera Turboの最適化機能のオン・オフを制御するアイコン。Webブラウザ起動後、10ページほど開いたところで計1MBのデータ量を削減したと表示している。左側のアイコンは、非可逆圧縮のためにノイジーになっているOpera Turboは現在アルファ版のOpera 10をベースに開発されたWebブラウザ。同社が低スペックな携帯電話端末向けに提供しているOpera Mini同様に、Operaが所有するサーバ側でコンテンツを圧縮してWebブラウザに送り出すことで帯域を削減する。ただし、Opera Turboに搭載される「Opera Web Optimization Proxy」と名付けられた機能は、Opera Miniで使っている独自のマークアップ言語「OBML」(Opera Binary Markup Language)は採用していない。HTMLで書かれたページは、通常のPC版Webブラウザと同等の表示になる。
Ajax(XmlHttpRequests)やFlashもサポートするが、一部プラグインは明示的にクリックしないと動かないという。SSL通信はプロキシサーバをバイパスするため、圧縮の効果はなくなる。
モバイル環境では、はっきり体感できる速度差
@IT編集部ではLinux版のOpera Turboをダウンロードして、イー・モバイルの3G接続サービスでを利用してみた。@ITのトップページを表示させてみたところ、Opera Web Optimization Proxy非利用の場合に11秒ほどかかった表示完了までの時間が5秒程度に短縮。ほとんどのWebページで、はっきりと速度向上を体感できた。画像圧縮以外の最適化手法についてOperaは詳細を明かしていないが、Webブラウザがコンテンツの表示を開始するタイミングもかなり早い。HTML、CSS、画像などの送出順やHTTPコネクション数の削減など、何らかの最適化手法を組み合わせている可能性も考えられる。
@ITのニュース記事や解説系ページを10ページほど開いた結果、合計のデータ節約量は1MB。1ページ当たり平均して100KBほど少なくなっている計算になる。この間、Opera Turboのアイコン表示によれば、スピードアップ効果は平均して3.3倍。
最適化あり/なしで画像のサイズを比較してみると、ベクターグラフィックを元にしたPNG画像で117KBが16KBに、人物写真のJPEG画像で42KBが18KBになっていた。やや圧縮率が高めの非可逆圧縮で、小さなアイコンに書かれた文字など一部が読みづらくなるという問題はあったが、文字やレイアウト自体は劣化がなく認識しやすい。
小さな画像アイコン、特に文字が入ったものでは劣化が強すぎる感もあるが、認識できないものではない
最適化機能あり(上)と、なし(下)の比較。文字は通常通りで、画像だけが圧縮されていることが分かるGoogleマップでも効果あり
Ajaxを利用したWebページとしてGmailやGoogleマップにもアクセスしてみたが、特に利用に問題は感じなかった。地図のビットマップに対してはやはり圧縮が効いているようで、最適化をオンにした状態では非可逆圧縮特有のノイズが乗るようになる。地図のスクロールやズームでもスピードアップの効果は明らかで、最適化オフではもたつくスクロールが、最適化オンではかなりスムーズになる。
プロキシサーバ方式による画像の非可逆圧縮は、低速回線で劇的な速度向上効果があり、これまでにもウィルコムの「MEGA PLUS」のような有料オプションサービスがあった。今後、3G接続やモバイルWiMAXなど、ノートPCを使ったデータ通信が一般化すれば、こうしたサービスが見直されるかもしれない。
Opera Softwareでは、今後、デスクトップ向けのWebブラウザにも最適化機能を入れていくとしている。
関連記事
情報をお寄せください:
- 画像を美しく魅せる効果を加えるjQueryプラグイン3選 (2010/3/17)
2つ重ねて比較するBefore/After、部分ごとに切り替えるpanelGallery、ズーム/カーテンなどができるcycle - 現場の無駄な流血を止めるための「プロトタイプ」とは (2010/3/12)
サイトやWebアプリ/RIAの設計やデザインを効率良く進めるには、プロジェクト関係者の想定を一致させていくことが大事だが… - Flashを閃光のごとく高速化するための基礎知識 (2010/3/9)
Flash高速化のための基礎知識や実践的テクニックを紹介する連載。初回は“処理負荷”を調べる具体的な方法を解説します - Windows 7でどんだけ“おばか”なアプリが作れるの? (2010/3/4)
おばかの発想の源やアプリの作り方などについて、おばかアプリ選手権の歴戦の受賞者や、マイクロソフトの代表者に話を伺った。アイデアのご参考に
|
|
スポンサーからのお知らせ
- - PR -
| 「いつかは壊れるサーバ」そんな故障に 迅速で安価に手軽に対応する方法とは? New! |
| 「特権ユーザー」の事件を防げ! 万能権限を持つユーザーの管理方法とは? New! |
| 仮想環境の構築とデータ保護の特効薬?! 実績と信頼性の高いパッケージで安心運用 |
| 仮想環境のバックアップもこれまでどおり 「まるごと取ってまるごと戻す」簡単運用 |
| おばかアプリ選手権、第4弾開催中!! ムダにカッコよくてくだらない作品求ム! |
| 社内ファイルサーバを“クラウド”に統合 VPN直結「クラウド型ストレージ」を紹介 |
| その数、なんと400台以上! グループ内 サーバの「統合管理」によるメリットは? |
| 美人!? まあまあ? 気になる いやし系!! PV急増で「美人時計」がとった手段とは? |
| 進化を続ける富士通ストレージETERNUS DX 製品開発者の自信を裏付けるものとは何か |
| 運用管理の課題を“2つの観点”から分析 ユーザー満足度の高い「仮想環境」とは? |
お勧め求人情報

**先週の人気講座ランキング**
〜CCNA編〜
| ◆ | TomcatやJBossなどAPサーバ環境に関する 情報を集約! “業務”用APサーバ大百科 New! |
| ◆ | 一気に解説! 最新のクラスタストレージ 「RAIDを超えたストレージ基準」……など New! |
| ◆ | クラウド的ユーザー体験の変化は脅威か? 仮想化技術を使いこなす運用管理術を紹介 New! |

| ◆ | 上司や部下、部署内メンバーとの情報共有 を“ガラッ”と変えるコラボツールとは? New! |
| ◆ | おばかアプリ選手権、第4弾開催中!! ムダにカッコよくてくだらない作品求ム! |
| ◆ | 社内ファイルサーバを“クラウド”に統合 VPN直結「クラウド型ストレージ」を紹介 |

| ◆ | Twitterのアカウントはなぜ突破された? メールによる新手の攻撃手法とその対策 |
| ◆ | もう仮想化のお試しフェイズは終わりだ! Hyper-V 2.0が基幹システムも仮想化 |
| ◆ | 美人!? まあまあ? 気になる いやし系!! PV急増で「美人時計」がとった手段とは? |

| ◆ | クライアント企業から求められる人材 ⇒IT技術と経営戦略を併せ持つ「戦略家」 |
| ◆ | .NET編集長が実践する「技術情報検索術」 サンプル・コードを簡単に探す“技”は? |
| ◆ | 業務効率と情報セキュリティ対策を両立! 手間なく確実に機密情報を守る方法とは? |

| ◆ | 進化を続ける富士通ストレージETERNUS DX 製品開発者の自信を裏付けるものとは何か |
| ◆ | 運用管理の課題を“2つの観点”から分析 ユーザー満足度の高い「仮想環境」とは? |

| ◆ | 【CTC事例】約30の基幹システムを統合! 膨大なバッジジョブを制御した方法は? |
| ◆ | 仮想化すればコストは削減できるか? 仮想化に必要な「3つの視点」を解説する |
| ◆ | その数、なんと400台以上! グループ内 サーバの「統合管理」によるメリットは? |






