Defer/PostLoad/LazyLoad/Async

Many of the components from 3rd party affect the page load performance.

A nice slideshare article on 3rd Party SPOF(Single Point of failure) and how to mitigate the same by using the following options

  1. Defer
  2. LazyLoad
  3. Async

Ref : http://www.slideshare.net/guypod/third-partyperformancev3

Advertisements

Adding iOS agents to Webpagetest

http://andydavies.me/blog/2013/03/05/adding-ios-test-agents-to-a-webpagetest-instance/

Spdy protocol from google for faster web

SPDY is an experiment with protocols for the web.  Its goal is to reduce the latency of web pages.

http://www.chromium.org/spdy

More detail in the following video

https://mozillaignite.org/resources/labs/lab-5-spdy-eliminating-web-bottlenecks-and-taking-full-advantage-1-gbs/

Image compression with webp

WebP is a new image format that provides lossless and lossy compression for images on the web. WebP lossless images are 26% smaller in size compared to PNGs. WebP lossy images are 25-34% smaller in size compared to JPEG images at equivalent SSIM index. WebP supports lossless transparency (also known as alpha channel) with just 22% additional bytes. Transparency is also supported with lossy compression and typically provides 3x smaller file sizes compared to PNG when lossy compression is acceptable for the red/green/blue color channels.

https://developers.google.com/speed/webp/

http://www.igvita.com/2013/03/07/faster-smaller-and-more-beautiful-web-with-webp/

Webp format has been implemented in Opera . Check the following value for “Accept” header. This includes “image/webp”

Opera text/html, application/xml;q=0.9, application/xhtml+xml, image/png, image/webp, image/jpeg, image/gif, image/x-xbitmap, */*;q=0.1

More details in : http://blog.netdna.com/developer/how-to-reduce-image-size-with-webp-automagically/

Compress data more densely with Zopfli

The Zopfli Compression Algorithm is a new open sourced general purpose data compression library

http://googledevelopers.blogspot.in/2013/02/compress-data-more-densely-with-zopfli.html

Zopfli in action : http://zopflinator.org/

Steve Souders Blog on Zopflinator : http://www.stevesouders.com/blog/2013/03/08/zopflinator/

WPT beyond basics

http://www.slideshare.net/AndyDavies/web-page-test-beyond-the-basics

Performance Acceleration Step-wise

Nice article on how to improve performance of a page in a step-wise manner.

This also shows , how to benchmark page and identify the base metrics to compare with the improvements

http://www.webperformancetoday.com/2012/09/27/mobile-web-performance-trends-and-predictions-slides/