BUILD 2012: 50 Performance Tricks to make your HTML5 Applications and Sites faster

I’ve watched the entire video and most of what the presenter talks about is nothing new if you follow Steve Souders, but there are a few things I found interesting:

  • Download and use the Windows Performance Toolkit (free download). You can use it with any application on Windows.
  • Six key principles:
    1. Quickly respond to network requests
    2. Minimize bytes downloaded
    3. Efficiently structure markup
    4. Optimize media usage
    5. Write fast JavaScript
    6. Know what your application is doing
  • On a dual-core system, an indicator that says you’re using 50% of CPU means you’re using 100% of a single CPU, since the web is inherently single-threaded.
  • “time to glass” = perceived perception: the time it takes from a user’s action request, to the time that request’s results are visible on-screen.
  • Decrease CPU time, by increasing parallelism.
  • For <video>, always use an image preview, otherwise the browser has to download the video file so it can display the first frame.
  • Using Math.floor and Math.ceiling can improve performance in long loops, because floats are slower than integers (for animation, etc.).
  • The entire DOM should be less than 1,000 elements.

Leave a Reply

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

You are commenting using your 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