Fast & Furious:  Speed in the Opera browserhttp://www.flickr.com/photos/booleansplit/3942748344/                           ...
Wednesday, November 9, 11
Wednesday, November 9, 11
Bruce Lawson                                                                                       Daniel Davis           ...
Wednesday, November 9, 11
Wednesday, November 9, 11
Recent Presto enhancements                                        (typically land first on desktop)Wednesday, November 9, 11
Presto prefetches images included via background-image,               -o-border-image, list-style-image, content propertie...
SSL + network improvements:                                             (expect this to land in Opera 11.60, 12)Wednesday,...
SSL + network improvements:               - SSL False Start: reduces SSL handshake latency.                               ...
SSL + network improvements:               - SSL False Start: reduces SSL handshake latency.               - Strict Transpo...
SSL + network improvements:               - SSL False Start: reduces SSL handshake latency.               - Strict Transpo...
Our Carakan JS engine internally uses automatic classes to               keep track of object properties and their types. ...
Refactored SVG traverser and improved SVG painting               structure, including smarts to optimize for specific TV us...
Hardware acceleration!               - support for OpenGL, DirectX backends.               - powers WebGL, 2D canvas, but ...
Wednesday, November 9, 11
Opera Turbohttp://www.flickr.com/photos/damianmorysfotos/4804494571/in/photostream/Wednesday, November 9, 11
Opera Turbo               Opera Turbo servers act as compression proxy between               the user and the website:    ...
Wednesday, November 9, 11
Wednesday, November 9, 11
Wednesday, November 9, 11
Wednesday, November 9, 11
Opera Turbo               Remember!               Look at the X-Forwarded-For header to determine the               visito...
Wednesday, November 9, 11
Opera Mobile             http://www.flickr.com/photos/davidht/2124791520/Wednesday, November 9, 11
Fast panning, without checkerboard:Wednesday, November 9, 11
Fast panning, without checkerboard:Wednesday, November 9, 11
Fast panning, without checkerboard:                            - new, dynamic way of drawing content on                   ...
Fast panning, without checkerboard:                            - new, dynamic way of drawing content on                   ...
- zoomed image interpolation tweaks.Wednesday, November 9, 11
- zoomed image interpolation tweaks.Wednesday, November 9, 11
- zoomed image interpolation tweaks.                            Bilinear interpolation for zoomed images already in the vi...
- zoomed image interpolation tweaks.                            Bilinear interpolation for zoomed images already in the vi...
- zoomed image interpolation tweaks.                            Bilinear interpolation for zoomed images already in the vi...
Opera Mobile Emulator                     www.opera.com/developer/tools/mobile/Wednesday, November 9, 11
Opera Mini   http://www.flickr.com/photos/nrmadriversseat/5449080917/Wednesday, November 9, 11
Wednesday, November 9, 11
Instead of HTTP and HTML, Mini uses a binary                            format over a binary protocol, with radical       ...
Instead of HTTP and HTML, Mini uses a binary                            format over a binary protocol, with radical       ...
Note: the DOM lives on the server, and hence,                            dynamic interaction is limited.Wednesday, Novembe...
Also here, look at the X-Forwarded-For header                            to determine the visitor’s IP address!Wednesday, ...
The latest Opera Mini performance tweaks...Wednesday, November 9, 11
With checkerboardWednesday, November 9, 11
With colored blocksWednesday, November 9, 11
The latest Opera Mini performance tweaks...                            - colored blocks instead of checkerboardWednesday, ...
The latest Opera Mini performance tweaks...                            - colored blocks instead of checkerboard           ...
The latest Opera Mini performance tweaks...                            - colored blocks instead of checkerboard           ...
Opera Dragonfly                                             http://www.flickr.com/photos/profilerehab/5218108077/Wednesday, N...
Wednesday, November 9, 11
Soon: JS profiler!                            my.opera.com/dragonfly/blog/Wednesday, November 9, 11
Thanks for listening!       @andreasbovens @odevrel                                 http://www.flickr.com/photos/ejcallow/5...
Upcoming SlideShare
Loading in...5
×

Fast & Furious: Speed in the Opera browser

5,281

Published on

From its early days, Opera has focused on providing its users with a snappy browsing experience on a wide range of hardware and OSes. In this talk, I look at the latest versions of Opera for desktop, Opera Mobile and Opera Mini and explore how they make web pages super fast.

http://velocityconf.com/velocityeu/public/schedule/detail/22183

