Your SlideShare is downloading. ×
0
The basics of web performance      By Prasoon Agrawal      prasoongkp@gmail.com
My areas of interest   Performance Engineering   Cloud Computing and Architecture   User Activity & Behavioral Analysis...
Y Performance Is important Better   User Experience Better   User Engagement Better   Conversion
Types of Optimization Server   Side Processing Optimization Page   Load Optimization Post   Page Load Optimization Mak...
Server Side processing OptimizationIn-memory   Data Objects CachingHTTP   Runtime CachingHTTP   Server Configuration Tw...
Page Load Optimization   Make Fewer HTTP Requests   Use a Content Delivery Network   Use browser caching by headers(Exp...
Post Page Load Optimization   Reduce the DOM Size   Use least no of plugins   Render Dynamic content on the fly when ne...
Make Your Browsing Experience faster                 Using Public DNSReduces the no of DNS lookup and LatencyLesser Redi...
Thank You                    Questions ?Sources: http://developer.yahoo.com        https://developers.google.com
Upcoming SlideShare
Loading in...5
×

Web performance Talk

224

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
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
224
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "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 (8.8.8.8 / 8.8.4.4)DnsAdvantage(156.154.70.1 / 156.154.71.1)OpenDns(208.67.222.222 / 208.67.220.220)NortonDns(198.153.192.1 / 198.153.194.1)
  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.

×