Fast & Furious: Speed in the Opera browser

Fast & Furious:
Speed in the Opera browser

http://www.ﬂickr.com/photos/booleansplit/3942748344/
@andreasbovens
Wednesday, November 9, 11

Bruce Lawson
Daniel Davis

Divya Manian
Chris Mills
Karl Dubost

Shwetank Dixit Tiffany Brown
me

Luz Caballero

Patrick Lauke
@odevrel Zi Bin Cheah Vadim Makeev Mike Taylor

Recent Presto enhancements
(typically land ﬁrst 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 False Start: reduces SSL handshake latency.


- Strict Transport Security (STS): reminds browser that
the given domain should only be contacted over https.


- 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 speciﬁc 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.ﬂickr.com/photos/damianmorysfotos/4804494571/in/photostream/

Opera Turbo

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 Mobile

http://www.ﬂickr.com/photos/davidht/2124791520/


Fast panning, without checkerboard:


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


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



Bilinear interpolation for zoomed images already in the viewport.



Bilinear interpolation for zoomed images already in the viewport.

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

Opera Mobile Emulator

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


Opera Mini http://www.ﬂickr.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


With colored blocks


- colored blocks instead of checkerboard


- colored blocks instead of checkerboard
- GPU accelerated rendering


Opera Dragonfly

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

Soon: JS proﬁler!
my.opera.com/dragonﬂy/blog/


Thanks for listening!
@andreasbovens @odevrel
http://www.ﬂickr.com/photos/ejcallow/5608030160/

Fast & Furious: Speed in the Opera browser

More Related Content

What's hot

Similar to Fast & Furious: Speed in the Opera browser

More from Andreas Bovens

Recently uploaded

Fast & Furious: Speed in the Opera browser