Optimizing Your Site For Pagespeed - How To Analyze Your Website To Increase Load Times #Best Education Page #Online Earning

hey miles here miles Becker calm and

this video is about analyzing your

website's page load speed so you can

optimize your website to load quickly

Google cares about how fast your website

loads and Google does reward websites

that load more quickly than websites

that take a long time to load when all

other things are considered this means

that if you've got the same domain

Authority the same page Authority the

same kind of ranking factors that are

identical between two websites one of

them loads in a second and the other one

loads in five seconds the site that

loads in one second is probably going to

rank higher so if you're wanting to

optimize your WordPress site or your

website for page load speed to get

better rankings in Google this video is

gonna show you where to look and how to

find out kind of what to do in that

situation

or you might be just using your website

as a user you might be testing it on

your phone you might be kind of looking

at it on your website over or on your

laptop over and over and you might just

be feeling like it's kind of loading a

little bit slow I want to speed up my

website this video is going to help you

identify those things that are slowing

down your website so you can know where

to focus your attention

I have not optimized my personal blog

for page load speeds so we're gonna go

in and kind of run the report and I'm

gonna talk you through what I see from

this report that I use I use a very

specific report that's not the Google

report and I'm gonna talk you through

what I see and let you know how I'm

going to approach improving my PageSpeed

times the goal is you're gonna be able

to run this on your site and kind of

analyze it in a very similar fashion and

you're gonna see exactly how to identify

that which is holding you back so you

can speed up your website also so now

for the intro on this video let's get in

the first place we start is our home

page I want you to go to your home page

specifically exactly how it loads so

take the URL from the top bar and copy

it yours may load HTTP it may not yours

may load with the WW it may not again

you want whatever your url loads as to

show up here then we go to GT metrics

GTM ETR IX and it's a free page kind of

analysis tool and i'm gonna paste in the

URL and I'm going to click analyze what

it does now is it runs it through

multiple different tools there's a

PageSpeed tool the yslow tool and then

something called a waterfall tool mm-hmm

now you're gonna we're gonna get a grade

is the first thing that's gonna happen

is you're gonna get a grade for your

website and I'm not expecting good

grades because I have not done this and

it's okay if you don't see good grades

so right here I've got straight DS right

I'm not really passing here and that's

okay my load time you might want to note

these numbers down so as you make

changes and you work to improve it you

can track your progress so this is the

baseline three point four seconds is

kind of an obese website it takes a long

time to load my homepage and that's

partly because I've done some

customization of the homepage and it's a

little bit image-heavy I'm gonna show

you exactly how I know that I'm all show

you data that backs up that hypothesis

but I would love to get this closer to a

second and a half or a second or below

and then the page size right like 2.1 6

megabytes i would love for this to be a

1 megabyte page but i'm kind of image

heavy and the way i've got my home page

built and i like the way it's built i

know that it's never gonna be really

small and i'm okay with that so again

the first thing is i'm consciously

making compromises because i want my

website to load i like the imagery here

you can see there's a big background

image this is a high-resolution image of

me i've got 4 icons that all loads and

then below we're pulling all of these

images and we're pulling things from my

blog roll each one of these is a call to

the server and it needs to import that

information now if i turn this down to

only loading 6 of these it probably

would speed things up but let's go into

the data and let the data help us kind

of see what's going on so the first

thing you're going to notice is right

here i've got my page speed score which

is kind of tool number 1 that they run

it through and this is the results from

page speed here the first thing is

optimized image and Serve scaled images

excuse me

so what that means is that my images are

not

necessarily optimized for web I'm

probably or possibly using 120 dpi or

300 dpi images when I could compress

those down to 72 dpi images if you're a

Photoshop user you would use the save

for web tool on all of your images so

I'm gonna have my design guy go in and

actually save all of my images for web

the other thing is serve scaled images

what this means for me is that my server

and theme are having to resize images on

the fly for example the image that is

actually this little tiny image here the

