gtmetrix.com website tutorial

100
GTMetrix.com Website Tutorial

Upload: jasmine-ancheta

Post on 19-May-2015

1.016 views

Category:

Education


0 download

DESCRIPTION

This is a step by step tutorial on how to use GTMetrix.com Website.

TRANSCRIPT

Page 1: GTMetrix.com Website Tutorial

GTMetrix.com

Website

Tutorial

Page 2: GTMetrix.com Website Tutorial

What is

GTMetrix.com?

Page 3: GTMetrix.com Website Tutorial

GTMetrix.com

is a free tool

that analyzes

Page 4: GTMetrix.com Website Tutorial

your pages’

speed

performance.

Page 5: GTMetrix.com Website Tutorial

Using Page

Speed and

YSlow,

Page 6: GTMetrix.com Website Tutorial

GTMetrix

generates

scores for

Page 7: GTMetrix.com Website Tutorial

your pages

and offers

actionable

Page 8: GTMetrix.com Website Tutorial

recommenda-

tions on how

to fix them.

Page 9: GTMetrix.com Website Tutorial

Everybody

deserves a

fast web

Page 10: GTMetrix.com Website Tutorial

experience.

GTMetrix can

help you

Page 11: GTMetrix.com Website Tutorial

develop a

faster, more

efficient and

Page 12: GTMetrix.com Website Tutorial

all around

improved

website

Page 13: GTMetrix.com Website Tutorial

experience

for your

users.

Page 14: GTMetrix.com Website Tutorial

GTMetrix is

developed by

the good

Page 15: GTMetrix.com Website Tutorial

Folks at

Gossamer

Threads,

Page 16: GTMetrix.com Website Tutorial

a Vancouver-

based

company

Page 17: GTMetrix.com Website Tutorial

with over

19 years

experience

Page 18: GTMetrix.com Website Tutorial

in web

technology.

Page 19: GTMetrix.com Website Tutorial

“The web

should be fast.”

– Google, Inc.

Page 20: GTMetrix.com Website Tutorial

Let’s

get

started!

Page 21: GTMetrix.com Website Tutorial

Locate your

favorite

browser.

Page 22: GTMetrix.com Website Tutorial

In our

example, it’s

Google Chrome

Page 23: GTMetrix.com Website Tutorial

Click icon

Page 24: GTMetrix.com Website Tutorial

In address bar,

type: www.

gtmetrix.com

Page 25: GTMetrix.com Website Tutorial
Page 26: GTMetrix.com Website Tutorial

Press Enter

Page 27: GTMetrix.com Website Tutorial

Here’s the

home page of

GTMetrix.com

Page 28: GTMetrix.com Website Tutorial
Page 29: GTMetrix.com Website Tutorial

For better

experience of

using the site,

Page 30: GTMetrix.com Website Tutorial

let’s sign

up for an

account.

Page 31: GTMetrix.com Website Tutorial

Click Sign Up

Page 32: GTMetrix.com Website Tutorial

A window

will appear,

just fill it out

Page 33: GTMetrix.com Website Tutorial

for needed

information:

First name,

Page 34: GTMetrix.com Website Tutorial

Last name,

Email,

Password,

Page 35: GTMetrix.com Website Tutorial

Confirm your

Password

and click

Page 36: GTMetrix.com Website Tutorial

Create

Account

button.

Page 37: GTMetrix.com Website Tutorial

Click

Page 38: GTMetrix.com Website Tutorial

If creating

an account is

successful,

Page 39: GTMetrix.com Website Tutorial

user will be

redirected to

dashboard:

Page 40: GTMetrix.com Website Tutorial
Page 41: GTMetrix.com Website Tutorial

Put address

of desired

site that you

Page 42: GTMetrix.com Website Tutorial

want to

analyze then

click Go button.

Page 43: GTMetrix.com Website Tutorial
Page 44: GTMetrix.com Website Tutorial

Click

Page 45: GTMetrix.com Website Tutorial

The outcome

is like this:

Page 46: GTMetrix.com Website Tutorial
Page 47: GTMetrix.com Website Tutorial

Summary

showed that

the website

