Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Preview
Start a free Courses trial
to watch this video
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
[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