how to start a successful wordpress blog

this is the real size of the image when

I click and load so when my theme loads

this thumbnail that's shaped like this

my theme has to go calculate and

compress the size of that image on the

fly if I could hard code in a thumbnail

for each one a smaller thumbnail at the

post level and tell my theme to pull

that it would speed things up but if I

lost you right there because that sounds

super technical it is right I would need

a developer to go in and do that so I'm

probably just going to ignore that and

move along happily the white slow speed

is this score here right so this is tool

number two that it analyzes with and it

gives more kind of ideas I don't think I

talked about the requests I like I like

under a hundred requests this is how

many times it has to ask the ask the

server or a server for a piece of

information whether it's an image or

what blog goes in this little thumbnail

section or what you know what sits in a

thumb bar or the footer the the header

the navigation etc each one of those is

a request so the least number of

requests possible the better because

it's just got less things to load so

here we can see make fewer HTTP requests

that's saying get this number down use a

content delivery network now I'm not

using one on this website on my main

website I use two content delivery

networks I use Amazon's AWS which is

their Amazon Web Services it's

essentially a very high-performance

cloud server that delivers a lot of my

images so it's not all coming from my

web server I also use Mac's CD and on

that site which does

thing so my theme files a lot of my

images instead of it all loading from

one server being really slow I use CD

ends so I can load all those bits and

pieces that make up my website I load

them from different sources I'm

obviously not loading that here that is

something I'm going to configure I'll

probably make a video on that to show

you how I do that because it's really

it's really quite simple

cookie free domains not gonna happen I'm

a marketer I run cookies and you can see

the rest of them are are okay right like

the rest of them are actually fairly

good I've got a lot of good scores but I

got some bad scores now here's where we

really get into the data that is the

most kind of actionable and the most

valuable

now we're going pretty deep into a tech

hole it's okay you can do this

all you really need to do is you're

looking for the really long colored bars

because that means something's lagging

so right here my first one this is an

example the the length of the bar is a

visual representation of the time that

whatever this task is takes to load so

when it says I made 84 requests I

believe that means that I have eighty

four lines of things that happened right

these are all of my requests and you can

see some of them are really short they

happen really quickly others are a

little bit big right half second here

half second there it all adds up and

then some down here you can see like

this one was one point three nine

seconds not a good thing to have load so

the way this waterfall report works is

when your page loads it starts

essentially at the top it starts at the

header text and then it works its way

down to build all the body copy and then

it works all the way down through the

code to the footer then everything have

to close and you're seeing a

representation so this is in order right

this happens then this happens then this

happens then this happens so when we

have something that slows down and then

other things slow things down this is

how we take time so your goal is to look

for the really long one so like right

here I'm noticing this is a long block

of slow loads I want to analyze that and

then down here another long block of

consistently slow loads and then here's

a really long item and we're gonna look

into how to figure out what these things

are so we can optimize them in the

future but first I want to talk about

this first one here

essentially you can see that each color

in this report has a different meaning

right so the blue is the DNS lookup so

that means we type in my URL and all of

a sudden the computer goes and looks at

the domain name servers to look up miles

becker column what IP address is that

from where where what server write an IP

address is essentially like it's it's

the computer equivalent of GPS

coordinates like the where I'm sitting

right here there are GPS coordinates

that are my exact location on earth your

IP address for your website is your

exact location for your web site on the

interwebs on your server but you and I

can't remember IP addresses that easily

so we mask them with domain names so

miles Beckler comm is a easy to remember

kind of mask for my IP address so

looking up the dns is you know 18

milliseconds very short connecting is

also a pretty short situation there's a

long waiting period for some reason so

when I connect there's a long period of

waiting and then there's a really quick

receiving so I can find out what is what

are we waiting for there's two places I

would go look into this I would email

support at my web hosting company now to

say hey I'm wondering why my domain name

gets stuck in this waiting position I

would send them a screenshot of this

