0
Web Application Optimization Techniques
Lecture Outline <ul><li>What is Web Application Optimization? </li></ul><ul><li>Why Optimize? </li></ul><ul><li>Optimizati...
What is Web Application Optimization? <ul><li>Web Application Optimization is all about tuning your web application compon...
Why Optimize? <ul><li>Faster loading times for pages </li></ul><ul><li>Lesser amount of data to transfer </li></ul><ul><li...
Optimization Techniques <ul><li>Application Layer </li></ul><ul><ul><li>Database Optimization </li></ul></ul><ul><ul><ul><...
Caching – How your browser does it <ul><li>It's all in the headers </li></ul><ul><li>Every time your browser gets a resour...
Performance Analyzers <ul><li>Yslow - http://developer.yahoo.com/yslow/ </li></ul>
Performance Analyzers <ul><li>Firebug - http://www.getfirebug.com/ </li></ul>
Web Server Tuning <ul><li>Expires </li></ul><ul><ul><li>ExpiresActive On </li></ul></ul><ul><ul><li>ExpiresByType text/htm...
Examples The first great gift we can bestow on  others is a good example - Morell, Thomas
Conclusion & Questions
Links Pool <ul><li>http://developer.yahoo.com/yslow/ </li></ul><ul><li>http://www.getfirebug.com/ </li></ul><ul><li>http:/...
Upcoming SlideShare
Loading in...5
×

Web Application Optimization Techniques

8,676

Published on

Published in: Technology
2 Comments
3 Likes
Statistics
Notes
  • Thanks for the comment Benoy. These slides were an aid to my actual talk on the subject so it lacks the detail that accompanied this presentation. However, I suggest you do more research on the subject online. There are really good tips on the Yahoo Developer Network - http://developer.yahoo.com/performance/rules.html
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • This is a wonderful Topic, But it would be much beneficial if it is explained little more.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
8,676
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
129
Comments
2
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "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>
  1. A particular slide catching your eye?

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

×