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

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.

Clone this wiki locally
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.