How to use Core Web Vitals & Google Pagespeed Insights to Improve Your Website HackerNoon Seotools - Seooptimization HEAD TOPICS
How to use Core Web Vitals & Google Pagespeed Insights to Improve Your Website HackerNoon
10/21/2022 4:00:00 PM Pagespeed Insights and the Core Web Vitals But what do these metrics mean and how to use them to improve your website
Seotools Seooptimization
Source HackerNoon Learn Any Technology
Pagespeed Insights and the Core Web Vitals But what do these metrics mean and how to use them to improve your website - cc: mParticle seotools seooptimization Pagespeed Insights and the Core Web Vitals But what do these metrics mean and how to use them to improve your website Google Pagespeed Insights (PSI)So even though a good score helps with SEO, because it means your website has a good performance which is good for visitors, it’s only a very small fraction of the final search rank which search engines calculate. That said; Google has already said for several years that performance and user experience is becoming a bigger factor in their search ranking, especially for mobile. And because of this having a website which is (also) performant on mobile devices is probably more important. Read more:
HackerNoon Learn Any Technology » Scraping Ikea Website for Understanding Pricing Strategies in Different Countries HackerNoon Google’s new ad hub offers more control over the advertising it shows you Texas Attorney General Ken Paxton sues Google for compiling Texans’ biometric data Cosmological Difficulties of Newton's Theory HackerNoon Into America
Into America is a show about being Black in America. These stories explore what it means to hold truth to power and this country to its promises. Told by people who have the most at stake. Read more >> Scraping Ikea Website for Understanding Pricing Strategies in Different Countries HackerNoonScraping Ikea website for every country to get insights about its pricing strategies (and have a quick view of the difficulties of web scraping). - webscraping webdata wonder if I should be reading more about this Google’s new ad hub offers more control over the advertising it shows youControl which ads you see and which data Google uses for targeting. How about no advertising Texas Attorney General Ken Paxton sues Google for compiling Texans’ biometric dataTexas Attorney General Ken Paxton filed a lawsuit on Thursday against Google, claiming that the company is violating state law by amassing facial and voice recognition data on Texans without their knowledge or consent. Paxton is forcing births on Texas women without their consent Cosmological Difficulties of Newton's Theory HackerNoonRelativity: The Special and General Theory by Albert Einstein is part of HackerNoon’s Book Blog Post series. - science physics Natural Selection HackerNoonOn the Origin of Species 1st Edition by Charles Darwin is part of HackerNoon’s Book Blog Post series. - science biology Johan de Jong Johan de Jong, a lazy programmer with experience in WordPress, Laravel and Full-stack Development In my job I work on SEO and that means having a good website.they are manufactured mainly in China, South Asia, and eastern Europe , and then they need to be transported to all the retail locations around the globe, determining the final costs.back at Google I/O in May , Google is beginning to roll out a hub this week that it says will give you more control over which ads it shows you and what data it uses to target them.The lawsuit claims Google apps and devices indefinitely store data on facial geometry and voiceprints from anyone they capture, whether they are Google users or not. With tools like Pagespeed Insights and the Core Web Vitals it’s possible to measure if your website is “good”. But how does that reflect on SEO? And more importantly; what do these metrics mean and how to use them to improve your website. Mapping the sites Our first task (and the most boring one) is to map all the versions of the Ikea websites available for each country. Google Pagespeed Insights (PSI) Pagespeed Insights is a tool created by Google to test, measure and report useful metrics about the (technical) performance of web pages. Dischler gives the example of opting out of ads for vacations if you’re seeing a lot of them after shopping for a trip you’ve already taken. It gives a lot of information but the most noticeable one, and usually the one to brag about, is the PSI Score. We need to manually check for each one how the website works and if there's the Kallax in the catalog. Although it doesn’t say much, a “perfect” score always looks good and a high score (90+) does mean you’re doing something right. According to the suit, Google identifies and stores the facial geometry of anyone whose face appears in a photo uploaded to Google Photos, including people who may be in the background or may not know the photo will be uploaded to the app. At least from a technical point of view, because it can’t check if your content makes sense or content is readable in any way. Different product codes To be sure to compare apples with apples, the Kallax model we're looking for in each website is the white one, 77x77cm, that on the website has the product code 20275814 (or 202. You’ll be able to adjust which audience categories Google thinks you’re a part of (think relationship or education status, for example). So even though a good score helps with SEO, because it means your website has a good performance which is good for visitors, it’s only a very small fraction of the final search rank which search engines calculate. That said; Google has already said for several years that performance and user experience is becoming a bigger factor in their search ranking, especially for mobile.14 with the punctuation format). And because of this having a website which is (also) performant on mobile devices is probably more important. The search giant has long given users the option of influencing the advertising it serves them by, for example,. Core Web Vitals For a couple of years Google has put the focus on 3 specific metrics called the Core Web Vitals. Well, actually almost every country: I've soon discovered that in Japan and other eastern countries, there's no product with the code 20275814, but the exact same Kallax variation exists and has 70351886 as a code. This includes the user who awoke the device as well as anyone else speaking in the background while it listens for a command. These metrics are Largest Contentful Paint (LCP), First Input Delay (FID) and Cumulative Layout Shift (CLS). And even with these 3 metrics in the spotlight, the rest is still as important if not more important. There's no product 70351886 in the US and no other 20275814 product in Japan, so without worrying about picking the wrong item, we can programmatically look for both codes in every country to be sure we're not missing anything. Largest Contentful Paint (LCP) The LCP measures how long it takes till the largest element in the viewport (visible part) is loaded. Usually this is the hero (with image or video background). Different website versions Once understood which product codes to ask for, I had a look at how websites in each country work, to get the price information we need most efficiently. It does not measure the time for this single element, but the time till the element has been fully loaded. We will set the record straight in court. So all scripts and styles in the head will also count towards this, and of course images and external assets which are used above the fold. Using the internal product search API, found using the inspect tab of the network tools of Chrome, we can get easily the product price, its currency, and some other data we actually don't need. In short; it measures the time till the page is loaded within the screen. First Input Delay (FID) FID is a time metric which measures the time it takes for an event to react. Bulgaria, Cyprus, and Greece use one variant of the website, without API Hong Kong, Taiwan, and Indonesia use a second variant, calling a post request to an Algolia endpoint to gather data. For example it takes the time between a user clicking on a button and the moment the browser is executing the action attached to the button. Normally a browser will do this directly (within 10ms), but if a browser is still working on stuff in the background like loading assets or running scripts, this can slow down a lot. For greater China, Japan, and occasionally South Korea too, retailers usually assign the development of e-commerce to local teams that have greater expertise in UX, culture, and understanding of the society rather than a western one. This year, Illinois brought lawsuits against. Cumulative Layout Shift (CLS) CLS is not something you can easily measure, and is not time based but a score. It checks for elements which move around, or cause movement of elements. Or on the contrary, the most recent e-commerce version has a new stack and it's tested only on several countries before being ported to others. For example when you load an image, which obviously can take some time, the content below it will change its position the moment the image is loaded. Or when you use javascript to position content after the page has been loaded. Creating the scraper The scraper itself it's quite basic, we need to call the search API endpoint for 46 countries. These movements will give a higher, and thus worse, score on the CLS. This score is calculated by the impact (how much does it disturb the layout) and the distance (how many pixels does it move).search. Other metrics Besides these 3, which together make the Core Web Vitals, there are several other metrics which are measured by PageSpeed Insights and are just as important to look into when optimizing your website or page. First Contentful Paint (FCP) Measures the time till the first piece of content (like text or image) is rendered on the page.cdtapps. So the first time "any" content is visible in the browser. Speed Index Measures the time it takes to render elements on the page. To rotate this request between the different countries we need the 2-digits country code and the related locale. For example the time it takes to request, download and show an image on page. Time to Interactive (TTI) Measures the time till the page is fully interactive. Then, inside the scraper, we'll query both the product code we're looking for and parse the JSON response. This means that the full page is loaded, including images, scripts and styles, and the visitor is able to see and do anything the page is supposed to do (like clicking a button or scrolling the page). Total Blocking Time (TBT) The aggregated time of long tasks. Any task (like a mouse click) which takes longer than 50ms to respond is a long task. The TBT will take the time above the 50ms, and add all long tasks together. For example if a task takes 70ms the TBT will be increased by 20ms. Field Data vs Lab Data On PageSpeed Insights you will see 2 types of data; Field Data (Discover what your real users are experiencing) and Lab Data (Diagnose performance issues). And you might notice that some metrics appear in both but have different values. Field Data takes the averages from actual visitors on your website from the past 28 days, which has been gathered by Chrome/Chromium users who visited your website. These numbers won’t change directly the moment you make changes to your website and may not be very precise. However it does give a good indication of the average user experience of visitors. Especially when looking at the percentages, which indicated how many visitors had a good, medium or poor experience the past month. The Lab Data is gathered at this moment and are actual numbers. Even though it’s not 100% accurate since it doesn’t run on an actual browser, and different browsers may behave differently, it still is the best list to keep an eye on when working on improvements. Also keep in mind that the tests are run from a server local to the tester, and not the location of the server. So it’s possible that if 2 people run a test on the same page, but from different locations, the results are different. And even from the same location it’s possible that the score changes a bit since there are a lot of other factors which may affect the speed of your website. So what is Lighthouse? When looking around PageSpeed Insights and Core Web Vitals, you might find another name popping up a lot: Lighthouse. Lighthouse is the tool used by Google to gather the measurements and statistics it uses for PSI and CWV. You’ll also be able to find in it Chrome, Opera or any Chromium based browser as part of the DevTools (Press Command+Option+J (Mac) or Control+Shift+J (Windows, Linux, ChromeOS) to jump straight into the Console panel). It’s also available as a browser extension for .