Build 2012: 50 Performance Tricks to make your HTML5 apps and sites faster

Creating high performance web applications is crucial for every web developer, be it a web site that runs on a standards based web browser or a Windows Store App. Microsoft recently hosted the BUILD 2012 conference at the Microsoft campus in Redmond, WA. At this conference, I had the opportunity to share the Internet Explorer team’s favorite 50 performance tips to make HTML5 apps and sites faster. If you weren’t able to attend the conference, I recommend you check out the video.

Video link to the Build 2012 session: 50 Performance Tricks to make your HTML5 app and sites faster.

These performance tips and tricks apply equally to web sites that run on standards based web browsers, and Windows Store Apps, which are also just the web. There are six principals detailed in the talk that will help you improve the performance of your apps and sites today:

  1. Quickly response 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

I hope you enjoy the talk.

Thanks,
Jatinder Mann

Advertisements

4 thoughts on “Build 2012: 50 Performance Tricks to make your HTML5 apps and sites faster

    1. In the presentation, I mentioned an example where a developer downloads what he believes is the same image, by specifying the source attribute in lower case (e.g., src=”icon.png”), upper case (e.g., src=”Icon.png”), and mixed case (e.g., src=”ICon.png”). A web server may resolve all of these file names to the same resource and serve you back that same file. However, from the browser’s perspective these are three different files, three different network requests and stored on three different locations on disc. These three files are competing against each other for system resources (CPU, network, GPU). If you standardize on file capitalization, you can in many cases improve performance.

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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s