Google is incorporating core web vitals Into its ranking algorithm that means You’re going to have to start taking Page speed a lot more seriously in the Near future So in today’s episode we’re going to be Breaking down exactly what core web Vitals are And how you can fix them on your site We’re releasing this show This week because we’ve just launched Our new core web vitals Blueprint and in this course we’re gonna Take A really really slow site and get it to 100 which is the maximum score you can Get on the page speeds Insights tool now along the way gail’s Going to show you Step by step exactly how to do that all The tools All the settings all the processes that He uses to get There plus he’s also mapped out every Single error message you can get in the Pagespeed insights tool And he’s mapped out a step-by-step Solution for that This course is available at the time This podcast goes live But only for the next three days or so Plus we have a special 75 discount offer Going on during that time so if you want To grab it this is
Absolutely the best time to do so you Can head on over to Authorityhacker.com forward slash core Web Vitals and you can get access today this Comes with a 30-day money-back guarantee and we’ve Negotiated discounts to all the tools we Recommend In the course as well this is the Biggest and most complete resource on Core web vitals available Anywhere online so go check it out right Now [Music] Welcome back to the authority hacker Podcast i’m mark i’m here today With my co-founder gail and today we are Going to be talking about core web Vitals now As someone who’s not very technical and To be honest i leave most of the Technical stuff uh to To gail core web vitals are kind of Intimidating for me there’s a lot of Uh technical terms and terminology and Things parts of the website which i’ve Never even touched before which have to Be Tweaked so today i’m going to be Interviewing gail In order to get some plain english Answers so someone like me can Understand
But first i mean plain english from a French person right Exactly to be complicated you’re Basically a native english speaker now You using much more than fragile Yeah wait wait wait i have one question How’s it going gal i’ve always wanted to Do that I i don’t know how are we doing we Haven’t done a podcast for a long time So it’s like uh Is this like some undergoing uh atari Haka drama that people Are yeah it’s a really exciting real big Story no it’s not So there’s three things going on we’re a Little bit burnt out Uh so we were doing some more guest Interviews you were on vacation for a Bit Uh and we’re preparing a few other bits And pieces of work and it all just kind Of Ended up there being like three Interviews in a row uh but we’re back Now And we’ll be back in a couple weeks Again with some more mark and gail Action So if you if you like our stuff you got More that’s looking forward to If you like the interviews sorry guys um We’ve got some more games lined up uh a Little later in the year as well
I’ve actually learned quite a bit of Stuff on like that john dixon interview For example so i kind of want to do more Like Selfishly uh interviews just because it Allows me to like think about Uh building sites in different terms and People do things differently and so on And so i definitely want to do more Interviews it’s really cool like you get To ask people like their deepest darker Secrets about their business and That they just tell you it’s it’s great It’s like free uh Mentoring almost you know i enjoy i know That some interviews definitely do a lot More than others but i think there’s It’s nice to not just get our Perspective like as as interesting as it May be Um to to bring other people and to kind Of like Uh clash the visions and and get Something out of it So yeah i i do enjoy them actually i Don’t think they’re going away i do Think there will be more interviews this Year Overall than last year but anyway today We’re talking about Uh co-op vitals and uh basically i’m a Guest so yeah you go ahead and you ask The questions Right so i’m not gonna ask you to tell
The audience about yourself because no One cares Let’s just get straight into it hi core Web vitals Why why should i care about them like We’ve talked about Site speed before and you know you’ve Said it’s kind of a thing but don’t Focus too much on it why is core web Vitals different I mean nice i mean page speed officially Was A ranking factor at least on mobile uh According to google and now they’re Basically they’re kind of refining that Into color vitals is what we’re going to Be looking at And color vitals is not page pd it’s Like How some parts of your site loads and Some things load and so there’s three Main metrics right there’s largest Content full pane there is first input Delay and there’s cumulative layout Shift i’m sure we’re gonna go over this Basically google has this new thing Called like page experience algorithm And within the this page experience Algorithm which you can find in your Webmasters console so you have reports For that in there There is co-work vitals which is what They are introducing In the ranking algorithm recently and
Well it’s kind of like most things Google as initially i i Believe that you know it’s like most People a lot of people love page speed And all that stuff because it’s easy you Put url you got a score And you just change something and get Another score and you kind of improve on That Um i still believe that if you have Insulted content and links on your site You should probably focus on that Uh i still believe that i would rather Have a site that has content sorted out Than pagespeed sorted out etc so like We’re not not we’re really using a new Blueprint right now but i’m not going to Like change my stance on this because We’re releasing a new blueprint but we Should also not be forbidden from Talking about these topics that are Becoming increasingly important Because there is the core of the Business that people need to take care About and we have done training for These other things in the autism system You know Hacker pro etc so it was an interesting Thing to go over that and You know historically we’ve been Focusing mostly on building sites out of Convenience for building them and and Making them easy to build And now i was like okay how how much of
This are we gonna have to sacrifice so That we can also match all these new Color vital stuff and that was kind of Like the challenge for me it was quite Interesting to go for that So essentially it’s a sub part Of page speed is just how they’re Defining certain Aspects of it and they’re incorporating Exactly right Into the algorithm we don’t know how Significantly How big of a factor would it be fair to Say that in Like in our nation i am where everyone’s Probably gonna be doing this it’s Something you should Probably be doing sooner rather than Later whereas in less tech with less Tech savvy web Uh webmasters or um site owners it’s Maybe something it’s not quite so urgent Yeah for all the people who listen and Have a paintball site for example Uh they don’t need to probably focus on This as much uh because it’s still Still the same shitty size ranking on Top so we definitely haven’t Um like sparked that leads on fire but Yeah in like more competitive niches if You’re in cbd If you’re in you know anything finance If you Are in hosting and like all the very
Very Cuts through where everyone else is Doing like really strong Seo and seeking that extra one percent Advantage over all the competitors yeah So i like to compare this to uh when Google introduced https as a ranking Factor so it’s like you know at the Beginning most people didn’t have that And then it was like eh you know do it If you want You know most people didn’t switch to Https and their rankings shoot up Um but eventually now if you don’t have Https you’re the outlier And it’s going to like you don’t see Sites without https rankings on top of Google now so it’s like it’s kind of Like well It is something that you need to do now If you want to show up on google lastly At least if you’re working on the Correlation level It’s a very very high correlation to Have https and ranking higher and Uh i think even branding they did some Case studies we did as well actually Where uh well we saw that the higher the Ranking on google the more the higher Percentage people have Https and you know i can’t see co-op Vitals being one of these things where It’s like You won’t necessarily like jump up in
Rankings like crazy but if you don’t Have it you will not rank Eventually uh when everyone else has it So it’s kind of one of these things You’re going to have to adapt My personal opinion is that google is Doing that More selfishly than they’re doing this For the user reason is if your site Loads Faster and just takes less data to load It’s going to cost them less to crawl The internet which In the end saves them large electricity Bills which in the end Also allows them to say they’re a Greener company which is something that You know like they have to do with all These like and You know government goals of reducing Carbon emissions etc So it’s an easy way to just pass on the Bill to the website owners And then eventually say they are a Greener company and that overall they Made the internet greener But if your website owner it doesn’t Matter really why google does it what Matters is that Eventually yeah it’s going to be like Https and you’re going to be googling Stuff and eventually everyone will pass Code vitals on top of subs if and if you Don’t pass it it’s
Much less likely you’ll show up higher So that’s kind of like that rather than A solution to your business it’s Something that you’re just gonna have to Do kind of like a new norm that you have To go through when there is Uh when these things happen in real life What’s the time frame on this in terms Of when’s it becoming a ranking factor So if you go on the google web dev tool Like they actually have a little ribbon I actually put that screenshot on the on The sales page for the cover vectors Grouping That says it’s boiling out all the way Through august So i think from the limited information Either google’s gonna Like the google search liaison is gonna Comment to it and be like hey we’re done We’re done rolling this out or you can Assume it’s going to be done by the end Of august I don’t know how they’re rolling it out If it’s per language per country per Niche or whatever but it is currently Rolling out and It should be done sometime in august uh And i would say that Even though we have a vested interest in Sort of like selling people this course Like i don’t want to kind of over Overstate it it’s not something that you Have to go and do
Tomorrow otherwise by the end of august You’re going to lose all your rankings It’s probably going to be You know a much more longer term gradual Phase-in And equally if you don’t when you solve It it’s not going to shoot up all your Rankings if your content is cheater if You don’t have links as well right so It’s like But it’s something that you’re gonna Have to address you’re gonna have to Address that in the next few months and You’re gonna At least you know um john mueller came Out in an Interview like on the webmaster office Hours type stuff and he just said Basically If you like in webmasters console There’s this report where they put like Uh Pool needs improvement and good Basically And he said you will have an effect on Your ranking if you’re in the pool Bucket right but if you’re still in a Need improvement you should not Like going from the improvement to good Doesn’t seem to yield effects based on What he said like it doesn’t seem to Improve your rankings But being going from poor to uh need Improvement actually it’s something that
Could affect your rankings According to google themselves yeah um So So yeah if if you’re in this pool bucket And a lot of people are actually it’s Quite harsh Quality vitals that that’s true but Literally i think you want to keep That’s true but From what i’ve seen at least from what You what you’ve been doing and what People have been better testing Our course on have been been doing Getting from Bad to okay or needs improvement is Actually Quite easy it’s getting like to a Hundred like The really top of the top score is quite The hardest is going from like 95 to 100. like this one is like It’s like i did it in the blueprint Because obviously people want to see me Do it etc Um but let’s be honest for you to get Real life results all you need to do is To get to the acceptable level basically So so for the average site owner Out there this is actually initially Probably a smaller and easier to Implement Thing than they they probably probably Realized okay We’ll talk about something we could
Raise the bow over time right i i agree That’s probably likely that to happen And We’ll talk about some of the ways people Can improve their score In just a sec but um google has this Page speed Insights tester tool what exactly is That that’s showing us you mentioned Cumulative layout shift and a few other Other things tell us about it yeah yeah I mean it shows us a lot of stuff right It’s like it shows you It shows you all these calls like you Get this general score that everyone’s Just looking at and it just gives you a Call from zero to 100 100 and 0 being very rare but you’re Usually some somewhere in between Uh i i mean i’m not gonna go through all The metrics because that’s pretty long But if you care about color vitals you Care about three metrics you get about Largest content Paint you use content or content for a Camera contentful first input delay And cumulative layout shift right and so These are these are co Vitals per google’s uh thing so largest Content paid from the full point Is google picking an element on your Page and be like okay that’s the thing That takes the most Real estate above the fold when the page
Is loading so i’m going to look at that One element and i’m going to look at how Quickly it’s showing up right That’s basically what google’s doing and So on All your pages they can pick a different One and they also pick a different one Based on whether It’s a mobile or desktop uh rendering Which is why In the php insight you will get Different scores for mobile and desktop Well desktop is usually quite easy to Improve mobile is the more challenging One which is why in a Blueprint we focus on mobile so that we Take the most difficult one and usually Desktop gets 200. Um so largest control plane can be Different things it can be Uh one pretty frequent it can be your Featured image for example also pretty Frequent Uh on the toy hacker you know we have The blog post with like kind of like the Background blue and the Grid i actually took the image of the Great as the largest Content for paint and so uh it’s going To look at how quickly this loads but It’s quite a tricky one because Let’s say take your it takes your Featured image And you’re like oh i tried to improve my
Page feed i did lazy loading on my Images well guess what happens your Images load last Including your feature your featured Image therefore you get a Poor largest content for paint score Because you lazy loaded your images And so you need to for example when you Get to optimize that If you keep an image as your largest Content for paint you need to Exclude that image from the lazy loading So that it load and sometimes even Prefetch it So actually like starts loading before Everything else So that you get uh you sort that score Out so that’s where for example Color vital differs from like classic Page speed optimization stuff and just Installing a plugin and not thinking About like you need to put Like to run this test and understand it And eventually optimize against that so That’s Largest content full page and first Input delay is basically How quickly does the page react from the Moment it starts loading to the moment Where i can interact with it so when i Can click on a button or a link or Something And when i click on the link it actually Does it because sometimes you know when
The page is Still loading you click on the link and It still doesn’t do it and you have to Click again etc So it’s really like how long does that Take and usually that’s benchmarked Against like how long does it take to Load all the scripts like javascript etc But by the time the browser starts Actually taking what you’re doing with This And then the interesting with first the Interesting thing with the first input Delay Is actually it’s you know in the page Page feed insight tool you have this Field data and you have the lab data That you’re going to be looking at when You look at the result the field data is Actually an average of 28 days so people A lot of the time they try to optimize Their site And they’re like oh these the metrics Are not moving it’s not improving well That’s because That’s the average of the last 28 days So even if you improved in the last five Minutes It’s not going to change that number Because you need 28 days for this to Change Um but what is interesting is you will Get this first input delay in the field Data but you will not get it in the lab
Data which is the real time one So when you retest your page and you Change something you will see these Numbers change right So actually the way you optimize first Input delay using the lab data is you Take a proxy metric called Total blocking time which is kind of the Same as just like how long It’s not exactly the same but kind of Basically it’s hard to explain exactly Uh it’s just like how long it was until Execute some some of the scripts etc And it’s a good enough metric to start Optimizing against it but eventually you Kind of have to keep an eye when you Fix your core vitals so you go back to Your 28 day average and you actually get The actual metric people care about So that is first input delay and then Cumulative layout shift Is how unstable your page is when it Loads So you’ve been on that page before like On cnn or something And you’re like you load an article and You start wanting to click on a button Or something on the menu And then you click and bam there’s an ad That loads and then you just In the uk all these local newspapers Have it and they’ll Really like your clickbaity story on Social media you click and
You have to like scroll through all this to like find the actual information And then like you you try and like click On the link there or play the video and Then it’s just like boom i’m clicking on An Ad to i don’t know buy some new bed Sheets or whatever like what Exactly so that’s cumulative layout Shape so google’s looking at how stable Your page is while it’s loading and There’s ways to like You know tell the browser to reserve the Space for the ads for example so that it Doesn’t move Around the text it just puts a blank Space and then where it comes the time To load the ad because you will load it Asynchronously so that it doesn’t slow Down the content for loading and you get A good page speed call It doesn’t create this crazy instability Of your page when it’s loading so that’s Basically The three core web vitals is the the Holy trinity largest content for pain First input delay communicative layout Shift and that’s Slightly different from just like what Is my page speed score etc So you can have a highest page speed Score and still have some red metrics in Go invites Are traditional page speed scores like
What is it time to first bytes and these Kind of things Still a factor for this or does it just Not matter at all A little bit um i mean for example Largest content fall paint will Rely on every time the first bite will Influence largest content for paint for Example because it’s like It’s not even a proxy metric but like You you can then when you get more Granular when you’re like oh i want to Improve my largest uh Condom for pain then you can go back to Like okay well if everything just Started loading Like instead of taking like 300 Milliseconds to start loading It takes like 30 then all of my metrics Just move back by like 270 and therefore I might get green in On some of the other stuff you know okay But like for example cumulative layout Shift is not really affected At all by time to first bite because Really what matters is like how and How shaky your page is so it’s like some Is some is not you know Okay so on some of our sites that you’ve Actually been through and implemented All this stuff which we’re about to talk About We have like really really high scores Not so much though
On authority hacker um why is that Uh i mean first of all toy hacker is a Complex site It’s like i can’t just like go and quick Fix it like Most of the sites have done i’ve done Like a day right so you know in the faq On the sales page we’re like a week but Like It’s quite generous like if someone’s Like uh on it I can do that in a day i can do that in Half a day really not even At this point um but on the bigger side Obviously you’ve got to be more careful If you do some stupid stuff you could be Paying with your rankings etc so It does take more time to transition Bigger sites and um Attorney hacker has a lot of things like Sales pages landing pages etc which Uh would need a decent degree of rebuild In terms of template Um to re-optimize these things so we’ll Talk probably about teams etc a little Bit later and page builders Um but i would like i want to move auto Hacker out of the Elementor completely and that is the one Step that will Take a lot of time um but i don’t Really want to do the other things until I’ve done kind of like the The basics it’s kind of like you know
Even in the blueprint i go on the most Basic level so we start with like okay Let’s look at your hosting then let’s Look at Your hosting setup like then settings Rather Then let’s look at your theme then let’s Look at your page builder and then let’s Look at how you load your Like we kind of like go back up and it’s Kind of the correct way of doing this Because It’s like otherwise you’re you know like If you optimize let’s say you optimize Your your scripts the way your Javascript loads etc But then you change some stuff like you Change your team for example well it’s Different Files so you kind of have to go back and Do it again right and it’s like So there’s an order that you have to do The same basically Yeah i mean in order to not be wasteful With your time it’s better to do that And so i’m just willing to uh You know take a take a hit initially and Then do it properly Uh eventually it’s kind of the way we do Things and so that’s why we do that um i Did attempt to make the Core vital sales page by scholar vitals Just because it was like I feel like it makes sense when you’re
When you’re selling cost to actually Like Execute what you teach in the course at Least on the sales page Ironically google’s own page speed tools Uh insights it doesn’t fast after a page Doesn’t pass it so Yeah no it doesn’t uh so Yeah i love google’s properties don’t Pass actually i mean most of youtube Doesn’t pass etc like Um so it’s it’s interesting to see that Google is forcing it on people but uh Doesn’t seem to have any consequence On their own companies so it does but Yeah it’s Well on bigger size it takes more time Right we have better testers as well That are doing it on bigger sites and And they did get quite a lot of Improvement like Uh josh took his site from like 20 Something to 70 plus in a page To uh already by doing some of the stuff But he couldn’t uh because some of these Bigger things take more time Yeah yes thousands of articles get Millions of traffic Exactly it’s like it’s a bit more we’re Talking big big sights you know It’s always like that right in in the Past we’ve used uh Nitro pack to improve the speed of of Authority we’re still using it right now
Yeah how does that does that help your Core Vitals at all or is it something Completely separate Yeah it does it helps your core event That’s quite a bit i mean right now Like the sales page is running on Naturopath for example a is doing quite A bit of work Um the problem with nitro pack is they Do it based on your page views Now and it’s freaking expensive So it’s worth it if you have more time Than money And you can’t be bothered with dabbling With all that stuff like nitro pack is Going Is the 80 20 basically but just just Interject there if you do want a Discount on nitro pack if you use the Coupon authority hacker 10 uh you can get a 10 discount yeah Uh it is expensive but it does a lot of The stuff the problem is there’s not a Lot of options to tweak it etc And so you you will probably not get to A perfect score And and and yeah it gets expensive and The setup we have in the blueprint Is a lot a lot cheaper i would say like Four times cheaper or something And you know the more pageviews you have The cheaper it gets because we use like Much cheaper cdns etc
And so it’s not really metered it is Muted by bandwidth a little bit your cdn But it’s so cheap that it’s like It’s nowhere close and so like the more Traffic you have for the guys who have Big traffic in hp et cetera Um nitro pack is is an expensive one it Works on the toy hacker because You know we’re in an eastwood it’s like It’s not a huge traffic niche it’s It’s a pretty profitable niche to be Honest and so like it kind of makes Economical sense here but if you have Like a gardening site or something It’s a bit more complicated because you Tend to have a lot of traffic and make a Lot less per visitor And so you would pay a lot more for Natural pack and uh And make less per visitor than we do so I am going to move actually a toy hacker To that setup that i do in the blueprint It’s just that again i need to do these Basic things that Are quite time consuming first actually Okay uh so let’s go into some of the Non-nitro pack Uh methods for yeah for improving things That you said you mentioned start with With your hosting uh do do you just Fly a move to a faster host like how do You know which one like what’s the What’s the process what what do you need To look for here basically
I mean most of the i mean it’s kind of Like the usual you get what you pay for Um but there’s obviously better value For money here and there That’s what we’ve done i’ve actually Tried like a quite a few hosting Solutions Before i settle for but we went for and Went for cloudways Um digital ocean premium that’s the one It’s a brand new one actually Um what does that talk about sideways And digital ocean are Two companies like what’s the Relationship So cloudways is the hosting provider They give you A an interface basically they give you Uh You know everything you would expect From a host you know launch a new site And like create a staging and All that stuff while uh digital ocean is Just A hard you know server provider right They just have like several racks Around the world and they just focus on The hardware And on connecting them to really fast Internet and you do whatever you want With it so You know if you use like like apps like Asana or notion etc they probably run on Things like they probably run on amazon
But it’s kind of the same thing as Digitalocean you know um so and and so Cloudways resells you their services but With a proper interface so you don’t Have to go through the terminal on your Computer And do things like update the server Software that is not wordpress that’s Like the Lower level stuff etc so it’s like it Does that for you it’s kind of like a Serviced version It does cost more but not that much more And it’s just like It just avoids so much hassle that it’s Worth The trade-off here uh and you get a Support for example you there’s no Support in digital ocean right i mean If you have a problem with your WordPress site it’s like figure it out They will not assist you on wordpress Issues for example whereas Cloudways will um so yeah That the the reason we switch is mostly Because well when you are on the chip Hosting so i’m thinking like siteground Even wpx hosting etc which a lot of People like You are sharing your server with a lot Of people who install whatever plugin They want and it uses a lot of resources These hosts you know have ways to like Limit the how much resources
Your neighbors are going to be using but Eventually you’re just putting a lot of Sites On one server and the more size they put Per server the more profit they make It’s pretty simple right it’s just like It’s kind of like the the the plane Right like if they cram all the seats Together well they put more people they Make more money And then if they if if you go in uh in Business class or in In uh premiere then you’re getting more Leg room Exactly you get a lot more leg room et Cetera it’s kind of the same analogy Here i know you hate my analogies but i Think this is okay Um so it’s it’s a better better one Maybe like taking The bus or having your own car like yeah Pretty much okay but like that’s nice Because you still get It’s not really like having your own cup Because you still get the serve you Still get the The meals et cetera um because Because you get the service from uh Cloudways you know okay so you do get The the house So you get it’s Okay i mean it’s like we have we’re on Keemstar right now Uh on all of our sites kinsta is better
For support i’m not gonna Really really really good support i’m Super impressed with them i’m not i’m Not gonna Cut uncanny but once that you’re still Sharing servers right um And uh and i have moved some sites from Kinsta to Cloudwords and i have had better Performances on cloudways Uh even though kinsta you know you go on Their site and they’re gonna tell you They’re on google cloud In the end it depends how many sites They put on the server and even the best Server if you put a thousand A thousand sites on it it’s still gonna Be slow right so it’s not slow kinsta But it’s slower than cloudways and if You are seeking for performance i feel Cloudweight is a Is a better it’s also much cheaper uh While being faster So that’s when i said like you can find Good values for money but you trade In service you get a little bit less Service but it’s still you know on par With most hosts It’s just that keen style is a really Good service and what kind of results Can people Expect just from moving host From one of the sites i moved i’m trying To remember i think it went from
Like 50 to like 65 or 70 something like This like uh On on if i give like the the mobile page Pizza it’s just easier to just give a Single number right it’s like Some stuff is better um but overall yeah It’s like it did improve by like 15 20 Points Uh moving from moving from side ground To movie from To moving to cloud ways Um so that’s pretty good actually um It’s not it’s not everything and you Need to know how to set it up as well Like you need to know how to set up the Options etc it is a bit techy Um for complete beginners which is why I’m still happy to become inside ground For beginners it’s just easier And uh and if people up with their Cache settings etc it can really be Damaging to your site so it is a bit More techy but it’s still manageable for Most people i would say so it’s the Balance you know of value Of speed and of ease of use basically Okay uh so a couple weeks ago you sent Out an email to Our subscribers and i believe the The title was something like i’m done With elementor Um was that tell us about that and was That related to core web vitals Yeah i mean that’s what as as i was
Doing the cover vitals brewing so it’s Like The the one thing that kind of like made Me bulge i mean a lot of people were Like ah page builders load the love On your page it’s extra But i was like man it just makes it Easier i found if i want to make an Opt-in page or any pages sales page it’s Just like it’s sometimes It’s quite difficult to do even on Kutenberg as it is right Um but the game has changed quite a bit As generatepress has released The new generatepress 3.0 actually which Has kind of a team builder in there so It’s It’s not as nice as a page builder to Use But the trade-off is you get very very Good performances while still having the Capabilities Close enough to what you used to have With elementor team builder so you gain A lot in performance And you lose yeah a chunk but not not Something manageable in in usability Basically question Um is it something that i could make a Page on I think you would struggle at first okay Which is why i made videos so watch the Videos but it’s um So the reason it’s difficult is because
You still i mean everyone who has used Gutenberg knows what it looks like right You have these little plus buttons and You add stuff etc It looks like that when you build the Page right and it’s like it’s not Looking like the page you have the weave Of the element is not what it’s going to Be looking like on the page et cetera so You need to mentally Remember how what the element is and how Much stuff you’re going to do you’re Still gonna have to like refresh and Then go back to your preview and we Check etc so it’s not as nice as it Would be If you did this directly on a page Builder that shows you the front end of Your site and exactly how it’s gonna Look like And for a lot of people who have never Built websites i think it’s it’s Something that I mean they could learn but it’s going To be a hard one and i think a lot of People are going to give up Um from my experience teaching a lot of Beginners through the authority system Etc And so that’s also why i don’t change my Recommendation for beginners because As i said it’s better to sort out your Content and links then Go for like perfect uh performances and
And i think that’s what These other solutions allow you to do it Allows you to like not worry too much About the design and just get going with Your content and links And case on point we have sites that are Still elemental we have a site that is Still an inventor we just sold for six Figures Following exactly tasks and so it hasn’t Been changed it ranks really well on Google et cetera like it’s not Been killed by any update etc so it’s Like you can You can make good money and build great Sites Still with the solutions that we have in The other side system but we Also need to acknowledge their limits And what it costs To build a site like that which is Performance uh And it’s it’s something that once you Get to a higher level You need to start caring about you know There’s there’s a trade-off with Every single tool exactly every single Tech stack you have So essentially what you’re saying here Is that when you go to generate blocks You’re getting cleaner code which is Going to help your your site load faster And Take all these core web vitals boxes
Yeah but that comes at the expense of It’s a lot harder to actually use and Build stuff If you’re used to using yeah elementor But the thing is like Before there was things you could Straight up not do if you didn’t write Like css for example and like you Needed to go ahead and just write css to Style stuff Now with generate blocks and just you Can do pages without writing code like A good case study will be the sales page For this new blueprint for the cover Files Uh blueprint because i oh yeah we’re Putting a link here Uh and the reason why is because i’ve Built to make this page passcode if i Also actually built it off elementor i Have kicked out all the elementor Scripts from that page And i have built it on generate blocks Not general price General quest we’re not restoring a Strategy um And so and that allowed me to just have A much like to avoid Um there’s an error message in php Inside called avoid excessive dom size Which is you know when this page builder Do all these divs etc and there’s like 50 layers of divs on on your on your Html it’s crazy
And google’s like well your code is Super bloated generally General press doesn’t do that generate Blocks sorry and it prevents you from Having this error message which is one Of the things that cost you Some of this page pizza core and the Core vital scores So uh you can do all these things Without writing h Html and css right now which wasn’t the Case before the new version of all the Stuff they released So i’m at this point where i’m like okay I’m willing to make the jump personally And i think the advanced users should be Willing to do that because you can still Do that within A clickable interface but i do think It’s It’s a little rough on beginners and Case on point as well there’s Someone in task that tried to switch and Like was like oh my god it’s so great so Great etc And two weeks later someone’s asking oh How’s that going and it’s like i’ll Switch back to elementor Um and that’s because it’s difficult Still um And that’s why i made a bunch of videos Showing this off as well in the new Blueprint actually So that people uh who want to make that
Jump can make that jump But it you don’t have to make that jump To stop and you say i’m trying to be Very clear I’m insisting on this because i know People are stuck not listen But uh yeah it’s like test size steel Rank as well Okay so let’s talk about plug-ins and How they affect Your performance because you’ve been Very very Uh harsh on our team insisting they Don’t install Uh you know plug-ins to fix every every Little little issue because we end up With too much blood i used to do that Yeah yeah i used to do a lot why why Does why does it make such a big Impact on your on your performance i Mean it might not make a an impact Yet but the thing is like you know Because of the nature of wordpress that It’s open source like anyone just Releases a plugin And they’re not necessarily like updated Maintained et cetera for the new Versions of wordpress because you know When there’s new versions of wordpress They use like new libraries etc and Things like that and so For example all plugins that are not They did they still use an old version Of like jquery and stuff like that and
So WordPress is has to go back and load That stuff because you’re running these Old plugins and so on it’s A bit terrible on top of being security Issues as well like if you have a lot of Plugins and they’re not updated there Could be an opening to hack your site Which is why a lot of sites get act Um all plugins are not bad though and i Think the Vision of like oh uh if you have too Many plugins Your site’s gonna be slow it’s not Necessarily the case it’s just only if These plugins load a bunch of stuff on Your pages that you don’t need A big known offender being contact form Seven which is A contact form plugin a lot of people Use on for sites and free For free but it does load scripts on all Your pages even if you don’t have a Contact format For example uh it’s pretty annoying and So What you need to do is you need to audit Your site and see which plugins are the Worst offenders I try to then try to maybe replace them Or not run with them etc so that you can Save your resources and and do achieve Better co-op vitals and page speed Basically so
Uh you need to be a bit smart about this Not just be like all plugins are bad but Rather which plugins Are affecting uh my score right now All right so how how do i do that uh Funnily enough you do that With a plugin so install a plugin to Know which plugins are bad for you Uh there’s a free plugin called query Monitor that you can find on the WordPress repository or just install From your wordpress dashboard And it just does i mean i do the whole Lesson in the blueprint but Essentially it gives you a bunch of Reports when you load your page you can See some stuff at the bottom and it Tells you You know which plugin loads this script And then you’re like okay am i using This plugin on this page or is it just Like Adding some some bloats basically and Then once you find the worst offenders Again you try to either find an Alternative plugin Or you just get rid of it or you just Accept That it costs you uh some speed because You really like this plugin or you Really don’t want to get rid of that Function which is something that’s going To happen as well Uh people who hunt perfect page speed at
The expense of Features on their site i don’t think They’re the smartest people optimizing Their site It’s all about your site doing what it Needs to do so you can make money While getting the best page speed code Not about just cutting everything from Your site So that you get a high page feed call That’s not the way basically I’ve heard you also mention about Optimizing code specifically Css and javascript now i have a basic Understanding of what Css is um some kind of like styling Element that you’re telling The site yeah what color or what size to Make your h1 so that when you put the Html in Uh it pulls on that to decide yeah i Think that’s what it is Javascript on the other hand it gets a Little more complicated but yeah Javascript on the other hand I don’t have a clue what is it how does This affect our performance Javascript is like the programming of Your site right so that uh Html is not programming it’s a markup Language which means you know like Between a paragraph you just put these Little piecings And tells your brother this is a
Paragraph i’ll like h1 Around h1z this is an h1 right so it Doesn’t Program it there’s no logic right There’s no thinking it’s just like Telling you what things are Javascript is the thinking the logic the The if this then that Of your website so it’s like uh it does A lot of things like it like for example You could just be loading some files Depending on what you need on the page So it doesn’t load everything all the Time You know if this element is on the page Then do this If it’s not then do that etc so that’s What javascript is right but Um these files are usually some of the Biggest on your site With your images so these are these are The ones you’re probably looking at when You’re looking at your loading speed Quite a lot and you know some of the Biggest offenders here are ads actually Adds load A lot a lot of javascript and um There’s many ways to optimize that i Mean this is like the minifying but That’s I mean that’s not much and most free Services do that in plugins They just remove the space the comments Etc and they just like
You know make it a big block of Unreadable text for you but for the Machine it takes a little bit less space Doesn’t save that much but it’s still Useful one thing that’s interesting with Um uh javascript and css is that Historically when you are reading about Page speed improvement You will be like oh it’s much better if You take all your javascript and make it In one file you know And uh all like all your css and making More files so that you need to connect Only once To one file instead of having to do many Of them if you need uh And actually that has changed because There is something called http 2 that’s basically the new version of Http That now doesn’t really slow down your Site if you have Multiple of these connections it kind of Makes more sense to just load the things You need in the order that you need Rather than try to load everything at Once it actually makes your site faster So Most page speed plugins will have this Option to like try to put these files Together so not only do these things Create bugs but if you have a pretty Good hosting that most good hostings now Have http 2
And if you’re something like cloudflare You can also trigger that You uh you actually are better off not Ticking that option so it’s a bit of a Trap in page speed actually Um so you can do that the other thing That you can do With css is that that is really quite Useful Is critical css which means taking the Css of Elements above the fold on your page and Put it inside the html directly so You can write css in html um instead of Loading it from an external file But what is good is if you take only the Part that is above the folder and put That then essentially you’re above the Fold part which is your Largest contentful paint is going to Load Faster because it’s not going to require To load an external file And then the rest can load from an External file uh and so critical css Is quite powerful there is a service That costs 10 bucks a month normally That does it called criticalcss.com But uh plugins like wp rocket also do it For you and they do it pretty well i Haven’t run into any issues And that saves that is one of the like Real optimizations not like minifying Etc
For javascript there’s like a lot of Like you can basically Lazy load it you can tell it to load After your Html and css have loaded which means Like you see the column on your page And things like ads and more interactive Elements load after And usually google you know like Excludes this from the Measuring it’s a bit more complicated Than that but i’m simplifying right It pushes it away if you push it away They will not this will not affect your Page speed as much and this will Give you much better scores basically And so you have a bunch of ways to Optimize these files And we talk a lot about it in a Blueprint basically but it’s uh You can pre-load some of the files as Well so if you have stuff above default That really needs to load you can Pre-load it before everything else is This all with Wp rocket by the way or how does that Fit uh There is a bit of that with your cdn as Well but uh also the vp rocket So what what does wp rocket do w Rocket is historically a caching plugin But they’ve done a pretty good job at um Kind of like pivoting tools all these Metrics that google has about like
Uh code vitals etc so they helps you Solve quite a few Of the lingering issues that you have Once you have done your you know The core level of like you know your Team your webs your hosting etc Optimization they help you with a lot of That stuff you need to say it up Properly it’s not Always super obvious but when you do They do a pretty good job basically and They help you with a lot of this kind of Stuff together with like some settings On your cdn you’re able to get That’s like a lot of the secret on like How you get Uh really high page speed calls and Cover vitals So when it comes to cdn here is my Uh understanding of what it is this may Be completely wrong but The time it takes a user to fetch Details of your website images whatever Off of your server If you’re in london they’re in sydney That that Takes a long time versus uh if Your server is in melbourne and they’re In sydney it’s much shorter distance so Cdn Spreads the data around the world in Different data centers in order for Them to have a shorter access time Is that right yeah okay i mean it’s
Not really i mean kind of but um It’s like first of all historically cdns There’s multiple setups there’s like the Reverse proxy there’s the traditional Cdn etc Like a traditional cdn would be you Change in your html the url of your Images to point to another server Actually so in this case You know cloudflare or polycd and Whatever cloudplay is a reverse proxy Actually so usually not Um so uh but in general what cdns do Is they make a copy of your largest Files to A server that is closer to your visitor Physically Than your initial server was so if my Server is in new york someone’s Trying to load my site in melbourne it’s Very likely the student company will Have A server either in sydney or in Singapore and then That big image file for example can load Just from singapore Which because physical distance does Matter on the internet it’s you know the Internet is Pretty good but if you add Physical this if you play any games you Know is the ping great Um it does matter and so it will Influence your page speed and because of
The way google is measuring uh Co-op vitals it’s quite important Because you know this 28-day average Number i told you it’s based on Chrome data which means that uh you if You get visitors from all around the World Even if you have really really good Metrics in the us but you get a bunch of Visits From india or whatever it’s gonna you Know promote your score and that’s why a Lot of people are like oh i don’t know It worked quite well in the lab but it Doesn’t work now It’s because you actually need to Optimize for where your visitors are And that’s where cds can be quite good Help with that How much does it really improve your Your performance score so It depends a lot of where you started From right because As i said cdns serve uh Serve your files from from their server Some of the some of your files and some Other files go like the html is really Fetched directly from The your actual server because it’s such A small file uh It’s just text and so if you Had a shitty hosting if you had a really Really cheap hosting Or if you’re on an overcrowded server
And then you you have a really good cdn Then it’s very likely that their server Is much more performant than your Hosting therefore You get a massive jump whereas if you Have a really good hosting And you buy a cd and you might Actually Get lower performances right so it’s Like um it really depends where you Start from But um a lot of cdn companies are now Over like outperforming hosting Companies in terms of In terms of uh speed of speed of Transferring data etc Most of the performance focused on so I’m thinking about bunny i really like Bernie cdn Uh cloudflare as well i use cloud5po as Well And i’ll talk about both in the Blueprint they Use uh these nvme ssds which are like The new generation of ssds which Tends to you know retrieve your file Faster on the hard drive which then Immediately starts transferring faster Which means in the end your Your score is better basically um and so Well well most hosting companies still Run on First generation ssds so you’re talking Like
This nvme ssds they transfer data at Like 3000 megabits per second and a first gen Ssd will transfer at 300 megabits per Second so you’re talking 10 times faster Transfer speed Doesn’t mean you get 10 times better Page speed score because It’s just one element retrieving the File of the whole Uh transaction that it needs to be Transferred through the internet it’s The same internet you know so it doesn’t This doesn’t compress by having a better Hard drive And it then is the isp of the people so It helps a bit but Um yeah overall cdns is some if you get International traffic you kind of have To do it If you are like you know if you’re like A pizza shop in new york And you have a hosting company in new York meh it’s like I don’t think you need a cdn you might You or you just put the free version of Cloudflare and it’s good enough you know Um but most people who listen do have International sites that like do reviews And stuff and In that case you probably want to look At a cdn Okay uh so when it comes to site speed I’ve heard a lot of people
Complain that their ad setup ad thrive Or Or media vine or whatever has a big Impact on it Why is this and how can people address This with with Corporate vitals in mind without Sacrificing rpm And let’s just talk about what people Actually use so people who listen to This podcast They use the zoic they use that thrive They use mediavine right they use one of These three Most likely but most of these You know meta ad networks work the same You know the way they get you These much higher rpms than you would Get from adsense is that they put a lot Of networks In competition with each other right so They’re just like they there’s like 20 30 50 bidders on your uh impressions and Then whichever Beats the highest at when the page loads Is the one that’s loaded But for this to happen they actually Need to prepare to load any of these Which means They might have 50 javascript files of 50 Networks loading on your website so that They can load the one that actually
Is needed when the page loads and so They do add A lot a lot of javascript files On your site um and they also They used to be big offenders of the uh Cumulative layout shifting where You know like the ad chain like uh is Not appearing and It loads last and it just expands and Just like you click on the ad instead of Clicking on the button So they used to really mess up with General page speed and cumulative layout Shift Cumulative layout shift is actually a Pretty simple fix that Most networks have done now which is They need to give the height and the Width of The ad that they’re about to load on the Page so that it reserves that space in White and it doesn’t move the page So now it’s pretty easy to get green Cumulative layout shift If you uh you need to go in the options Of these ad Networks i’ll show some of them in the In the blueprint as well and then if you Trigger that then usually you can solve That then in terms of the javascripts What you do is you need to Uh defer them you need to delay them to The end uploading It’s a bit of a tricky one and i would
Not go too fast on that because If you defer them too much or like some Depending of how they’re set up Sometimes your page per Your paper page view but like let’s say Because you have so many it takes like 15 seconds to do everything it’s really It happens right Um if someone stays less than 15 seconds On your page you literally are not going To be counting As having a page view and you will not Get paid so you you could tank your Earnings by doing this wrong which is Why i tend to do it slowly and kind of Like You know you you run the page speed Inside and you get like that list of all These javascript files to load And i tend to like add them slowly and Kind of like I’m like okay let me add these three and Then let’s look at my earnings tomorrow See if i tanked or not and kind of like Over time Add them until i went through the whole List uh it is a slow process if you want To be safe with your earnings so you Need to be a little careful You could try to just throw everything And see what happens but Because it’s not like i you know you Don’t need to self-cover vitals In in this minute then i’m willing to
Just take my time and And actually do it slowly a little bit Every day basically Okay so is there anything else that People need to know about Core web vitals before we wrap up then Uh i think we touched on a lot of the Points that we talked about in a Blueprint obviously I actually do in real life in a Blueprint show How every settings and everything so It’s a little bit more in depth Definitely But um no after that it really depends On people’s setup and depends on People’s willingness To i think design is an important one That i wanted to talk about as well Right so you remember when i talked About largest content full paint when i Was like oh it can be an h1 or it can be An image or it can be A background or something like that and I also said that Mobile is quite hard to optimize like It’s a quite Harsh test and very often Yeah we didn’t talk about images by the Way we should talk about images um But um very often it’s easier to change Your layout of your page so that For example your largest content for Paint is a text element
Rather than an image because just text Loads faster and you just need to Preload your fonts usually to get A good score and So i recommend and a lot of big signs do That like if you check all the dot dash Sites et cetera they do that a lot For example if if your featured image is Picked up to be the largest control pane Make it a bit smaller make your h1 a bit Bigger or even just Remove it from mobile for example just So that you get that You know google tells you in the page Speed inside it’s like this is the Largest control paint that we’re looking At Like it’s worth tweaking your layout Very often on mobile to Get better skills and that’s one thing That um Yeah people try to like tweak your Caching into their caching plugin et Cetera sometimes It’s designed as well like you design For performance too you don’t just like Tick some boxes you know so what do we Need to know about images then Uh okay image optimization is an Interesting one because it has gone Through a long process as well where Uh i mean before people would just like Drag and drop any image on there Maybe optimize on photoshop or something
Like try to reduce the quality on Photoshop Then we’ve had plugins things like Uh eww and smash8 Pixel a short pixel uh and a Bunch of other that would on wordpress You know you would upload your image on WordPress It would just like connect to the api And then re-upload the image on WordPress that has been You know reduced by like 70 or something It would be the same size right so if i Upload like a 5 000 Pixel wide image it’s still going to Give me a compressed 5000 pixel what Image And the thing is like the internet Exists on a lot of screen sizes These days right it’s like i’m looking At you i have a Big 4k screen in front of me i need big Images when i load pages otherwise it’s Going to look blurry But when i actually don’t have a very Big phone uh So when i’m on that phone i need Probably a 700 Pixel wide image something like this It’s probably good enough And so the way it works now is it works Together with cdns Sometimes as a different service Sometimes as part of your cdn service
And they serve they’re able to actually Look at the size of the screen that’s Loading the page because that’s some Metadata that you can get and then on The fly Let’s say i had that 5000 pixel wide Image they’re like oh this phone only Needs a 700 pixel Pixel wide image what it does is not Only It just goes and take that 5000 pixel And just resizes it to 700 pixels and Then Optimize it and then it loads it on the Page like on the fly For people who are loading the page Right now and what it does it gives you A much smaller file because Obviously from 5000 to 700 pixel it’s Going to be a much much much smaller File And so you’re able to maximize your page Speed On every device regardless of the screen Size and so like it’s a it’s a quite Important one because as i said Javascript and Images are pretty much the biggest files You’re loading on the classic WordPress page basically so that’s uh I’ll go over that as well quite a bit In there and then there’s like image Formats as well so like you know Jpeg and png and then now people use
Webp and then Some new formats actually are coming out From google that uh You want to optimize for but it’s not so Simple because you can’t upload webp Images on wordpress it’s not compatible So you need your external service to do It for etc so it’s a bit It’s a bit of a hassle but a lot of Services uh do a pretty good job for you Um a lot of them are buggy too like um i Did use short pixel adaptive images for Example My intention was to do the blueprint With them and then i got So many bugs because you know i said That you don’t want to lazy load your Images When they’re in this uh largest content For paint because Uh it’s going to it’s going to affect Your first Input delay basically and so And literally shot pixelated images Would not I would i would literally tag it like Don’t lazy load etc i would not do it it Would do it it would still lazy load It would still kill myself for example And so like there’s several services That Don’t do what’s on the tin and that’s Why i tested a bunch of them and uh And yeah and actually i’m using bunny
Optimizer Actually together with the cdn it works Pretty well Okay great so uh anything else you want To talk about or shall i Tell everyone about this lovely offer Which we have available right now tell Them So the core web vitals blueprint it’s Available now we just released it Yesterday in fact Uh and we have a special 75 Launch discount so that’s only available For the next Three days until thursday evening at Midnight Uh so if you want to grab that get it Now basically because This is your last chance and as usual it Comes with Free lifetime updates it comes with a 30 Day money back guarantee so if you don’t Like it for any reason or you can’t get Results from it then we’ll give you your Money back No no hassle um what else do we have in There as well oh yeah so we’ve actually Reached out to all of the tool companies Which we recommend in the Course and we’ve negotiated exclusive Discounts so You can actually save quite a bit of Money if you use these tools Just by following the discount links in
In the course as well Um so you can kind of like make quite a Lot of your money back Um that way and especially if you use Multiple sites yeah if you get on Multiple sites Yeah uh people who have agencies etc Yeah i think it’s quite useful Some of our authority hacker pro members Have been helping us beta test this Out and they’ve gotten some pretty good Results as well I saw one site go from a 53 to a 99 Score and another go from a 23 to a 97 score and these these guys Implemented it in like Two or three days it seemed um so it’s Not it doesn’t have to be a huge piece Of work to solve Core web vitals uh if you follow the Blueprint Um you can you can get it done quite Fast um You know especially if you have Relatively simple affiliate sites Obviously more complex sites may may Have more considerations to To factor in there one other thing which Gail’s done is he’s gone through and He’s mapped out every single error Message Every single warning in the pagespeed Insights tool And he’s provided a solution for how you
Can Solve that to improve your improve your Score to make that that go away So whatever your tech setup whatever Plugins whatever hosting whatever However your site is currently built uh All you need to do is Figure out what those those are and Follow the instructions and You know solve it i wanted people to not Have to watch every video i was like i Can i can see how my voice could be Annoying to them so Uh i just decided to save them the pain And let them just go directly to what They want to sell right now And uh and everyone’s happy basically And while this can all seem Quite technical even to me still you’ve Created this blueprint so that Site owners who are not developers and Who don’t really understand Css from php from cdn from all this this Kind of stuff can still Follow along implement it and get a good Score basically I i know a lot of people teach page Speed but like it’s not very practical In the sense that they they’re willing To sacrifice parts of their site they Probably shouldn’t that will cost them Money like I’m not going to tell you to turn off Ads because it costs you some page speed
Not just make the money And then just like you know spend some Of that money you made into improving Your page speed and like let me show you Exactly what to do Um i i that’s why i did a case study As well right it’s like what you didn’t Say is that this blueprint At least like a bit more than half of it Is me taking a site of house that was Already in the page called Pagespeed score and take it all the way To pretty much perfect 100 And showing exactly each setting each Click everything And so if you have seen the auto inside System or anything in h pro It’s very much in that same vein it’s Very easy to follow and even if you Don’t know how to use a console or Something you can use that it’s all Clicks and There’s no code to write basically That’s that was the goal Okay so we know that this is going to be A ranking factor Uh and if you’re in a competitive this Niche review To be pretty essential i think to at Least not have a bad score in Um and you know you may want to use this To to get a leg up on your your Competition so Go check out that blueprint now 75
Discount for the next three days We’ll put a link in the description of The video or you can go to Authorityhacker.com Forward slash corewebvitals and you can Check it out there Uh if you have questions about core web Vitals uh from From this the show leave a comment on The youtube Post that goes along with this video and Gail will be Answering questions for the next week or So um in there Too more than usual yeah we’ll be back In another couple of weeks with Another episode from gail and myself So thanks for listening and we’ll see You then Bye [Music] Sorry my dog’s bargain can you hear him It’s okay One sec let me just go check put some Tranquilizer or something you have like A tranquilizer gun and it Probably saw another dog walking past The door or something okay