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.
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:
- Quickly response to network requests
- Minimize bytes downloaded
- Efficiently structure markup
- Optimize media usage
- Know what your application is doing
I hope you enjoy the talk.
4 thoughts on “Build 2012: 50 Performance Tricks to make your HTML5 apps and sites faster”
I found the tips very useful.
I asked this earlier on the Channel9 site – http://channel9.msdn.com/Events/Build/2012/3-132
How does “Standardize file capitalization convention” (slide 100) help performance? Does a consistent file name help in the file getting cached?
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.
Is the slide deck available?
Yes, they are. Please see http://video.ch9.ms/sessions/build/2012/3-132.pptx.