1
00:00:00,100 --> 00:00:04,461
[MUSIC]

2
00:00:04,461 --> 00:00:09,070
People wanna use websites that load
quickly, and every second counts.

3
00:00:09,070 --> 00:00:11,650
If a website takes more than three seconds
to load,

4
00:00:11,650 --> 00:00:14,050
you can lose 40% of your audience.

5
00:00:14,050 --> 00:00:17,280
Every additional second in page response
can result in

6
00:00:17,280 --> 00:00:19,920
a 7% reduction in conversions.

7
00:00:19,920 --> 00:00:22,420
That means if you're running an E-commerce
site and

8
00:00:22,420 --> 00:00:25,830
it doesn't load quickly, you're loading
real money in customers.

9
00:00:25,830 --> 00:00:30,410
If your portfolio site runs slow, you
could be missing opportunities.

10
00:00:30,410 --> 00:00:33,750
For more stats like these, check out the
notes associated with this video.

11
00:00:33,750 --> 00:00:38,210
The truth is, it doesn't matter how cool
your website might be

12
00:00:38,210 --> 00:00:42,960
if people have to wait too long because if
they leave before anything loads,

13
00:00:42,960 --> 00:00:45,260
they'll never even see it in the first
place.

14
00:00:45,260 --> 00:00:50,080
We're going to learn what makes a website
load slow and how we can fix it.

15
00:00:50,080 --> 00:00:55,500
The speed at which a website loads is
frequently referred to as performance,

16
00:00:55,500 --> 00:01:00,460
and just like the performance of a race
car, we want it to go fast.

17
00:01:00,460 --> 00:01:04,750
When we modify a website specifically to
increase the loading speed,

18
00:01:04,750 --> 00:01:08,090
this is what's called performance
optimization.

19
00:01:08,090 --> 00:01:13,162
And, finally, while there are many things
we can do on the server and

20
00:01:13,162 --> 00:01:16,110
back end of an application to optimize
performance,

21
00:01:16,110 --> 00:01:20,570
we're going to instead focus specifically
on front end performance optimization,

22
00:01:20,570 --> 00:01:25,530
the part of a website that is comprised of
HTML, CSS, and JavaScript.

23
00:01:25,530 --> 00:01:28,360
The performance of a website is a
technical subject, but

24
00:01:28,360 --> 00:01:32,210
remember that the person using a website
doesn't know that.

25
00:01:32,210 --> 00:01:35,860
For users, performance is a design
consideration.

26
00:01:35,860 --> 00:01:38,160
So it should be for you as well.

27
00:01:38,160 --> 00:01:43,320
In other words, the experience of using a
website can be greatly influenced

28
00:01:43,320 --> 00:01:46,080
by how fast the website loads.

29
00:01:46,080 --> 00:01:48,250
The technical details will come soon, but

30
00:01:48,250 --> 00:01:52,530
next, we're going to spend some time
learning how to plan for performance.