exactly right here the second place I

would go is email my domain name

registrar now my server and my domain

name are with different companies and

I'm guessing it's because I've got those

at different companies that that's why

it's taking so long is because my server

talks to another third party the third

party talks back one of those computers

is lagging I can find out which one that

is move my domain over to a registrar

that's that's kind of at the exact same

place that I host it etc etc this is how

you do it you got to play detective at

this point and dig down and figure out

all these little bits and pieces so it's

normal to see a lot of line items it's

normal to see a lot of things here again

what we're looking for is large kind of

groupings of different items if you want

to start to learn what these things are

when you hover it gives you the exact

URL call so this one I'm hovering over

you notice it's wp-content forward slash

themes' forward slash rise child forward

slash CSS so what this tells me by

looking at that URL is it's my wordpress

theme my child theme and specifically is

my CSS which is my cascading style sheet

that's the text document of code that

organizes and makes my site look pretty

so this one component in my stylesheet

takes a third of a second to load

essentially so these are the kinds of

things and you're never going to stop

your style sheets from loading but if I

ran a CDN and that style sheet came from

a high performance server and not for my

web server my website could load it and

these other things at the same time so

again one of the first things I'm going

to probably do is add a CDN here and

then rerun this tool and it'll eliminate

or actually minimize a lot of these

these things but I can still find some

other things that can be put on my to-do

list on how to optimize my site here so

I'm gonna scroll down some more and I

want to look at these big blocks here

because these are you know over a half

second each point six one seven all the

way up to 0.76 almost 0.8 there's a lot

of time right here in looking at this

page load speed like yes this is a

consistent block of items but they're

all much shorter right there they're

smaller lines they're shorter lines this

is there's a lot of time loading here so

what are these things and when I hover

over it

sure enough email marketing featured top

ten books dot jpg create awesome courses

with this simple framework let's take a

look over the website it's these here

right it's literally these images being

pulled in and that's a part of my theme

so how many of them are here I can go

look I'm like one to ten ish 12 ish how

many do I actually have here so I've got

three six

9 12 15 18 so ever 18 of these images

that are required to be pulled in every

time my site loads first thing I'm

thinking is well what's the quickest

thing to do is cut it down to 6 right if

I cut this down to my six most recent

only and I get rid of these bottom like

what however many that is instantly

there's going to be less things for my

website to load when it loads my

homepage I'm gonna eliminate 1/3 2/3 of

these kind of longer things and boom I'm

better so how do I do that I've got a

developer guy he's the one who built

that custom theme for me and I'm gonna

ask him to cut the number of thumbnails

that are showed on that blog roll I'm

gonna have him cut it down in half

that's gonna eliminate a bunch of these

but I'm still curious why they're taking

so long to load in the other tool we

were looking at if you'll remember at

the page speed remember it optimize

images there's no optimization here so

another thing I'm gonna want my

developer to do and honestly back in the

day I did all this myself right I'm just

in a position that I've got a lot going

on in my business and I have a full-time

developer who can do this I didn't know

how to do any of this and I dug in and

figured it all out I will go in or he

will go in to each one of these main

images when it loads so I clicked on

this this is the actual image size

that's coming through I'm gonna make

sure that every single one of these

featured images that display on my blog

are hyper hyper optimized which means

that they're saved for web in Photoshop

there a maximum of 72 dots per inch and

essentially I'm gonna make sure they're

the smallest file size possible I'm

using as much compression as possible

before I upload so when my web server

loads them it lows snappy nice and fast

so there's two things I'm gonna do there

in addition to the CDN and in addition

to reaching out to my web host and my

domain registrar to figure out why

that's lagging let's go down a little

bit farther here and we're kind of at

the bottom of the report and here this

one is what is this track CMP Nets so

this is some sort of tracking and I

don't actually know what this tracking

is and this is where we get into okay so

this is active campaign tracking right

so I have installed on my website and

this is on all my websites and

and the same with like Facebook pixel

