2015
Packt Publishing
Ben Fhala
2:40
English
One of the most common challenges JavaScript developers face is creating a number of applications and maintaining them to run smoothly. The aim of this course is to deliver critical tips and techniques to help you create smarter and faster applications.
JavaScript High Performance focusses on making your JavaScript code run more efficiently, raising your app performance.
Start off by minifying and caching your code, be it JavaScript, HTML or CSS. Walk through different methods including creating location references, condensing var definitions and so on, helping you gain a solid foundation of the basic practical approaches. Next, discover the most potent ways to refer to functions and classes, learn how to streamline loops and arrays, and detect and avoid any memory leaks. Also, improve the appearance of your app by using sleek animations, without compromising performance.
By the end of this course, you’ll be confident in dynamically improving the performance of your app.
The course follows a strict hands-on approach and introduces you to various methods which will help you maintain and rev-up your JavaScript based app. Using bad sample code, learn various ways to transform code and discover how to implement this yourself in your own app.
Chapter 1 : Minifying and Caching Your Site
Course Overview
Caching Your Scripts
Creating a Cache Buster
Minifying Your Output
Chapter 2 : Covering the Foundations
Always Declare Your Variables
Creating Location References
Condensing var Definitions
Comparing Explicitly When Appropriate
Using String Accumulator-style
Building Strings with Arrays
Chapter 3 : Going Beyond the Basics
Avoiding eval for Object References
Talking to Functions
Avoiding eval
Reducing the Use of Anonymous Functions
OOP – Defining Class Methods and Properties
Chpater 4 : Looping, Arrays, and Conditions
Picking the Right Loop for the Task
Simplifying Your Loops – Round 1
Reducing the Loop Footprint
Loops, Arrays, and Memory Leaks
Preallocating Size to an Array
Avoiding the Unnecessary
Putting Code Where It Should Be
Chapter 5 : Optimizing Events and Time
Clearing Circular References
Using Less Events to Do More
Trading Smoothness for Speed
Clearing Memory Leaks by Always Clearing Intervals
How to Avoid Running Multiple Intervals
Chapter 6 : The DOM and CSS
Reducing DOM Calls
Reducing Document Reflows
Making It Animate Smoothly
Changing Classes and Not Styles
Adding Scripts as You Need Them Dynamically
Chapter 7 : Data and leaks
Cutting Traveling with HTML5 Validation
Moving Data Processing to the Client Side
What Data Types to Use?
Caching Data
The Issue with Working Directly with HTML Collections
Converting Collection Objects into Arrays
FPS and High Resolution Time – HRT
JavaScript Profiling and Memory Leaks
Download File Size:688.7 MB
|
