Pagespeed – critical path analyzer

Critical path analyzer is a new addition to pagespeed tool.

Critical path analyzer provides the rendering events(time) in the form of waterfall. This helps in you identifying what is the rendering order, why an resource is rendered late(slow/delayed).

Also provides the dependency of these rendering events to identify if the rendering has been blocked by any Javascript execution.

Check of this video on how to use the critical path analyzer  : http://www.youtube.com/watch?v=UxgMS19S134

25 great tips for improving the Web Page Performance

The following site contains 25 great tips for improving the web page performance

http://browserdiet.com/

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/