Web Application Optimization Techniques

Tim AkinboWeb Developer

TimbaObjects Company

Web Application OptimizationTechniques

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

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.

Why Optimize?

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

Optimization Techniques

Application LayerDatabase Optimization

IndexingQuery optimizationTable partitioningDe-normalizationQuery caching

Application ServerCode CachingCode Refactoring

Presentation LayerCache ControlWeb Content Minify-ing

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.

Performance Analyzers

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

Performance Analyzers

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

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

Examples

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

- Morell, Thomas

Conclusion & Questions

Links Pool

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