tracking or Google Analytics tracking

all of these tracking pixels that we add

to our website they all take time to

load this is a snippet of code that

needs to load it reaches out and

communicates with active campaigns

servers active campaign is who I'm using

to manage my website or my email list

and the the reason I have this in place

is when I send you an email if you click

and visit a website active campaign

knows that you clicked on the email and

you visited the website I can create

custom audiences based off of this kind

of data I can kind of do interesting

retargeting based on the website data

I'm currently doing none of that but I

have the infrastructure in place so is

there a way for me to speed up the page

load time you know there is a tool

called Google tag manager that allows me

to put my Facebook code my Google

Analytics code and also any other

tracking code like this one into one

container all that loads is one

container that has all the three pixels

can slow too it can speed up my load

time instead of pulling pixel a from

Facebook pixel B from Google pixels C

from my email service it would load one

pixel and then on the backend it would

load everything off of Google servers

speeding things up and this is literally

this is the game of PageSpeed

optimization it's a lot of staring at a

screen that makes no sense at first

looking at weird lines of code and ideas

of like I don't even know what that

means then what do you do I copy the URL

I go google it why is this URL right I

would do why is forward slash wp-admin

forward slash admin dash Ajax taking so

long to load on my site this is the game

it's kind of kind of difficult work

right like we are really this is grunt

work this is a lot of uncovering and

discovering those places in your themes

in the images that you're using and the

plugins that you're using you're able to

visually see here on the screen what's

slowing you down and once you have a

list of the biggest kind of users or

abusers of your servers resources then

you formulate a unique plan to eliminate

them to speed them up etc etc and

massive learning process I was able to

off the fly identify that one setting up

a CDN is gonna speed up a lot of these

things because I'm gonna take that

weight and that burden off of my web

server and put it onto a high-speed

cloud number two how I have my home page

designed having 18 different thumbnails

on my blog role is simply inefficient I

can cut that down to six maybe nine cut

that load time I will easily remove a

second or hopefully a second and a half

from that alone optimizing my images and

then looking at the idea of how do I

take all my tracking pixels that are

also taking time to load and maybe merge

them into Google's kind of tool that

they have Google tag manager and loading

that once instead so this is the game

and yours is gonna look different than

mine and you're gonna notice sometimes

that it's a plug-in or two plugins might

be fighting for resources you might see

that one plug-in is taking an extremely

long time to load you might want to get

rid of that plug-in you might want to

test a different plug-in that does the

same job in that situation there's

really no I've tried to hire people to

do this job for me and it never actually

worked there's no easy way to go about

this I do think that GT metrics has

someone on their site they say you can

reach out to them for help with with

your PageSpeed times I've never gone

through that right they have right here

contact us for optimization help and

they'll help you kind of go in that

direction there is sometimes the

possibility of paying for like a turbo

level on your server or a faster server

when your website gets to the point

where you're running one two three

hundred concurrent users for most of the

day you probably will want to upgrade to

a virtual private server or a dedicated

server that way you have 100% of the

resources of that machine or at least

25% of the resources because if you're

just on a shared server there's the odds

are you have hundreds if not thousands

of other websites all using a portion of

the kind of server resources so there's

a lot of different angles that you have

to go but the easy places to start is to

look at this GT metrics tool I did

by the big long bars in the waterfall

report take a note of the things that

they recommend in the yslow and the

PageSpeed reports add your CDN make sure

you're optimizing images look out for

plugins that are fighting for resources

and taking really long times to load and

when you see those things in your

waterfall report like I've just found

that are really long either a big

groupings of long load times like right

here or these really long items you need

to dig in and figure out what they are

and then you need to formulate a plan on

how you can potentially speed up those

processes leveraging third party servers

like CDNs leveraging third party tools

like Google tag manager or different

plugins that accomplish the same goal

always looking out for page speed and

load times once you've made some changes

come back into the GT metrics tool rerun

