Opera’s newest Web browser introduces a new technology platform, Opera Unite, allowing you to stream music or share files, photos and more, right from the browser.

Opera's Developer Relations Team - Buffered rendering in SVGにおいて、最近のOperaに追加された新しいSVG機能が紹介されている。SVGのレンダリングパフォーマンスを向上させることができる機能で、SVGコンテンツを制作しているWebデザイナやWebデベロッパは注目しておきたい内容になっている。

Operaは最近の実装でSVGプロパティbuffered-renderingを追加した。どの程度の頻度で要素が更新されるのかを示唆するためのプロパティで、ブラウザはこの指定内容を加味してレンダリング性能の改善に取り組むことができるようになる。buffered-renderingに指定できる値はauto、dynamics、staticの3つ。それぞれ次の意味があるという。

Buffered rendering in SVGにはレンダリングサンプルとしてbuffered-renderingの指定がないものと、buffered-rendering="static"が指定されたものが用意されている。Opera 10.6系でサンプルを表示すると、バッファが有効になっていないSVGではきわめて動作が重くなることを確認できる。バッファが指定されているサンプルはサクサク動作する。

SVG バッファ指定なしデモ opera-10.61-6430.amd64.freebsd - 動作がとても重い。マウスをホバーしている間、レンダリングされるまでもたつきがある。buffered-renderingにstaticを指定するとスムーズに動作するようになる	SVG バッファ指定なしデモ opera-10.70-9036.amd64.freebsd - バッファは使われていないデモであってもOpera 10.70開発版では最適化が実施されておりサクサク動作する

用意されているサンプルはSVGの内部にPNG画像を埋め込んだもので、これに対して複雑なフィルタを適用してあるというもの。フィルタの処理に時間がかかるため、バッファの有効無効でレンダリングに大きな差が生まれている。興味深いのは、このサンプルをOpera 10.70開発版で閲覧すると、どちらもほとんど変わらなくなることだ。Opera 10.70ではSVGフィルタが最適化されており、複雑なフィルタリングを実施していてもそれほど性能が劣化しない。

バッファなしレンダリング - Opera 10.61-6430 - フレームレートは30前後	バッファありレンダリング - Opera 10.61-6430 - フレームレートは52前後

バッファなしレンダリング - Opera 10.70-9036 - フレームレートは30前後	バッファありレンダリング - Opera 10.70-9036 - フレームレートは52前後

Buffered rendering in SVGではバッファ指定が有効になっているSVGと無効になっているSVGとで、レンダリングのフレームレートがどのように変化するかのサンプルも提供している。バッファ指定がある方が高いフレームレートを実現していることがわかる。