Speed Up Your Website

Eight Simple Steps to Speed Up Your Website! http://syamantics.com

Tools ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

#1. Add Cache-Control Header ,[object Object],[object Object],[object Object],[object Object],<IfModule mod_headers.c> # 1 YEAR <FilesMatch "(dcr|W3D|wav|swf|css|js|gif|jpg|png)$"> Header set Cache-Control "max-age=29030400, public“ </FilesMatch> </IfModule> ,[object Object],[object Object],Header set Cache-Control "max-age=12400, public, must-revalidate"

#2. Add Future Expires Header ,[object Object],[object Object],[object Object],<IfModule mod_headers.c> <FilesMatch "(dcr|W3D|wav|swf|css|js|gif|jpg|png)$"> Header set Expires "Thu, 15 Apr 2010 20:00:00 GMT“ </FilesMatch> </IfModule> ,[object Object],Header set Expires "Thu, 15 Apr 2010 20:00:00 GMT“ Header set ExpiresDefault "access plus 10 years" *You have to change the component’s filename whenever the file changes.

#3. Turn Off Etag <IfModule mod_expires.c> FileETag None Header unset ETag Header unset Pragma </IfModule> By turning it of we disable caches and browsers from being able to validate files , so they are forced to rely on your Cache-Control and Expires header. Entity tags (ETags) are a mechanism to check for a newer version of a cached file. Basically you can remove If-None-Match requests and their 304 Not Modified Responses.

#4. Remove Last Modified Header ,[object Object],[object Object],[object Object],<IfModule mod_headers.c> <FilesMatch "(dcr|W3D|wav|swf|css|js|gif|jpg|png)$"> Header unset Last-Modified </FilesMatch> </IfModule>

#5. Use Version Numbering ,[object Object],shop.js — > shop_1.0.js CUSTOM HTML HELPER function link_js ( $file ) { $js_tag = '<script type="text/javascript" src="%s"></script>' ; $js_dir = base_url (). 'js/' ; $CI = & get_instance (); $version = $CI -> config -> item ( 'version' ); return sprintf ( $js_tag , $js_dir . $file . '_' . $version . '.js' ); } CONFIG $config [ ‘version' ] = “1.0" ; APACHE RewriteRule ^(.*)v[0-9.]+(js)$ $1$2 [L]

#6. Turn on HTTP Compression ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],<IfModule mod_deflate.c> <FilesMatch "(dcr|W3D|wav|swf|js|css|w3d|cct)$"> SetOutputFilter DEFLATE </FilesMatch> </IfModule>

#7. Minify JS & CSS ,[object Object],[object Object],[object Object],[object Object],CUSTOM HTML LIBRARY function link_js ( $file ) { $cached_js_file = $this -> cached_dir_js. $file ; if (! file_exists ( $cached_js_file )) { $js_file = $this -> dir_js. $file ; file_put_contents ( $cached_js_file , JSMin :: minify ( file_get_contents ( $js_file )); } return sprintf ( $this -> js_tag , $cached_js_file . '_' . $this -> version. '.js' ); }

#8. Optimize Images ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object]

[object Object],MORE INFO: Best Practices for Speeding Up Your Web Site http://developer.yahoo.com/performance/rules.html

Speed Up Your Website

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Andere mochten auch

Andere mochten auch (11)

Ähnlich wie Speed Up Your Website

Ähnlich wie Speed Up Your Website (20)

Speed Up Your Website