Webinar: Improve the Core Web Vitals of your Shopify store
and today we're going to talk about the,core web files so it's a really,important topic i think,these are google's new web performance,metrics,and since this june google is also,penalizing websites who have four core,web files so it's a really relevant,topic at this time and it's important if,you want to improve your ranking but,also your conversion rate and your,customer experience,so leroy is going to tell you all about,it today,if you have any questions you can ask,them in the q a it's in the tab right,below,and we will get back to them at the end,of the talk,we are also recording this session so,if you want to re-watch you can re-watch,it anytime or share it with your,colleagues or friends,um and that's it so i'm going to give,the florida leori enjoy,yeah thank you sarah,well first things first we were talking,nice to get an image of the the voice,that's,doing this one,my name is leroy,i'm 35 years of age happily married to,my wife wendy and we have a daughter of,five years old that should give you a,bit of an image of the one that's,talking right now,i'm working as a cto,at code what was just,here i just talked about that one,and today,what do we want to share,what we want to make clear is the goal,for web titles,what are they,how are they measured and how can you,measure your own website,how can you improve those scores and why,should you want to,and also a very important topic,what is realistically achievable because,it's really nice to have a score of 100,as we will see in the next slide,but what can you do in actual with,actual content on an actual website,well the goal itself was for web titles,google will have made a,system to just give a score to your,website,which is resulting in an objective score,in the zero to 100 range regarding the,user experience of your website so,basically google is trying to put a,number on user experience and user,friendliness of your website itself,what it does is it gives insight to any,possible improvement you might want to,do,on both mobile and desktop,and in this case they both have their,own scores because on mobile is quite a,limited device you have a smaller screen,a limited connection stuff like that it,might be a little bit,less faster than,both desktop devices,and one of the most important aspects of,the google page ranking,the score that you achieve on the,website is used for your ranking in,google search engine,and this is i think one of the biggest,reasons,most people are attending this webinar,today,let's start with the google definition,of the core web titles,the core web titles in essence are like,only three points like loading,interactivity and visual stability more,on that later on i will discuss those,topics in the next slide,and in lesser degree you have the mobile,friendliness the safe browsing,experience this is the encrypted,connection,more on that on technical stuff it will,be discussed later on,let's dive into the first,of the core web files loading,what it does is just essentially
Let's move on to the first section of Core Web Vitals Booster
Boost Website Performance with Core Web Vitals
Boost Website Performance with Core Web Vitals
hello i'm don miller and i'm the,director of touchstone digital we are a,team of digital marketers who strive to,create custom web strategies to help you,address your unique goals,in one of our efforts as a digital,agency is optimizing core web vitals,core web vitals are user-centric,performance metrics used to evaluate a,web page's relevancy and rank it against,other pages the metrics are broken down,into three main categories largest,contentful paint,first input delay and cumulative layout,shift,no i didn't just make those up those are,literally google's terms,largest contentful paint is the time it,takes for your site to load google,measures that time from when the page,starts to load to when the largest image,file or text block finishes loading your,goal is to keep that gap as short as,possible first input delay is the amount,of time it takes for a web page to,become fully functional for users more,specifically it's the time between a,user's first interaction with a page,element and when the browser processes,that interaction,cumulative layout shift calibrates the,visual stability of your site,cls used to be calculated solely by what,google called an impact fraction which,is how much of the user screen is,impacted by the instability of your web,page this is now based on how far the,components move on the screen which is,the impact fraction multiplied by the,distance fraction in plain english this,is the greatest distance a component has,moved divided by the screen size,for example have you ever gone to press,a button on a website and it moves at,the last second,cls is a complex process to sort out,fortunately our team can help you break,down the advantages of utilizing core,web vitals in your digital marketing,strategy,it all comes down to regularly reviewing,the core web vitals of your website if,you have lots of large images slideshows,videos and outdated plugins the,likelihood of you meeting a core web,vital threshold is significantly lower,using the right digital tools allows us,to stay proactive in our approach to web,health,we use software like power mapper to,monitor ada and browser capability,issues which helps us ensure plugins are,updated or replaced with more effective,tools to improve your core web vitals,typically google's algorithm updates,happen without notice and often without,clear guidelines but the updates during,the summer of 2021 were announced in,advance and have been well documented,moving forward google will consider core,web vital scores when determining page,rank your site's content needs to be,effective but it also needs to be,technically sound to appear atop,google's ranking when optimizing for,search engines it's now more important,than ever to make sure your site loads,quickly and efficiently we hope our,insight helped you define and clarify,the unique nature of core web vitals if,you need assistance maximizing this,component of your digital strategy,contact the touchstone team we'll gladly,help you get started,y
After seeing the first section, I believe you have a general understanding of Core Web Vitals Booster
Continue the next second section about Core Web Vitals Booster
How to Optimize Core Web Vitals on Your WordPress Website
How to Optimize Core Web Vitals on Your WordPress Website
hey rocketeers today our mission is to,decipher all things core web vitals and,optimize them on wordpress so buckle up,get ready and let's get started passing,the core web vitals assessment is super,important for the success of any,wordpress website so you want to get,things right from the get-go and in this,video we'll show you exactly how you can,go about optimizing your cwv on,wordpress and also don't forget to drop,us a comment if you have any questions,and you can also like the video and,subscribe to our channel for more,content on web performance it would,really mean the world to us now back to,the topic at hand what exactly are core,web vitals four web vitals are an,initiative from google designed to,measure and improve ux on the web,instead of focusing on generic metrics,like how long it takes your entire,website to load core web vitals focuses,on how your wordpress site's performance,connects to delivering a high quality,user experience users care a lot about,how fast they can start interacting with,a page and that's precisely what the,core web vitals metrics aim to measure,now there are three cwv metrics largest,contentful paint first input delay and,cumulative layout shift these three,metrics each measure a specific element,of a user's experience and according to,google these metrics are the most,important ones to provide a great user,experience also if you think that these,names are confusing or if you tend to,mix one metric with another don't worry,we'll explain each one in the easiest,way and show you how to improve all of,them in this video to first get started,let's begin with lcp largest consentful,paint or lcp measures how long it takes,for the most meaningful content on your,site to load for most wordpress sites,that's usually the hero section or a,featured image according to google how,long it takes for a page's main content,to load affects how quickly users,perceive your site to load for example,if you land on a page and don't see the,top image fully displayed right away you,would probably be annoyed right you,would probably even think about leaving,the page right away now here's why the,lcp metric is closely related to a,user's experience more than just the,overall site's loading time it should be,known that the lcp element is different,for each site and it's also different,between the mobile and desktop versions,of your site sometimes the lcp element,could be just an image while other times,it could be just text it really depends,on your site now according to google a,good score means that the lcp should be,less or equal to 2.5 seconds the next,cwv metric is first input delay first,input delay measures how long it takes,for the browser to respond to the first,user's interaction with a page such as,clicking on a link if you click on a,button to expand to an accordion section,how long does it take for your site to,respond to that and show that content,that is precisely what first input delay,is for example let's say you land
After seeing the second section, I believe you have a general understanding of Core Web Vitals Booster
Continue the next third section about Core Web Vitals Booster
Core Web Vitals Explained: How To Fix Site Optimization Issues
Core Web Vitals Explained: How To Fix Site Optimization Issues
in this video i'm going to be showing,you everything there is to know about,core web vitals,including how to detect if your website,has issues and how to fix those issues,if you should have them or if you can't,be bothered to fix it yourself i'll show,you where to go to get all the stuff,fixed,for you quart web vitals is part of,google's page experience score which,also includes things like mobile,optimization,having https on your site and guidelines,against overboard interstitial pop-ups,page experience is part of google's,effort to deliver the best possible,experience for its users,and that means recommending fast,websites to its users in the search,results but why should you care about,this stuff,first because core web vitals which,we'll get into detail about shortly are,part of the actual google ranking,algorithm as of may 2021,second google wants happy users and when,you make life easy for google they rank,you higher,third because nice web experiences,better convert visitors into buyers,google found that users are 24 less,likely to abandon web pages when they,meet the core web vital standards,now do you need to stop everything it is,that you're doing right now just to fix,core web vitals,probably not but as you know seo is a,battle of edging out in front of your,competitors using any advantage you can,get everyone is using tools like surfer,these days to optimize their content,everyone is building good links,but you're going to be one of the few,people that optimizes for core web,vitals giving you that edge,understanding it can be a little bit,tricky but that's what this video is for,to make it very simple now before we get,into the abcs of core web vitals can you,optimize that like button just like core,web vitals the,like button needs to be optimized as,well or else youtube hates my video,just click on it until it turns blue,nice and optimized now you can check,core web vitals with various different,methods but it's best to do it,exactly the way google does google uses,actual field data from what's called the,chrome user experience report or crux,they look at the google chrome data from,actual users of your website in the past,month so if you want to make changes,that are going to fix corvette vitals,issues it might not show up in the,places that use crux reports for about,28 days,but since this data is what google uses,to inform their ranking decisions,this is the data that you want to be,looking at there's also various speed,test tools that'll give you what's known,as,lab data or synthetic testing these,simulate the experience of a real user,which is indeed helpful but it has its,limitations such as only simulating from,one location like the us,it's a synthetic test not the real deal,here's the various places you can check,your core web vitals for free,for your field data crux-based reports,my first suggestion is to set up a crux,speed report for your website at,https g dot co chrome ux dash,start to fill this stuff out and,eventually yo
After seeing the third section, I believe you have a general understanding of Core Web Vitals Booster
Continue the next fourth section about Core Web Vitals Booster
Boost WordPress Speed In 2021 | Improve Core Web Vitals In Just 10 Minutes | NitroPack | PROWEBTIPS
Boost WordPress Speed In 2021 | Improve Core Web Vitals In Just 10 Minutes | NitroPack | PROWEBTIPS
hey are you having issues,with your website performance,as you can see this google article,this is the three parameters are core,web titles,if your website don't fulfill these,three parameters,that means your website performance is,very poor,and also effect in,seo ranking so today,in this video i am going to show you how,you can improve your website performance,so let's get started,hello guys my name is pranay and you are,watching pro web tips youtube channel,so guys you can see this is the my,website,and i am going to improve this website,performance,so first of all i am going to,test out the performance of this website,so i have already opened the page speed,insight,tool now click on analyze,you can see we have 83,and you can see the lcp is 4.2,lcp should be below 2.5 second that,would be,good or our,score is above for 4 second,that means is very poor so these two are,core web vitals so we need to improve,so what need to do you can see,uh nitro pack dot io you need to open,this website,and they will help to improve your,website,performance so click in get started,and you can see the pricing here,if your website has,below 5000 per month view then you can,select the,free plan or if you have,more than 5 5 000,page views per month,okay then you can choose the plan if you,want,so i will suggest you to go with the,free plan,it will definitely help you so click on,start for free,then put the name here,and you should put the url,as it is your website url,i have known www website,unless gps so same as,you should put here and then,you need to describe your website which,type of website,a publisher blog and,fill the captcha accept and i'll click,here,sign up button now okay,click on place my order,and done,okay guys as you can see i am using,cloudflare,if you are using cloudplate then you,need to,integrate the cloudflare api,enable this one you have to,add your cloudflare email and your,global api key so i have already logged,in my cloudflare,and select the domain,scroll down you will see the api token,get your api token click here and,you can see your api token click here,now,the global api key,okay now again go to the nitro pack dot,io,website and paste here,the api key okay then,save the setting okay now,open your wordpress website login to,your wordpress website,dashboard,okay click on plugin and then add new,search here nitro pack the first one,micro pack,install it and click on active,find the plugin there it is,and connect to nitro pack,you can also enter little manually but,we have already logged in the network,dashboard just click,here,now it connected,and,it's giving a warning it seems like wp,rocket is active,so we have already a caching plugin so,we need to deactivate,go to the install plugin,deactivate,okay and now again,go to the plugin settings,enable this picture,enabling cache warm-up will use 20-page,optimization so yes you need,and you can also enable html compression,if you want,but it will automatically compress when,html needed to co
After seeing the fourth section, I believe you have a general understanding of Core Web Vitals Booster
Continue the next fifth section about Core Web Vitals Booster
How I Made My Shopify Store 10% Faster In Six Minutes (Core Web Vitals)
How I Made My Shopify Store 10% Faster In Six Minutes (Core Web Vitals)
hey,everybody,justin cener here i've got a video,that's going to help every single,ecommerce shopify store out there,i'm going to be showing you how to,increase your shopify store load,speed to increase your revenues asap,and they're really directly proportional,i'm going to talk about a study that,amazon did but page load is direct or,page load time i should say is directly,tied to the amount of money that your,shopify store is going to generate every,single millisecond matters here and,amazon found or did a study that found,that every 100 milliseconds,obviously that's about one tenth of a,second every 100 milliseconds of latency,meaning lower speed,cost them one percent in sales right,they have trillions or billions of,dollars in sales,right billions of dollars definitely not,trillions but you get the point it's a,lot of money,and that applies to any e-commerce store,and kind of understand why right you,have a better customer experience if you,have a fast loading site a lot of people,will just leave your site if it takes a,long time we're talking about 100 100,milliseconds,being a one percent drop in sales right,so these are significant numbers,right we're not talking about a site,that takes 15 seconds to load and images,are loading super slow obviously that's,a massive issue or we're talking about,even,optimizations that can take you down,milliseconds hundreds of milliseconds or,more each optimization that you do each,kind of,technique that you do there's a lot of,power in that there's a lot of revenue,inside of that,and you're going to get happier,customers there's going to be less,friction for them to navigate the site,you're going to see an increased,conversion rate and on top of that,you're going to see increased google,search engine results right seo wise,you're going to rank higher,as of may 2021 page speed right how fast,your site load loads that's been a,google search ranking factor,so faster stores simply are going to,rank higher,and if you've ever tried to do any uh,kind of speed optimization you found,very quickly there's no easy way to do,this inside of shopify,and it's really very easy to slow down,your site with poorly coded apps apps,that conflict with each other apps that,you know load different scripts and all,these things that can slow down your,site,and you know a lot of times people talk,about optimizing the code but you know,unless you're a coder you definitely,want to stay far away from code,so how do you speed up your shopify,store quickly and easily i'm going to,show you the core web vitals booster,it's a shopify app you see the link,directly below this video,i've checked out a lot of these,different types of apps a lot of people,ask me about how can they speed up their,store,core web vital is definitely the number,one choice out there let's go over the,shoulder i'm going to show you exactly,why you're looking at the core web,vitals booster app,by speedian,and it's really all about improving your,website or your shopify
After seeing the fifth section, I believe you have a general understanding of Core Web Vitals Booster
Continue the next sixth section about Core Web Vitals Booster
Does Jetpack Boost improve your Core Web Vitals?
Does Jetpack Boost improve your Core Web Vitals?
the jetpack boost,and did it work okay jetpack boost,so last time we talked about this new,wordpress plugin called jetback,jetpack boost,that was supposed to fix the three,webcore vitals which are going to become,a ranking signal in,june through august i installed it on,the client's website and immediately,broke it,oh nice um and that's because,in hindsight of course it was going to,because to fix,the things that it says it has to fix,it had to remove things and remove code,i did a baseline comparison,of data,let me see if i meant to actually,publish that,is this why everybody all of a sudden,is talking about page speech oh yes,oh yeah exactly that's why poor web,vitals,yeah all right so here i'm going as,you're talking,i'm gonna share the results with you,now so,before and after,so here is the first line here is the,performance score,this is the page speed score between,zero and,hundred this,is the first of the webcore vitals,largest contentful paint,this is the closest we can measure to,the second,web core vital it's not a,first input delay but it's as close as,we can measure objectively,called time to interactive and then,third is content layout shift,this is before i did the plug-in this is,with the plug-in,then i had to immediately remove the,plug-in,so the average score before the plug-in,of this website was,60 the median,68 so people who aren't math people,average is the total divided by the num,you know,median is the most common so if there's,a difference between average and median,that means it slants that there's a more,higher than lower,and so 68 is a yellow score not,bad but not terrible,the worst page before the plug-in was a,33 out of 100,that's considered red the best page,before the plugin was 86,that's pretty good still yellow,now if we just did performance score,with this plugin,we increase our average from 65 to,almost,80.,the median being meaning the most common,the pages,the more there are more pages that are,92 than anything else,that's pretty darn good yeah,however the worst was now 16.,one of them went from 30 well we don't,know if it's the same one that went from,33 to 16 we just know,now there's a 16 out of 100 whereas,before there's only a 33 was the worst,score,right however the best page went to 99,so that's really good,but we can do the same thing with,largest contempo paint these are in,milliseconds,so we went from five seconds average,uh 4.8 seconds median to,still yellow so this did not do a lot to,fix largest contentful paint,the best largest contentful paint,in other words the lowest largest,contentful paint time was eight,1.8 seconds which is in the green score,but gosh one was still 10 seconds so,that could mean like there was a massive,image on that page,time to interactive i didn't really,compare that but you can kind of see,some ideas there,commute of layout shift which is one of,the hardest things to do it's not a,speed thing as much as a,way the code's written thing that really,did improve it significantl
After seeing the sixth section, I believe you have a general understanding of Core Web Vitals Booster
Continue the next seventh section about Core Web Vitals Booster
Two Minute Tuesday #62 - Boost your page ranking with Core Web Vitals
Two Minute Tuesday #62 - Boost your page ranking with Core Web Vitals
hi everyone sam here from gravity well,with another two minute tuesday,this time about core web vitals,so web vitals form part of the guidance,and tools which are used by google,to signal good user experience on the,web and what's happening in june this,year,is that google is going to start to,factor in three core web vitals in their,search ranking,and it's going to start positively or,negatively impacting your position in,google search results,another reason this is worth talking,about now is that previously google's,page ranking methodology has been a bit,of a black box,and this reveals a lot about how they,rank websites and gives us a hint of,things to come,the new metrics shine a spotlight on ux,in particular which signals that we,shouldn't be focusing all of our,attention on,the content experience keywords seo,things like that,those are still important by the way but,start focusing on ux,particularly website performance,interactivity accessibility,these are things that are going to have,a real impact on users,and that's what google are now beginning,to shift their focus to when it comes to,page ranking,so technically what makes up these three,core web vitals,the first metric is largest content for,paint or lcp,this is essentially how long does it,take to load the largest thing on the,page,for example that might be a full width,image or if you have a hero piece of,text above the fold,most things you do to optimize your site,will improve this metric because it's,all about getting your page as visually,complete as fast as possible,so use a cdn don't let requests block,the page load,progressively load images all of these,will have a great impact on lcp,the next core web vital is called first,input delay fid,this is all about how your page performs,once a user starts interacting with the,page for the first time,that might be tapping on a button,scrolling down the page does the site,feel janky,stutter feel unresponsive this is the,goal here is to let the user interact,with the page as quickly as possible,and not be impacted by something loading,in the background,so how to improve fid only load the bare,minimum that the user needs to get going,minimize third-party scripts which make,the user wait for all of the information,to download before they can,actually interact with the page delay,this stuff or avoid it completely if,it's not,useful it means that when your users,interact with the page for the first,time,it works really quickly and really,smoothly,the final core web vital to look at is,cumulative layout shift,or cls this shift occurs when the page,loads in some text and then images,videos ads load in,where the text was and causes the layout,to move around,it's frustrating and janky at best and,at worst,it can mean that you go to click on,something an ad loads in its place,you end up clicking on the ad instead of,your intended button and it's a,nightmare,it's harder to fix but it's about it's,all about good planning,you have to know where medi
After seeing the seventh section, I believe you have a general understanding of Core Web Vitals Booster
Continue the next eighth section about Core Web Vitals Booster
Optimize your WordPress Website for Core Web Vitals | Increase your Website Speed
Optimize your WordPress Website for Core Web Vitals | Increase your Website Speed
hey guys welcome to another WordPress,tutorial in today's video I'm going to,show you how to optimize your WordPress,website submit the Google's call with,vitals requirements so in this video I'm,going to be using my website my personal,website I'm going to test,um the website with the page speed,inside tool once I'm done with the,optimization I'm going to retest the,website to see if this website meets the,core web vitals requirement so let's get,straight into it so before we optimize,our website the first thing I'm going to,do is to test the website before the,optimization so I'll go to the page,speed insight to this is one of the,tools you can use to test your code,vital score so I'm going to enter,my website URL,and click on analyze,let's wait for the analysis,all right so as you can see,my score is 55. so I have the first,contentful paint is 2.5 seconds which is,bad time to interactive 7.6 speed index,8.6 so the only good thing we have going,for us is the cumulative layout shift,right and this is for the mobile so,let's check for desktop for desktop we,have 83 which is a fair score,um the first contentful,um contentful paint is good the time to,interactive is good total blocking time,is good the only thing we have not going,for us is the speed index and the,largest contentful paint,so we see the performance is 83 so let's,improve the score,the first thing I wanted to put into,consideration is your website hosting,you have to use a very good website,hosting now deliver high quality service,in terms of speed performance and,security,so one I will show you some of the,Austin companies I recommend the first,one is siteground siteground is,considered one of the best WordPress,hosting website out there and their,support is amazing they reply to all,your complaints or your issues ASAP the,next one is A2 Austin,they also deliver high-speed hosting to,your WordPress website very very good,customer service,another one is name hero one of the,major reasons why I love mini race they,use cloud webhosting so it's very,extremely fast and their customer,service is also very good all the three,rules thing I mentioned in this video,I've used them personally and I can,testify to how good their service is so,you can use any of this hosting,companies and you'll be good another,thing you need to put into consideration,is making sure your website is,responsive is visible across all digital,platforms,your desktop your mobile your tablet,users can easily view the website on any,of those digital platforms it's very,very important,another thing is you also put into,consideration,is the theme your user the WordPress,theme you're using is very important you,don't want to you don't want to use a,theme that is going to add a lot of,resources or elements to your WordPress,website and it's going to make it slow,it's very important to use it very fast,and lightweight WordPress theme some of,the things I recommend is Astra,WordPress theme I also recommend,generate press I rec
After seeing the eighth section, I believe you have a general understanding of Core Web Vitals Booster
Continue the next ninth section about Core Web Vitals Booster
How to improve PageSpeed Score of Divi website for Max Performance & Core Web Vitals
How to improve PageSpeed Score of Divi website for Max Performance & Core Web Vitals
in this video we are going to talk about,how fast is tv theme so if you are,planning to use divi for your wordpress,website and you are worried about the,page loading speed then this video is,for you,hi my name is ankit and welcome to,magazine 3 youtube channel where we talk,about everything related to wordpress,and if you want to learn more about that,then make sure you subscribe to this,channel and hit the notification bell so,that you can get notified whenever we,upload our next video now when we use,any page builder no matter tv elementor,or any other in the market the number,one issue people face or the number one,thing that they worry about is the page,loading speed because with all these,page builders we get a lot of scripts,and various other stuff loaded on our,web page which makes it slow so when we,create a page using divi how does it,perform so let's find out so here we are,in our wordpress backend and we have a,fresh page we call we just named it home,page and now we just go ahead and build,this using divi so we click here,and now instead of building everything,from scratch we will go ahead and use,some ready-made templates so that we can,build up that page fast and here we can,import any templates so maybe we can,look for a template which we can test,so maybe we can choose this,pottery studio design let's use this as,a template and this is going to take a,few seconds to import all the design,template in our page,and now we have the complete design,added here,so let's go ahead and click on save and,let's exit the visual builder,let's copy the url of this page,and let's open the google page inside,let's paste our url and then analyze so,now right out of the box this page is,getting 72 score in mobile and 96 in,desktop which is pretty decent and if we,do the same test in jd metrics let's see,what the score comes out and in the,meantime it's fetching our site details,let me just show you in the back end of,our site we are not using any,performance enhancement plugin and for,the gt metrics the score is pretty bad,so now let's see what we can do to,improve this so here if we come back in,our wordpress backend in the divi option,here,we go to performance,and here we have improved google fonts,loading and we also have differ,additional third party scripts let's,enable both of them,and let's save the changes,and see if that makes any improvement so,we will test this again so now we have a,little bit of improvement we have 71 for,mobile and 99 for desktop which is good,and let's see if we refresh one more,time and see if that makes any,improvement,so this so it always depends on when we,are trying to get this data what is the,traffic status of server at that point,because one more thing is that we are,not using any high-end hosting we are,just using pretty pretty basic hostinger,plans so that's how it's performing,again we have 73 for mobile and,97 for desktop and the major point of,concern is the lcp score as well as the,initial server's resp
Congratulation! You bave finally finished reading Core Web Vitals Booster and believe you bave enougb understending Core Web Vitals Booster
Come on and read the rest of the article!
I am a shopify merchant, I am opening several shopify
stores. I use ppspy to find Shopify stores and track competitor stores. PPSPY really helped me a lot, I also
subscribe to PPSPY's service, I hope more people can like
PPSPY! — Ecomvy