Performing the least amount of things in order to achieve most amount of optimization you can make on the front-end of a website.

2. OPTIMIZATION EFFICIENCY
Effort
Results
80% of the optimization is done in 20% of the time

3. OPTIMIZATION EFFICIENCY
Effort
Results
80% of the optimization is done in 20% of the time

4. T WO MAIN GOAL S
Low number of files
Small payload size

5. SMALL PAYLOAD SIZE
Saving images
PNG8 small dimensions, no alpha transparency
PNG24 alpha transparency*
JPEG big dimensions, pictures*

6. SMALL PAYLOAD SIZE
Compressing images
ImageOptim (Mac)
Smushit (online)
PunyPNG (online)

7. SMALL PAYLOAD SIZE
Minify Javascript & CSS
YUI Compressor

8. SMALL PAYLOAD SIZE
Gzip text based files
.htaccess
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/text text/html text/plain
text/xml text/css application/x-javascript application/
javascript
</IfModule>

9. LOW NUMBER OF FILES
Combining images
CSS Sprites

10. LOW NUMBER OF FILES
Combining Javascript & CSS
One file, ideally

11. LOW NUMBER OF FILES
Combining Javascript & CSS
One file, ideally; two files, max
@media print instead of print.css

12. LOW NUMBER OF FILES
Caching files
.htaccess
<FilesMatch ".(gif|jpg|png)$">
Header set Cache-Control "public"
Header set Expires "Thu, 16 Sep 2011 20:00:00 GMT"
Header unset Last-Modified
</FilesMatch>

13. RESOURCES
Performance test tools
YSlow - http://developer.yahoo.com/yslow/
Page Speed - http://code.google.com/speed/page-speed/
FireBug - http://getfirebug.com/
Web Developer Tools(Safari & Chrome)
Image Compressors
InageOptim - http://imageoptim.pornel.net/
Smush.it - http://www.smushit.com
PunyPNG - http://www.punypng.com
Sprite Generator
CSS Sprite Generator - http://spritegen.website-performance.org/
Online YUI Compressor
Online JavaScript/CSS Compressor - http://refresh-sf.com/yui/

14. THANK YA .

15. S TELIAN
designs stuff for digiti