Optimisation

Making your website fly

Chrome Network Panel

The network panel allows you to visualise the
order files are loaded in and how long they take.

In Chrome Dev Tools, open the Network panel
and then refresh the page to see the results.

The most helpful columns for basic web dev
are the “size” and “time” columns.

In the bottom bar, Chrome tells you about
the size of the site and total load time.

Research shows that slow pages lose visitors fast,
with 40% of people not waiting more than 3 seconds.

The information available can also help you
consider the data transferred for mobile users.

You can even see how you site loads
on different types of connections.

How long does your site take to load on the
fastest connection? What about the slowest?

Resource Loading
Explore which of your resources are largest or take longest to load.
Site Summary
Find out how big each page is and how long it takes to load in total.
Speed Simulator
Chrome can help you test your site on different network speeds.

That’s everything!