Claim OwnershipPractical Performance Tips to Make Your HTML/JavaScript Faster (Audio) - Channel 9
Subscribed: 5Played: 12
Subscribe
Description
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.
7 Episodes
Reverse
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
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
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
Get tips and tricks on optimizing media usage and how to take advantage of CSS3.[01:49] - Optimize Media Usage[37:51] - Use CSS3
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
Check out tools that can help monitor and measure your JavaScript/HTML performance.[00:58] - Tools[33:51] - How to Measure
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
Comments
Download from Google Play
Download from App Store
United States