ySlow make your pages fly

24/04/2008 Written by: Chris

With ySlow it's easy to optimize your page, it will give you allot of tips to really make your pages fly. ySlow is an extension created by yahoo.

Here you can see my results. They are really impressive, the size of the page has gone from 580k to 253k on the first load. A cached page has even greater performance gains, from 45k to just 2.5k. Almost 20 times smaller. So here is how i did it.

Tools to use

First use the Jsmin to compress javascript, and CSSTidy for your CSS. Also i use htaccess for Gzip to remove the Etags and set the far future expires. You will need to enable mod_expires and mod_gzip in your apache installation for this to work. Deflate is for apache 2, if you run apache 1.3 use Gzip

  1. <IfModule mod_deflate.c>
  2.   # compress content with type html, text, and css
  3.   AddOutputFilterByType DEFLATE text/css text/html text/javascript application/javascript application/x-javascript text/js
  4.   <IfModule mod_headers.c>
  5.     # properly handle requests coming from behind proxies
  6.     Header append Vary User-Agent
  7.   </IfModule>
  8. </IfModule>
  9.  
  10. <IfModule mod_gzip.c>   
  11.         mod_gzip_on Yes
  12.         mod_gzip_item_include file \.js$
  13.         mod_gzip_item_include file \.css$
  14.         mod_gzip_item_include mime ^image/
  15.         mod_gzip_item_include file \.php$
  16.         mod_gzip_item_include file \.pdf$
  17.         mod_gzip_item_include mime ^text/html
  18.         mod_gzip_item_include mime ^text/css
  19.         mod_gzip_item_include mime ^application/x-javascript
  20.         mod_gzip_item_include mime ^text/plain
  21.         mod_gzip_item_include mime ^application/force_download$
  22.         mod_gzip_item_include mime ^application/pdf$
  23. </IfModule>
  24.  
  25. <IfModule mod_expires.c>
  26.   ExpiresActive On
  27.   ExpiresByType text/css "access plus 10 years"
  28.   ExpiresByType text/js "access plus 10 years"
  29.   ExpiresByType text/javascript "access plus 10 years"
  30.   ExpiresByType application/javascript "access plus 10 years"
  31.   ExpiresByType application/x-javascript "access plus 10 years"
  32.   ExpiresByType image/png "access plus 10 years"
  33.   ExpiresByType image/gif "access plus 10 years"
  34.   ExpiresByType image/jpeg "access plus 10 years"
  35.   ExpiresByType image/jpeg "access plus 10 years"
  36. </IfModule>
  37.  
  38. FileETag none

Related tags