Page 48: GTMetrix.com Website Tutorial

address

which has

been

Page 49: GTMetrix.com Website Tutorial

analyzed

resulted in

Grade B.

Page 50: GTMetrix.com Website Tutorial
Page 51: GTMetrix.com Website Tutorial

There are

more options to

choose from.

Page 52: GTMetrix.com Website Tutorial
Page 53: GTMetrix.com Website Tutorial

Upon getting

scores, start

to optimize

Page 54: GTMetrix.com Website Tutorial

your site. Let’s

check on the

Breakdown.

Page 55: GTMetrix.com Website Tutorial
Page 56: GTMetrix.com Website Tutorial

There’s a lot of

recommenda-

tions in the

Page 57: GTMetrix.com Website Tutorial

list that will

definitely

help you

Page 58: GTMetrix.com Website Tutorial

determine

what factors

cause your

Page 59: GTMetrix.com Website Tutorial

site to be

fast or slow

in loading.

Page 60: GTMetrix.com Website Tutorial
Page 61: GTMetrix.com Website Tutorial

Grade, Type

and Priority

are also

Page 62: GTMetrix.com Website Tutorial

included

in this part.

Page 63: GTMetrix.com Website Tutorial
Page 64: GTMetrix.com Website Tutorial
Page 65: GTMetrix.com Website Tutorial
Page 66: GTMetrix.com Website Tutorial
Page 67: GTMetrix.com Website Tutorial

Let’s discuss

YSlow tab

this time.

Page 68: GTMetrix.com Website Tutorial
Page 69: GTMetrix.com Website Tutorial

YSlow tab

recommends

things that

Page 70: GTMetrix.com Website Tutorial

make your site

slow in loading.

Like on the

Page 71: GTMetrix.com Website Tutorial

previous tab,

Grade, Type

and Priority

Page 72: GTMetrix.com Website Tutorial

are also

included

in this part.

Page 73: GTMetrix.com Website Tutorial

The third tab

is about

Timeline.

Page 74: GTMetrix.com Website Tutorial
Page 75: GTMetrix.com Website Tutorial

This shows the

Waterfall of

your site.

Page 76: GTMetrix.com Website Tutorial

The Waterfall

Graph displays

the loading

Page 77: GTMetrix.com Website Tutorial

behaviour

of your site.

It can be

Page 78: GTMetrix.com Website Tutorial

used to

discover

simple issues

Page 79: GTMetrix.com Website Tutorial

or more

complex

issues.

Page 80: GTMetrix.com Website Tutorial

User can view

the larger

version of it,

Page 81: GTMetrix.com Website Tutorial

just click

the following

link:

Page 82: GTMetrix.com Website Tutorial

Click

Page 83: GTMetrix.com Website Tutorial

And for the

last tab which

is History,

Page 84: GTMetrix.com Website Tutorial

it is not

applicable in

our example.

Page 85: GTMetrix.com Website Tutorial

To keep a

record of

report,

Page 86: GTMetrix.com Website Tutorial

just download

the file in

PDF form.

Page 87: GTMetrix.com Website Tutorial
Page 88: GTMetrix.com Website Tutorial

One of the

benefits of

registered

Page 89: GTMetrix.com Website Tutorial

user is to

have access

to this:

Page 90: GTMetrix.com Website Tutorial
Page 91: GTMetrix.com Website Tutorial

GTMetrix’

recommenda-

tions are

Page 92: GTMetrix.com Website Tutorial

are meant to

be generic,

best practices

Page 93: GTMetrix.com Website Tutorial

but not every-

thing is

required to

Page 94: GTMetrix.com Website Tutorial

be applied

in your

site.

Page 95: GTMetrix.com Website Tutorial

Congratulations!

You’ve just

learned

Page 96: GTMetrix.com Website Tutorial

how to use

GTMetrix.com

and start

Page 97: GTMetrix.com Website Tutorial

to optimize

your site

and work

Page 98: GTMetrix.com Website Tutorial

with various

organizations

to make

Page 99: GTMetrix.com Website Tutorial

intelligent

web strategy

and

Page 100: GTMetrix.com Website Tutorial

infrastructure

decisions.