it take an idea and what you'll find is

there's new things that are taking the

longest right when you take those long

things and you compress them down now

something else is the longest you're

never done this is not something you do

once and you're finished it's something

that you need to kind of continue to

work with overtime I do revisit this

tool once a year every six months for my

wife's website because it's something

that as we add more content and as we

have more plugins and more functionality

to our site we ultimately are slowing it

down so it's it's going in and cleaning

out those things we can and and making

sure that what we're doing is as

optimized as possible and you learn new

habits right like saving your images for

web for example is one of those habits

that you learn and really just

monitoring this kind of identifies like

how every time I do that it seems to

slow things down let me go look for a

plugin that doesn't have that components

built into it I've even emailed plugin

creators for example like the the social

media plugin I use called social warfare

I was on three or four different social

media plugins that were loading really

really slow I identified from this tool

that it was clearly the social media

plugins that I was using that was taking

so much time they were all trying to do

way too much I identified the line item

in the script that was lagging and when

I found this social where warfare plug

and I emailed them I was like hey I've

got a problem with this does your

plug-in use that functionality he was

like no not at all

I installed it instantly our our website

sped up that's what we like days if not

a week or more to figure out but since

we've made that change that website

loads a lot faster we get better

rankings everyone's happy so that's the

name of the game I hope this has been

helpful for you I hope this has been

valuable if you've enjoyed it give me a

thumbs up here in YouTube

I appreciate that kind of engagement any

questions here feel free to hit me in

the comments below I don't really have

any magic skills to be able to answer

like what does this line item mean go to

Google for that do the research you got

to dig in because it's your site there's

certain things you've done and you've

got on your site that that slow things

down and you need to figure out what

those are for yourself but overall

theory in page load times hit me with a

comment I'm happy to chat about that if

you haven't subscribed click Subscribe

or if you have subscribe click the

little bell next to the subscribe button

that way you get the notifications here

in YouTube when a new video is published

and I just hope this has been helpful

this is one of those kind of like down

and dirty in the dirt kind of you know

dirt under the fingernails types of jobs

that I've been doing for years years and

years I had no experience in this area

don't know anything about server

administration I don't have a computer

science degree none of it right

self-taught 100% by finding like ok that

looks like it's slowing things down what

the hell is that

and then going in and just spending a

lot of time on Google and going down the

rabbit hole in YouTube and figuring out

what those things are why they're

causing the slowdown and what my

alternative is that would be a lot

faster this is how I've learned my best

practices this is some of the the dirty

grunt work behind the scenes that the

fake gurus don't tell you is real but it

is real and this is the stuff that that

I've been dealing with for years and

welcome to the party I guess you can do

it I know that cuz I self-taught myself

this stuff and you're never gonna get it

perfect there's always gonna be things

slowing down your site like we are

loading assets from a variety of web

servers so keep that in mind do the best

you can and just revisit every once in a

while and revisit this video every time

you want to I mean just track a little

log of what you're doing so have a

notepad somewhere how about Excel

spreadsheet or Word document somewhere

that you know the date you ran the test

what your numbers were what you

identified what you changed let it sit

for a day a week or something go back

rerun the test and every time just keep

keep kind of adding to that log so you

got like a log of all the changes you're

making and so you can see if you're

trending in the right direction or if

something you did since you in the wrong

direction you've got a little log of

what you did so you know how to kind of

flip that back and and fix any errors

that you may be created for yourself

along the way that's it for this one

thank you very much I hope it's been

insightful I hope you've learned a lot

about PageSpeed load times and all that

fun stuff any questions having the

comments and I'll see on the next video

so until then be well and thank you

again for your time I really look

forward to connecting on the next one

#Best Education Page #Online Earning

online earning,make money online, earn money online, online earning, online earning sites,

 make money online free, online money income, earn money online free, money online, best way to earn money online, online income site, money earning websites, best online earning sites, easiest way to earn money online, earn money payment bkash, online money income site