general EN AUD start site leaderboard green

You’ve probably heard about Core Web Vitals – the three performance metrics Google is promoting in an effort to encourage a better user experience on the web.

Semrush now has a report within the Site Audit tool to help you out. 

YpsQtsZ6WlacoxlzL3APQjhfHHnT6U66zvpn43r9qqFleGpH5f5F45SBOOidwYyGlLOWg icrF5U xd U61 EP
Google classifies 3 metrics as the Core Web Vitals:

  1. Largest Contentful Paint (LCP) – a metric that tracks loading speed.
  2. First Input Delay (FID) – a metric that tracks the time it takes before someone interacts with the page. 
  3. Cumulative Layout Shift (CLS) – a metric that tracks visual stability on the page.

It was already announced that these 3 metrics, LCP, FID, and CLS, would become ranking factors on mobile search in May 2021.

We’ll discuss optimizing your core web vitals below, but first, let’s see what data you can get from Semrush. 

0S2FKXiWdSxaVB01OHvC2Fll8utAM5CUgqvKmNBjzRvl aoNBbvOXvzDOa UBuSgIHQC6eayNc zwILLZiKCSO7KiH SHGx1AqmV5 vAHDPjes9inuMKVVGtvFnIte

All you have to do is go to Site Audit and set up your audit. 

In step 2 of the wizard, set your user-agent to mobile if you want to evaluate your site’s mobile version, or desktop if you want to evaluate the desktop version.

MXi8nCDj25mbW8fyoDenfp9 A5Ts8EX9BvUGS0oa7KtYOUNlQW9fQpGul34QouqH8 1cjaswm7i2m218mts6B4Dc6pNFq3cOcFx3 CnOiXovvDuEgQmytJnjiTzXpDE51pQrmXH7

Once you’re done configuring your Site Audit, run the audit and you should see results in a few minutes. 

After running an audit, locate the report on your homepage’s core web vitals nearby the Thematic Reports.  

J4UTHwG

With this, you can quickly see if your site’s homepage has poor, in need of improvement, or good core web vitals without adding another step to your auditing workflow. 

Take a screenshot to save this information. This is what you should share with your development team along with the recommendations that will help optimize your core web vitals. 

According to Google, the pages on your site should all be “good” in regards to each of these 3 metrics. 

The benefit of this report is that you can re-run the audit after making adjustments and see the trend of your CWVs as they improve or worsen after any changes to the site.

BVLzKPgFLqv3eBUF WcispOkIyvcLAdRdOaT5z15lWHeFy8sf8W sQJJaK00yLGjfHz3mF9HqmF1UeDTMJ57sH3zHHrmZ2y6ihV GN Klg8zvGvzOlTZtQNzVaimWUa1lZCvzCnw

This information is collected via Google Lighthouse. You can find more details about this process in our Knowledge Base or watch a walk-through from the video below.

Since each metric indicates a separate but related aspect of user experience, here’s how you can address them.

6 Qhp9weEgW8xsLGscHP6akiCN98NC DncPiTK3hW4y18PQGegJwSw3wTVdQ0hbURBU4tPAREMl5jD2vAomLmAShe1tDFbCGDoXNRBq9kGJ RJyu6IsKkoa0E1VY0PippCUPBfXJ

This metric tracks loading speed, or more specifically how long it takes before the  largest content element of the visible part of the page appears to a user. 

LCP is hurt by:

  • Slow server response time
  • Java and CSS that blocks rendering
  • Slow loading resources (especially image and video files)
  • Client side rendering

To improve your LCP:

  • Optimize your server
  • Adopt a local image CDN to serve global users faster
  • Cache assets &  serve HTML pages cache-first
  • Minify CSS and JavaScript

This metric tracks the time it takes before a user interacts with a page by clicking or operating part of the UI. This helps you measure your webpage’s overall responsiveness. 

kR4EV6biEG4WDHO0Qru jY1yqGc3cGLq u3xY1c02jss8Fngyl4orEpsA6lKqRrIEA9cSO5dx5pTobc8 Zk0pq1JTcImMCAjiWlk

Since this metric relies on a real user event, it can only be measured “in the field” and can’t be replicated in a lab. 

However, there’s a metric called Total Blocking Time (TBT) that you can measure in Lighthouse and Semrush that is an ideal similar metric. 

TBT (and FID) is hurt by:

  • Long tasks
  • Long JavaScript execution time
  • Large JavaScript bundles
  • Render-blocking JavaScript

To improve your FID:

  • Reduce your JavaScript execution time
  • Implement lazy-loading
  • Minimize unused polyfills
  • Monitor change with TBT

This metric tracks the visual stability of a webpage – most commonly hurt by ads, pop ups, and banners that suddenly alter the webpage while someone is on the page. 

The result of a poor CLS is usually very frustrating and can cause people to yell in despair or violently exit your webpage. 

MXLjh69stpgWG9g7zHyyoAdoOokf90YiKKMRoxfJ3HL6Ll7wLixobFYWIxajoCvvOyx8UWJd7v6NH0EZ17jv jap695Je36DUSwnjU8yT4tsP3jczQMES8Ym7aUpinqC03Opq6bV

CLS is hurt by:

  • Ads causing any change in layout 
  • Cookie banners / notices
  • Images without dimensions
  • Dynamically injected content
  • Embeds and iframes without dimensions
  • Web fonts causing FOIT/FOUT (flash of invisible text/flash of unstyled text)

To improve your CLS:

  • Always include <width> and <height> size attributes on your images and video elements
  • Define the space for each asset  on your page (ads, banners, responsive images, videos, etc)
  • Load content downwards

As far as keeping up with the rest of your site, you should also keep an eye open for these other checks in Site Audit that can help you monitor your performance. 

  • Slow loading pages
  • Pages with too large HTML size
  • Issues with broken internal JavaScript and CSS files
  • Unminified CSS/JavaScript
  • Issues with uncached JavaScript and CSS files
  • Uncompressed JavaScript and CSS files
  • Uncompressed pages
  • Pages with JavaScript and CSS total size that is too large
  • Pages with too many JavaScript and CSS files

There’s even a Site Performance report to quickly find your site’s performance related issues. 

Now that you know what Semrush can do, go out and check your core web vitals! 

general EN AUD general hosting leaderboard light

Source link