Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Web Application Optimization Techniques

13,295 views

Published on

Published in: Technology
  • Login to see the comments

Web Application Optimization Techniques

  1. 1. Web Application Optimization Techniques
  2. 2. Lecture Outline <ul><li>What is Web Application Optimization? </li></ul><ul><li>Why Optimize? </li></ul><ul><li>Optimization Techniques </li></ul><ul><ul><li>Application Layer Optimization Techniques </li></ul></ul><ul><ul><li>Presentation Layer Optimization Techniques </li></ul></ul><ul><li>Caching – How your browser does it </li></ul><ul><li>Performance Analyzers </li></ul><ul><ul><li>Yslow </li></ul></ul><ul><ul><li>Firebug </li></ul></ul><ul><li>Web Server Tuning </li></ul><ul><ul><li>Expires </li></ul></ul><ul><ul><li>Last-Modified-Since </li></ul></ul><ul><li>Examples </li></ul>
  3. 3. What is Web Application Optimization? <ul><li>Web Application Optimization is all about tuning your web application components to make your web application fast or appear fast. </li></ul>
  4. 4. Why Optimize? <ul><li>Faster loading times for pages </li></ul><ul><li>Lesser amount of data to transfer </li></ul><ul><li>Less load on the server </li></ul>
  5. 5. Optimization Techniques <ul><li>Application Layer </li></ul><ul><ul><li>Database Optimization </li></ul></ul><ul><ul><ul><li>Indexing </li></ul></ul></ul><ul><ul><ul><li>Query optimization </li></ul></ul></ul><ul><ul><ul><li>Table partitioning </li></ul></ul></ul><ul><ul><ul><li>De-normalization </li></ul></ul></ul><ul><ul><ul><li>Query caching </li></ul></ul></ul><ul><ul><li>Application Server </li></ul></ul><ul><ul><ul><li>Code Caching </li></ul></ul></ul><ul><ul><ul><li>Code Refactoring </li></ul></ul></ul><ul><li>Presentation Layer </li></ul><ul><ul><li>Cache Control </li></ul></ul><ul><ul><li>Web Content Minify-ing </li></ul></ul>
  6. 6. Caching – How your browser does it <ul><li>It's all in the headers </li></ul><ul><li>Every time your browser gets a resource, it attempts to determine whether or not to cache the resource and for how long to do so. </li></ul><ul><li>Validation on cached resources are carried out from time to time. </li></ul>
  7. 7. Performance Analyzers <ul><li>Yslow - http://developer.yahoo.com/yslow/ </li></ul>
  8. 8. Performance Analyzers <ul><li>Firebug - http://www.getfirebug.com/ </li></ul>
  9. 9. Web Server Tuning <ul><li>Expires </li></ul><ul><ul><li>ExpiresActive On </li></ul></ul><ul><ul><li>ExpiresByType text/html &quot;access plus 1 day&quot; </li></ul></ul><ul><ul><li>ExpiresByType image/gif &quot;access plus 5 months&quot; </li></ul></ul><ul><ul><li>ExpiresByType image/jpeg &quot;access plus 5 months&quot; </li></ul></ul><ul><ul><li>ExpiresByType text/css &quot;access plus 1 week&quot; </li></ul></ul><ul><ul><li>ExpiresByType application/x-javascript &quot;access plus 1 week&quot; </li></ul></ul><ul><ul><li>ExpiresByType image/x-icon &quot;access plus 5 months&quot; </li></ul></ul><ul><li>Last-Modified-Since </li></ul><ul><ul><li>Normally inserted by the web server by default </li></ul></ul><ul><li>Deflate/Gzip </li></ul><ul><ul><li>AddOutputFilterByType DEFLATE text/html text/plain </li></ul></ul><ul><ul><li>AddOutputFilter DEFLATE js css </li></ul></ul>
  10. 10. Examples The first great gift we can bestow on others is a good example - Morell, Thomas
  11. 11. Conclusion & Questions
  12. 12. Links Pool <ul><li>http://developer.yahoo.com/yslow/ </li></ul><ul><li>http://www.getfirebug.com/ </li></ul><ul><li>http://www.mnot.net/cache_docs/ </li></ul><ul><li>http://developer.yahoo.com/performance/rules.html </li></ul>

×