Tools

Tomasz Pawlak edited this page Dec 9, 2015 · 19 revisions
Clone this wiki locally

If you need tools for web performance optimization here is the best place to find it.

Diagnostic

Automation

HTML

Avoid inline/embedded code

Styles up top, Scripts down bottom

None.

Minify your HTML

Try out async

None.

CSS

Minify your Stylesheets

Combining multiple CSS files

Prefer over @import

None.

JavaScript

Load 3rd party content asynchronously

None.

Cache array lengths

None.

Avoid document.write

None.

Minimize Repaints and Reflows

None.

Minify your script

Combine multiple JS files into one

jQuery

Always use the latest version of jQuery

None.

Use for instead of each

None.

Don't use jquery...

None.

Images

Use CSS Sprites

Data URI

Don't rescale images in markup

None.

Optimize your images

Online tools:

Desktop tools:

Commandline tools:

Optimize your SVG

Commandline tools:

Server

Enable smart caching

None.

GZIP

None.