Published in: Technology, Art & Photos
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
5,281
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
53
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Fast & Furious: Speed in the Opera browser

  1. 1. Fast & Furious: Speed in the Opera browserhttp://www.flickr.com/photos/booleansplit/3942748344/ @andreasbovensWednesday, November 9, 11
  2. 2. Wednesday, November 9, 11
  3. 3. Wednesday, November 9, 11
  4. 4. 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 TaylorWednesday, November 9, 11
  5. 5. Wednesday, November 9, 11
  6. 6. Wednesday, November 9, 11
  7. 7. Recent Presto enhancements (typically land first on desktop)Wednesday, November 9, 11
  8. 8. 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)Wednesday, November 9, 11
  9. 9. SSL + network improvements: (expect this to land in Opera 11.60, 12)Wednesday, November 9, 11
  10. 10. SSL + network improvements: - SSL False Start: reduces SSL handshake latency. (expect this to land in Opera 11.60, 12)Wednesday, November 9, 11
  11. 11. 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. (expect this to land in Opera 11.60, 12)Wednesday, November 9, 11
  12. 12. 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. (expect this to land in Opera 11.60, 12)Wednesday, November 9, 11
  13. 13. Our Carakan JS engine internally uses automatic classes to keep track of object properties and their types. Weve 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)Wednesday, November 9, 11
  14. 14. 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)Wednesday, November 9, 11
  15. 15. 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)Wednesday, November 9, 11
  16. 16. Wednesday, November 9, 11
  17. 17. Opera Turbohttp://www.flickr.com/photos/damianmorysfotos/4804494571/in/photostream/Wednesday, November 9, 11
  18. 18. Opera Turbo Opera Turbo servers act as compression proxy between the user and the website: - non-gzipped content is gzipped - images are converted to WebPWednesday, November 9, 11
  19. 19. Wednesday, November 9, 11
  20. 20. Wednesday, November 9, 11
  21. 21. Wednesday, November 9, 11
  22. 22. Wednesday, November 9, 11
  23. 23. Opera Turbo Remember! Look at the X-Forwarded-For header to determine the visitor’s IP address.Wednesday, November 9, 11
  24. 24. Wednesday, November 9, 11
  25. 25. Opera Mobile http://www.flickr.com/photos/davidht/2124791520/Wednesday, November 9, 11
  26. 26. Fast panning, without checkerboard:Wednesday, November 9, 11
  27. 27. Fast panning, without checkerboard:Wednesday, November 9, 11
  28. 28. Fast panning, without checkerboard: - new, dynamic way of drawing content on screen: only visible viewport is rendered.Wednesday, November 9, 11
  29. 29. Fast panning, without checkerboard: - new, dynamic way of drawing content on screen: only visible viewport is rendered. - zoomed image interpolation tweaks.Wednesday, November 9, 11
  30. 30. - zoomed image interpolation tweaks.Wednesday, November 9, 11
  31. 31. - zoomed image interpolation tweaks.Wednesday, November 9, 11
  32. 32. - zoomed image interpolation tweaks. Bilinear interpolation for zoomed images already in the viewport.Wednesday, November 9, 11
  33. 33. - 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.Wednesday, November 9, 11
  34. 34. - 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.Wednesday, November 9, 11
  35. 35. Opera Mobile Emulator www.opera.com/developer/tools/mobile/Wednesday, November 9, 11
  36. 36. Opera Mini http://www.flickr.com/photos/nrmadriversseat/5449080917/Wednesday, November 9, 11
  37. 37. Wednesday, November 9, 11
  38. 38. Instead of HTTP and HTML, Mini uses a binary format over a binary protocol, with radical reduction of request and responses.Wednesday, November 9, 11
  39. 39. Instead of HTTP and HTML, Mini uses a binary format over a binary protocol, with radical reduction of request and responses.Wednesday, November 9, 11
  40. 40. Note: the DOM lives on the server, and hence, dynamic interaction is limited.Wednesday, November 9, 11
  41. 41. Also here, look at the X-Forwarded-For header to determine the visitor’s IP address!Wednesday, November 9, 11
  42. 42. The latest Opera Mini performance tweaks...Wednesday, November 9, 11
  43. 43. With checkerboardWednesday, November 9, 11
  44. 44. With colored blocksWednesday, November 9, 11
  45. 45. The latest Opera Mini performance tweaks... - colored blocks instead of checkerboardWednesday, November 9, 11
  46. 46. The latest Opera Mini performance tweaks... - colored blocks instead of checkerboard - GPU accelerated renderingWednesday, November 9, 11
  47. 47. The latest Opera Mini performance tweaks... - colored blocks instead of checkerboard - GPU accelerated renderingWednesday, November 9, 11
  48. 48. Opera Dragonfly http://www.flickr.com/photos/profilerehab/5218108077/Wednesday, November 9, 11
  49. 49. Wednesday, November 9, 11
  50. 50. Soon: JS profiler! my.opera.com/dragonfly/blog/Wednesday, November 9, 11
  51. 51. Thanks for listening! @andreasbovens @odevrel http://www.flickr.com/photos/ejcallow/5608030160/Wednesday, November 9, 11
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×