fast & furious: speed in the opera browser

@andreasbovens

Fast & Furious: Speed in the Opera browser

http://www.flickr.com/photos/booleansplit/3942748344/Wednesday, November 9, 11

http://www.flickr.com/photos/booleansplit/3942748344/

http://www.flickr.com/photos/booleansplit/3942748344/

Wednesday, November 9, 11

Chris Mills

Bruce LawsonDaniel Davis

Karl Dubost

meShwetank Dixit

Divya Manian

Luz Caballero

Tiffany Brown

Vadim Makeev Mike TaylorZi Bin CheahPatrick Lauke@odevrel


Recent Presto enhancements(typically land first on desktop)


Presto prefetches images included via background-image, -o-border-image, list-style-image, content properties while waiting for more stylesheets to load.Note: we do a super-quick run-through (a sort of selective cascade) to make sure the images will effectively be used.

(already in Opera 11.50)


SSL + network improvements:

(expect this to land in Opera 11.60, 12)


SSL + network improvements:- SSL False Start: reduces SSL handshake latency.



SSL + network improvements:- SSL False Start: reduces SSL handshake latency.- Strict Transport Security (STS): reminds browser that the given domain should only be contacted over https.



SSL + network improvements:- SSL False Start: reduces SSL handshake latency.- Strict Transport Security (STS): reminds browser that the given domain should only be contacted over https.- Various network speed optimizations.



Our Carakan JS engine internally uses automatic classes to keep track of object properties and their types. We've recently expanded these classes’ scope and power to also record the layout (or shape) of the objects along with their property types. This improved compact object model allows Carakan to reduce the overhead per object, and the richer type information also enables the generation of better JITed code.

(should be in Opera 11.60)


Refactored SVG traverser and improved SVG painting structure, including smarts to optimize for specific TV use cases.

(should be in Opera 11.60, TV deliveries)


Hardware acceleration!- support for OpenGL, DirectX backends.- powers WebGL, 2D canvas, but also all other painting, and even browser UI drawing.

(planned for Opera 12)


Opera Turbo

http://www.flickr.com/photos/damianmorysfotos/4804494571/in/photostream/Wednesday, November 9, 11

http://www.flickr.com/photos/damianmorysfotos/4804494571/in/photostream/

http://www.flickr.com/photos/damianmorysfotos/4804494571/in/photostream/

Opera Turbo servers act as compression proxy between the user and the website:- non-gzipped content is gzipped- images are converted to WebP

Opera Turbo


Remember!Look at the X-Forwarded-For header to determine the visitor’s IP address.

Opera Turbo


Opera Mobile

http://www.flickr.com/photos/davidht/2124791520/




Fast panning, without checkerboard:


Fast panning, without checkerboard:


http://www.youtube.com/watch?v=jL-WLkpnRhE

http://www.youtube.com/watch?v=jL-WLkpnRhE

Fast panning, without checkerboard: - new, dynamic way of drawing content on screen: only visible viewport is rendered.


Fast panning, without checkerboard: - new, dynamic way of drawing content on screen: only visible viewport is rendered.- zoomed image interpolation tweaks.


screen: only visible viewport is rendered.- zoomed image interpolation tweaks.


Bilinear interpolation for zoomed images already in the viewport.




Nearest neighbor interpolation for zoomed images that are being moved into the viewport.





Nearest neighbor interpolation for zoomed images that are being moved into the viewport.Wednesday, November 9, 11

www.opera.com/developer/tools/mobile/

Opera Mobile Emulator


http://www.opera.com/developer/tools/mobile/

http://www.opera.com/developer/tools/mobile/

Opera Minihttp://www.flickr.com/photos/nrmadriversseat/5449080917/


http://www.flickr.com/photos/nrmadriversseat/5449080917/

http://www.flickr.com/photos/nrmadriversseat/5449080917/

Instead of HTTP and HTML, Mini uses a binary format over a binary protocol, with radical reduction of request and responses.


Note: the DOM lives on the server, and hence, dynamic interaction is limited.


Also here, look at the X-Forwarded-For header to determine the visitor’s IP address!


The latest Opera Mini performance tweaks...


With checkerboard


http://www.youtube.com/watch?v=Zb1SNThKL1I






























With colored blocks


http://www.youtube.com/watch?v=a97_KCibvEM






























The latest Opera Mini performance tweaks...- colored blocks instead of checkerboard


The latest Opera Mini performance tweaks...- colored blocks instead of checkerboard- GPU accelerated rendering


Opera Dragonfly

http://www.flickr.com/photos/profilerehab/5218108077/Wednesday, November 9, 11

http://www.flickr.com/photos/profilerehab/5218108077/

http://www.flickr.com/photos/profilerehab/5218108077/

Soon: JS profiler!

my.opera.com/dragonfly/blog/


http://my.opera.com/dragonfly/blog/

http://my.opera.com/dragonfly/blog/

Thanks for listening! @andreasbovens @odevrel

http://www.flickr.com/photos/ejcallow/5608030160/Wednesday, November 9, 11

http://www.flickr.com/photos/ejcallow/5608030160/

http://www.flickr.com/photos/ejcallow/5608030160/

fast & furious: speed in the opera browser

Technology