References

Jump to bottom Edit New page

Zeno Rocha edited this page Jul 13, 2016 · 60 revisions

If you need resources to learn about web performance optimization here is the best place.

General

Books

Web

People

HTML

Avoid inline/embedded code

Styles up top, Scripts down bottom

Minify your HTML

Google Speed - Minify HTML

CSS

Minify your Stylesheets

Combining multiple CSS files

Google Speed - Combine CSS

Prefer over @import

JavaScript

Load 3rd party content asynchronously

Cache array lengths

Front-End Development Guidelines - JavaScript Loop Cache Array Length

Avoid document.write

Steve Souders - Don't docwrite scripts

Minimize Repaints and Reflows

Avoid unnecessary DOM manipulations

Minify your script

Yahoo! Best Practices - Minify JavaScript and CSS

Combine multiple JS files into one

Google Speed - Combine external JS

jQuery

Always use the latest version of jQuery

Addy Osmani - jQuery Proven Performance Tips & Tricks - #13

Use for instead of each

Don't use jquery...

YouMightNotNeedjQuery.com - replacement snippets down to IE8
Krasimir Tsonev - Mastering the DOM access - 100 line class for managing DOM elements without jQuery
Hemanth.HM - Power of Vanilla JS
Addy Osmani - jQuery Proven Performance Tips & Tricks - #43
JSPerf - $(this).attr('id') vs this.id

Images

Use CSS Sprites

Data URI

Don't rescale images in markup

Optimize your images

Server

Enable smart caching

GZIP