What is Front End Performance Optimization?

[MUSIC] 0:00 People wanna use websites that load quickly, and every second counts. 0:04 If a website takes more than three seconds to load, 0:09 you can lose 40% of your audience. 0:11 Every additional second in page response can result in 0:14 a 7% reduction in conversions. 0:17 That means if you're running an E-commerce site and 0:19 it doesn't load quickly, you're loading real money in customers. 0:22 If your portfolio site runs slow, you could be missing opportunities. 0:25 For more stats like these, check out the notes associated with this video. 0:30 The truth is, it doesn't matter how cool your website might be 0:33 if people have to wait too long because if they leave before anything loads, 0:38 they'll never even see it in the first place. 0:42 We're going to learn what makes a website load slow and how we can fix it. 0:45 The speed at which a website loads is frequently referred to as performance, 0:50 and just like the performance of a race car, we want it to go fast. 0:55 When we modify a website specifically to increase the loading speed, 1:00 this is what's called performance optimization. 1:04 And, finally, while there are many things we can do on the server and 1:08 back end of an application to optimize performance, 1:13 we're going to instead focus specifically on front end performance optimization, 1:16 the part of a website that is comprised of HTML, CSS, and JavaScript. 1:20 The performance of a website is a technical subject, but 1:25 remember that the person using a website doesn't know that. 1:28 For users, performance is a design consideration. 1:32 So it should be for you as well. 1:35 In other words, the experience of using a website can be greatly influenced 1:38 by how fast the website loads. 1:43 The technical details will come soon, but 1:46 next, we're going to spend some time learning how to plan for performance. 1:48