Practical Performance Tips and Tricks to Make Your HTML/JavaScript Apps Faster

I presented "Practical Performance Tips and Tricks to Make Your HTML/JavaScript Apps Faster” at HTML5Dev Conference.  Many of you have asked for my presentation so I am sharing it with you in this blog.

Abstract

How to tackle real-world web platform performance problems in modern websites and apps? This session starts with a basic understanding of the web platform and then explores to a set of problem/solution pairs built from industry-standard performance guidance. In the talk, we will demonstrate performance tips and tricks that will help you improve the performance of your apps and sites today. We will discuss the following respond to network requests, speed and responsiveness, optimizing media usage, and writing fast JavaScript. These performance tips and tricks apply equally to web sites that run on standards based web browsers, as well as to modern apps.

Presentation

Practical Performance Tips and Tricks to Make Your HTML/JavaScript Apps Faster from Doris Chen

 

Resources

The resources listed below are very useful to do performance tuning.

Overview Concepts

• High Performance Websites Steve Souders, September 2007
• Event Faster Websites: Best Practices Steve Souders, June 2009
• High Performance Browser Networking Ilya Grigorik, September 2013

JavaScript Patterns

• High Performance JavaScript Nicholas Zakas, March 2010
• JavaScript the Good Parts Douglas Crockford, May 2008
• JavaScript Patterns Stoyan Stefanov, September 2010
• JavaScript Cookbook Shelley Powers, July 2010

Microsoft Guidance

• Windows Store App: JavaScript Best Practices MSDN, December 2012
• Performance Tricks to Make Apps & Sites Faster Jatinder Mann, Build 2012
• 50 Performance Tricks for Windows Store Apps Jason Weber, Build 2011
• Engineering Excellence Performance Guidance Jason Weber, EE Forum 2011
• Internet Explorer Architectural Overview Jason Weber, PDC 2011

W3C Web Performance

• Web Performance Working Group Homepage
• Navigation Timing Specification

Blog Posts on Performance Measurement

• Measuring Performance with ETW/XPerf
• Measuring Performance in Lab Environments
• What Common Benchmarks Measure

Tools

• Windows Performance Toolkit
• Fiddler Web Debugger

Comments

• Anonymous
  June 10, 2014
  The comment has been removed