Web performance Talk


Published on

This slide is about the basics of web performance
gives the insite of all the things we can do to achieve
high performing web apps

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Web performance Talk

  1. 1. The basics of web performance By Prasoon Agrawal prasoongkp@gmail.com
  2. 2. My areas of interest Performance Engineering Cloud Computing and Architecture User Activity & Behavioral Analysis Mobile Applications Web Applications
  3. 3. Y Performance Is important Better User Experience Better User Engagement Better Conversion
  4. 4. Types of Optimization Server Side Processing Optimization Page Load Optimization Post Page Load Optimization Make Your Browsing Experience faster
  5. 5. Server Side processing OptimizationIn-memory Data Objects CachingHTTP Runtime CachingHTTP Server Configuration TweakingReducing Server Side ProcessingReducing First Byte Time
  6. 6. Page Load Optimization Make Fewer HTTP Requests Use a Content Delivery Network Use browser caching by headers(Expires, Cache-Control & Last-Modified) Enable Proxy caching by header(Cache control:public ) Minify CSS, HTML & JavaScript Enable Gzip for HTML, CSS & JavaScript above 150bytes Defer Loading of JavaScript which are not used in the beginning of page load Serve static content from a Cookie free Domain Keep Cookies and Request headers as small as possible ensure that HTTP request can fit into a single packet(i.e. 1500 bytes) Minimize DNS lookups (reduce the no of hostnames) Use URL paths instead of hostnames wherever possible Use Minimum or No Redirection Avoid Bad Request (404 / 410) errors Combine Images Using CSS sprites Balance parallelizable resources across hostnames (upto 5-6 domains)
  7. 7. Post Page Load Optimization Reduce the DOM Size Use least no of plugins Render Dynamic content on the fly when needed Do not attach too many events to the on load Do least possible calculations on client side Make CSS rules as specific as possible using Class & ID selector Allow elements to inherit from parent elements Remove extra qualifiers(tag or class over Id & tag over class) Avoid CSS expressions(only for IE < 7) Put CSS in the document head(use <link> in <head>) Specify Image dimensions to avoid reflows and re-render page Specify dimensions that match those of the images themselves Specify a correct character encoding and content type in header
  8. 8. Make Your Browsing Experience faster Using Public DNSReduces the no of DNS lookup and LatencyLesser Redirects and Load balanced cached resultsSave from Denial-of-Service(DoS) attackSave from Spoofing DNS serversGoogleDns ( /DnsAdvantage( /OpenDns( /NortonDns( /
  9. 9. Thank You Questions ?Sources: http://developer.yahoo.com https://developers.google.com
  1. A particular slide catching your eye?

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