Webdev:Performance: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
Line 1: Line 1:
== Tools ==
== Tools ==
* [http://code.google.com/p/minify/ Minify] - CSS/JS PHP minifier
** Very configurable
** Can restrict to specific files to concat in config
** Supports memcache, gzip and far-future expires headers


=== Code  ===


== New Site ==
*[http://code.google.com/p/minify/ Minify] - CSS/JS PHP minifier
**Very configurable
**Can restrict to specific files to concat in config
**Supports memcache, gzip and far-future expires headers
*Far-future expires headers for Apache
**Put in .htaccess file or http.conf
  <FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf|ttf)$">
  Header set Expires "Thu, 15 Apr 2020 20:00:00 GMT"
  </FilesMatch>
* Gzip
** On by default for all Mozilla sites


=== Profiling  ===


== Live Site ==
*Firebug JS Profiler
*YSlow
*PageSpeed
*WebpageTest


=== Easy ===
== New Site  ==
* Copy/paste CSS & JS libraries into 1 file each
 
* Move JS to bottom of page
== Live Site  ==
* Sprite related images (icons, bg images)
 
* Run images through [http://developer.yahoo.com/yslow/smushit/ smushit]
=== Easy ===
* Far-future expires static files
 
* Gzip
*Copy/paste CSS & JS libraries into 1 file each  
*Move JS to bottom of page  
*Sprite related images (icons, bg images)  
*Run images through [http://developer.yahoo.com/yslow/smushit/ smushit]  
*Far-future expires static files  
*Gzip
975

edits

Navigation menu