Skip to content

Instantly share code, notes, and snippets.

@andydavies
Created January 27, 2014 17:22
Show Gist options
  • Save andydavies/8653127 to your computer and use it in GitHub Desktop.
Save andydavies/8653127 to your computer and use it in GitHub Desktop.
List of Web Perf Resources for
- Enable gzip - HTML 5 Server Configs has examples for 1 & 3 (perhaps 2) - https://github.com/h5bp/server-configs
- Enable keep-alive
- Set explict cache-lifetime
- Optimise images i.e. pick an appropriate format and run through tools like ImageOptim, JpegMini etc.
- Get a build process that minifies CSS & JS, and can combined multiple files together where appropriate
- Consider dataURIs or CSS sprites to reduce the number of requests for small images
- depending of where audience is consider a CDN (latency is the enemy in all of this
- Learn to measure performance using tools like WebPageTest.org (measuring and understanding waterfalls is more important the scores IMV)
Some things to read to get started:
http://csswizardry.com/2013/01/front-end-performance-for-web-designers-and-front-end-developers/
https://developers.google.com/speed/docs/best-practices/rules_intro?hl=fr-FR&csw=1
http://queue.acm.org/detail.cfm?id=2510122
Steve Souders books are well worth a read, particularly the first
- High Performance Web Sites
- Even Faster Web Sites: Performance Best Practices for Web Developers
I also wrote this but it's not free - http://www.fivesimplesteps.com/products/web-performance
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment