Browser – dns-prefetch , prefetch, prerender

The latest browsers support the following new attributes in <link> tag.

  1. dns-prefetch
  2. prefetch
  3. prerender

If we can predict (know to which next page the user is moving to) destination URL, we can prefetch/prerender the page in browser memory. This gives an improvement to perceived webppage  performance

A nice article from Stevesourders on the same : http://www.stevesouders.com/blog/2013/11/07/prebrowsing/

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/

Measuring the webpage AFT(Above the Fold Time) performance

Aritcle on how to use webpagetest.org to get the AFT(above the fold time)

http://assets.en.oreilly.com/1/event/62/Above%20the%20Fold%20Time_%20Measuring%20Web%20Page%20Performance%20Visually%20Presentation.pdf

Steve Souders – Performance Tools list

Steve blog on list of of performance tools

Mobile Website Performance Optimization – 15 awesome slideshows

http://econsultancy.com/in/blog/10506-15-awesome-mobile-website-performance-optimization-slideshows

CSSEMBED for adding the image data(base64) into CSS itself – Draft

https://github.com/nzakas/cssembed/wiki