12
Tim Akinbo Web Developer TimbaObjects Company Web Application Optimization Techniques

Web Application Optimization Techniques

  • Upload
    takinbo

  • View
    8.249

  • Download
    1

Embed Size (px)

Citation preview

Page 1: Web Application Optimization Techniques

Tim AkinboWeb Developer

TimbaObjects Company

Web Application OptimizationTechniques

Page 2: Web Application Optimization Techniques

Lecture Outline

What is Web Application Optimization?Why Optimize?Optimization Techniques

Application Layer Optimization TechniquesPresentation Layer Optimization Techniques

Caching – How your browser does itPerformance Analyzers

YslowFirebug

Web Server TuningExpiresLast-Modified-Since

Examples

Page 3: Web Application Optimization Techniques

What is Web Application Optimization?

Web Application Optimization is all about tuning your web application components to make your web application fast or appear fast.

Page 4: Web Application Optimization Techniques

Why Optimize?

Faster loading times for pagesLesser amount of data to transferLess load on the server

Page 5: Web Application Optimization Techniques

Optimization Techniques

Application LayerDatabase Optimization

IndexingQuery optimizationTable partitioningDe-normalizationQuery caching

Application ServerCode CachingCode Refactoring

Presentation LayerCache ControlWeb Content Minify-ing

Page 6: Web Application Optimization Techniques

Caching – How your browser does it

It's all in the headersEvery time your browser gets a resource, it attempts to determine whether or not to cache the resource and for how long to do so.Validation on cached resources are carried out from time to time.

Page 7: Web Application Optimization Techniques

Performance Analyzers

Yslow - http://developer.yahoo.com/yslow/

Page 8: Web Application Optimization Techniques

Performance Analyzers

Firebug - http://www.getfirebug.com/

Page 9: Web Application Optimization Techniques

Web Server Tuning

ExpiresExpiresActive On

ExpiresByType text/html "access plus 1 day"

ExpiresByType image/gif "access plus 5 months"

ExpiresByType image/jpeg "access plus 5 months"

ExpiresByType text/css "access plus 1 week"

ExpiresByType application/x-javascript "access plus 1 week"

ExpiresByType image/x-icon "access plus 5 months"

Last-Modified-SinceNormally inserted by the web server by default

Deflate/GzipAddOutputFilterByType DEFLATE text/html text/plain

AddOutputFilter DEFLATE js css

Page 10: Web Application Optimization Techniques

Examples

The first great gift we can bestow on others is a good example

- Morell, Thomas

Page 11: Web Application Optimization Techniques

Conclusion & Questions

Page 12: Web Application Optimization Techniques

Links Pool

http://developer.yahoo.com/yslow/http://www.getfirebug.com/http://www.mnot.net/cache_docs/http://developer.yahoo.com/performance/rules.html