Practical Performance Tips to Make Your HTML/JavaScript Faster (Audio) - Channel 9

Want to maximize the performance of your modern websites and apps with JavaScript and HTML5? This Web Wednesdays course has the practical strategies, tips, and tricks you need, along with helpful demos and best practice guidelines. Watch this team of experts for a detailed look at how to write fast JavaScript. Explore the fundamentals of web performance, tools for monitoring and measuring JavaScript/HTML speed, and techniques to optimize media usage. Plus, get a look at memory and UI performance in a game case study, and see how to structure markup efficiently.

Practical Performance Tips to Make Your HTML/JavaScript Faster: (07) Case Study: Casual Game Performance Tuning

Watch a casual game demo to see, step by step, how to improve startup time, UI responsiveness, and memory efficiency, based on the strategies, principles, and best practices from the previous modules.[01:40] - Casual Game[10:10] - Stay Lean - use less memory[23:08] - use fast objects and do fast manipulations[38:41] - do less (cross subsystem) work

03-09
50:26

Practical Performance Tips to Make Your HTML/JavaScript Faster: (06) Write Fast JavaScript

Get tips on writing good and fast JavaScript, including initializing JavaScript on demand and working efficiently with JSON, .innerHTML, numbers, arrays, and DOM objects.[01:47] - JSON Always Faster than XML for Data[03:39] - User .innerHTML to Construct your page[05:09] - Numbers in JavaScript[16:17] - Use Fast Arrays[33:12] - Initialize JavaScript on Demand[44:51] - Working with DOM

03-09
53:00

Practical Performance Tips to Make Your HTML/JavaScript Faster: (05) Strategies and Principles: Memory, Markup, Execution

Continue to examine how to manage the memory usage, how to structure the markup efficiently, and how to optimize execution.[00:54] - Memory Usage: Stay Lean[07:03] - Efficiently Structure Markup[39:11] - Know What your application is Doing

03-09
44:45

Practical Performance Tips to Make Your HTML/JavaScript Faster: (04) Strategies and Principles: Media Usage

Get tips and tricks on optimizing media usage and how to take advantage of CSS3.[01:49] - Optimize Media Usage[37:51] - Use CSS3

03-09
49:54

Practical Performance Tips to Make Your HTML/JavaScript Faster: (03) Strategies and Principles: Network Requests, Bytes Downloaded

Explore the strategies and principles on how to quickly respond to network requests, along with techniques for minimizing downloaded bytes.[01:42] - Quickly Respond to Network Requests[15:28] - Minimize Bytes Downloaded

03-09
41:25

Practical Performance Tips to Make Your HTML/JavaScript Faster: (02) Tools and Measurement

Check out tools that can help monitor and measure your JavaScript/HTML performance.[00:58] - Tools[33:51] - How to Measure

03-09
47:20

Practical Performance Tips to Make Your HTML/JavaScript Faster: (01) Web Performance 101

Learn the fundamentals of web performance, the methodology of performance tuning, and the common pitfalls you should avoid in performance optimization.[07:56] - Optimization Strategies and Process[11:15] - Common Pitfalls[16:18] - What to Measure?[28:07] - Web Runtime Architecture[32:06] - Web Site and Windows Apps

03-09
37:04

Recommend Channels