JavaScript High Performance Overview | 02Skills

Autoplay
Autocomplete

Previous Lesson Complete and Continue

JavaScript High Performance

Minifying and Caching Your Site

JavaScript High Performance Overview (2:02)
Download the source files.
Caching Your Scripts (11:12)
Creating a Cache Buster (4:57)
Minifying Your Output (9:02)

Covering the Foundations

Always Declare Your Variables (3:17)
Creating Location References (9:01)
Condensing var Definitions (5:00)
Comparing Explicitly When Appropriate (2:53)
Using String Accumulator-style (3:26)
Building Strings with Arrays (3:12)

Going Beyond the Basics

Avoiding eval for Object References (4:04)
Talking to Functions (2:13)
Avoiding eval (4:48)
Reducing the Use of Anonymous Functions (3:23)
OOP – Defining Class Methods and Properties (3:55)

Looping, Arrays, and Conditions

Picking the Right Loop for the Task (2:29)
Simplifying Your Loops – Round 1 (5:11)
Reducing the Loop Footprint (9:30)
Loops, Arrays, and Memory Leaks (5:21)
Preallocating Size to an Array (9:15)
Avoiding the Unnecessary (8:43)
Putting Code Where It Should Be (8:30)

Optimizing Events and Time

Clearing Circular References (10:49)
Using Less Events to Do More (8:09)
Trading Smoothness for Speed (7:11)
Clearing Memory Leaks by Always Clearing Intervals (3:04)
How to Avoid Running Multiple Intervals (12:53)

The DOM and CSS

Reducing DOM Calls (13:24)
Reducing Document Reflows (7:00)
Making It Animate Smoothly (11:30)
Changing Classes and Not Styles (7:11)
Adding Scripts as You Need Them Dynamically (4:07)

Data and Leaks

Cutting Traveling with HTML5 Validation (4:44)
Moving Data Processing to the Client Side (9:41)
What Data Types to Use? (1:24)
Caching Data (1:44)
The Issue with Working Directly with HTML Collections (4:44)
Converting Collection Objects into Arrays (3:22)
FPS and High Resolution Time – HRT (16:52)
JavaScript Profiling and Memory Leaks (5:31)

Teach online with

JavaScript High Performance Overview

A basic overview of the topics covered in this course.

Complete and Continue