Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

Introduction to Front End Performance Optimization

Preview

Start a free Courses trial
to watch this video

Sign up for Treehouse

What is Front End Performance Optimization?

1:53 with Nick Pettit

When we modify a website specifically to increase the loading speed, this is what's called performance optimization. In these lessons, we'll learn how to optimize the performance of the front end of websites, which is comprised of HTML, CSS, and JavaScript.

Vocabulary

  • Front End Performance Optimization - The modification of HTML, CSS, and JavaScript (and sometimes, server configuration) for the purpose of improving page load times.

Resources

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    [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

    You need to sign up for Treehouse in order to download course files.

    Sign up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up