Browser Performance

General auditing

Auditing can be performed in numerous ways. Once you start to know your way around the devtools chrome supplies, you basically cannot live without them. It enables you to exactly find out where you can optimize and why your site runs the way it runs.

Sometimes, you just want a quick analysis presented on a plate that gives you a basic idea on how you’re doing. This site is a real good starting point.

https://developers.google.com/speed/pagespeed/insights/

Relevant when:

  • you start optimizing UX
  • you need to cut loadtimes, perceived performance and network-cost
  • you want to have a quick source of points on which you can optimize

Jank

Here we focus in particular on runtime interaction speeds. Jank occurs when an animation takes too long and occupies multiple animationframes (of 1/60th of a second). This site offers basic insights in what jank actually is (explained with concrete examples) and how you can prevent it.

http://jankfree.org/

Relevant when:

  • minor performance updates have noticable effect on conversion (have enough throughput)
  • interested in browser internals, especially when it comes to the render-tree of a browser
  • your site is especially reliant on touch-events

 

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s