Reading Time: 4 minutes

As we anticipated, in May 2020, Google announced that “page experience” would soon become a ranking factor in Google Search.

This update therefore marked a significant turning point, indicating that a site’s performance is now a key determinant of a site’s visibility.

Google through Core Web Vitals determines how high a particular website should appear in search results.

There are several metrics that come into play. The LCP, the FID and the CLS. If these metrics are not met, Google will understand that the site is not performing and therefore will make it less visible.

By contrast, this means that instead Faster, better performing websites see more traffic compared to slower competition.

In the time since the announcement, Google has continued to release more information about exactly how performance can impact search rankings.

When it comes to organic search, a slow website will have fewer potential customers.

Not only that, in the month from 12 March 2024, the FID metric is replaced by a new metric, the INP Interaction to Next Paint. This metric measures the time between the moment the user presses a button or performs an action and the moment the action is actually performed.

In essence this metric is a direct measure of the responsiveness of the website.

So as you can see, it becomes really essential to have a fast and high-performance website.

Improving performance is good for conversions

Once a user accesses a website, performance greatly affects their behavior, influencing them in a positive or negative way.

According to a survey of more than 700 consumers, nearly 70% of users said that the performance of the website they were browsing affected their likelihood of purchasing or returning to the website.

In fact, how many times have we found ourselves on a site, perhaps to purchase a product. Well, if the site is slow it also gives us a feeling of inadequacy and above all of unreliability. And so in addition to leaving it because it can actually be frustrating to navigate, a user also abandons a site because they think it is unsafe. In essence it is a question of image, if the site works well, is fast and responsive, the user feels safer and more at ease.

The speed of a site, as you can see, is a really important factor for the user experience. In fact, this element comes before a good user experience or a good structure.

The performance improvement helps visitors save mobile bandwidth

According to data collected by the HTTP archive, page sizes have increased significantly in recent years. Over the past 10 years, the average size of web pages on the desktop web has tripled.

This can cause problems for all those users who are careful about bandwidth consumption. It is true that now many offers from mobile telephone operators offer a minimum of 50 – 100GB, but still why consume more? not to mention that there are areas where the mobile connection is not stable and therefore having a site that loads slowly has an even greater impact.

Increasing page size may lead consumers to upgrade to larger plans and spend more on mobile data.

Improved performance reduces hosting costs

A faster website can reduce costs. Images, videos and other media uploaded to the website must be stored somewhere, often with additional backups. In addition to storage, many cloud providers also charge for outbound bandwidth when users request a file from your servers.

In practice, the same type of image optimization that benefits things like Largest Contentful Paint and Cumulative Layout Shift can also reduce the amount of storage space required to house these assets.

A study by CrayonData found that not only optimizing images and uploading them via aCDN it reduced storage costs, but it also reduced network consumption. This resulted in an 85% reduction in hosting costs, saving over $200,000.

So as you can see, you can save a lot in this sense too.

So do I need to improve the speed of my site?

Well definitelyImproving the speed of the website can give you advantages in terms of conversions and economics. In fact, organic traffic, conversion rate and sales can all be linked to the speed or slowness of your website.

Making a website faster for users may require buy-in from stakeholders across all teams. It may require you to make difficult decisions about features, functionality and aesthetic elements that affect performance. Also from an organizational perspective, the additional design time and resources required may require management approval.

Despite these challenges, a fast website has the potential to be discovered and engaged by more users, especially if it is faster than its competitors. Once users find the website, they are also more likely to interact with it in more depth and ultimately convert into customers.

If you want to check the performance of your site to understand whether it is fast or not, test your site speed immediately.

Reading Time: 5 minutes

When it comes to website performance, it’s common to wonder if poor scores are attributable to hosting or developer. In fact, both can impact a site’s overall performance. In this article, we will look at the different factors that can cause poor performance scores and discuss both the role of the hosting and the developer in improve site performance.

Let’s start by talking about the hosting. The hosting of a website plays a vital role in determining the overall performance. If the hosting is low quality or not optimized for the specific needs of the website, this may occur a slow server response, long loading times, and an overall poor user experience. Some key factors to consider for good hosting includeServer speed, availability, scalability and security.

However, it’s not just hosting that affects website performance. It too developer has an important role. A competent developer should follow best web development practices to optimize code, reduce resource burden, minimize server requests and improve the overall user experience. Through the use of caching, resource compression, image optimization and other techniques, a developer can greatly improve website performance.

So, who is responsible for poor performance scores? Let’s delve deeper into the discussion in this new article.

Why should I care about bad performance/structure scores?

First we ask ourselves why I should actually care about site scores and performance. For starters, because these greatly affect the user experience. In fact, a slow website leads to a negative user experience. Not only is this because those who visit it do not have an immediate response to their requests (for example completing a purchase, seeing a product page or specific content), but it also gives a sign of unreliability and insecurity.

So here we go with the introduction of metrics Core Web Vitals, Google has also shown that it pays a lot of attention to these aspects. YourIn fact, performance score essentially represents the experience of your visitors into key user-centric metrics (e.g. Web Vitals) as your page loads. Morethe lower your performance score, the worse your page will perform from the point of view of your visitors. Factors like location, network connection speed, and more (ads, cookies, etc.) can also impact how your page loads, which in turn affects your performance score.

Facility score

On the other hand, aNegative structure score means your page probably wasn’t built with the best front-end practices in place. There are numerous strategies and methods for implementing a website to ensure an optimal loading time, and with a poor structure score, chances are your website has none of them in place.

Your performance on the Facility Score does not necessarily correlate with your Performance Score. However, improving your structure score can be a good starting point for improving your overall page load times (which can potentially impact your performance score). Overall, getting better results can not only improve your visitors’ experience on your page, but will also likely lead to more conversions and potentially improved SEO rankings as well. This means that improving your scores has tangible benefits for your website/business/operations.

What are the causes of poor performance/structure scores?

Not reaching thresholds for any of the 6 performance metrics:

  • First Contentful Paint (FCP)
  • Largest Contentful Paint (LCP)
  • Speed Index (SI)
  • Time to Interactive (TTI)
  • Total Blocking Time (TBT)
  • Cumulative Layout Shift (CLS)

it doesn’t just mean having a site that doesn’t perform optimally, but as we also said in our article dedicated to Core Web Vitals, it also means penalizing him. This is why it becomes essential to be able to have a site that responds quickly and performs.

But what does not achieving a satisfactory score on these metrics depend on?

Many of these parameters are directly related to CSS/JavaScript execution, code or image optimization, but also hosting and other features.

But let’s see in detail what can actually negatively affect our site.

Reasons for Incorrect Structure Scores:

There are several reasons why a site might be slow and not meet the Core Web Vitals score:

  1. Image optimization: Non-optimized images can slow down page loading. It is important to resize, compress, and use appropriate image formats to improve performance.
  2. Code not optimized: Inefficient, heavy, or buggy code can negatively impact site performance. It is important to write clean, efficient and well-structured code to improve loading speed.
  3. Cache and storage: Proper cache configuration and use of caching techniques can reduce page loading time. Using browser caching and implementing a server-side cache can improve overall site performance.
  4. Low quality hosting: A low-quality hosting service can negatively affect the performance of your site. If the hosting does not provide enough resources or has a slow connection, the site may be slow.
  5. Heavy plugins and scripts: Excessive use of plugins or heavy scripts can slow down page loading. It is important to carefully evaluate your use of plugins and scripts and ensure they are optimized for performance.
  6. Slow network connection: Page loading speed also depends on the user’s network connection. A well-optimized site may still be slow if the user has a slow connection.
  7. Server performance: Server performance may affect overall site performance. An overloaded or resource-constrained server may cause slow response times.
  8. Page size and complexity: A page with many elements, scripts, or heavy media may take longer to load. It is important to reduce page complexity and optimize content to improve performance.

These are just some of the factors that can affect the performance of a website. It is important to identify and resolve specific causes to improve your Core Web Vitals score and provide an optimal user experience.

Hosting or developer?

The question therefore arises: “should I contact my hosting provider or developer?”

There is no simple answer as it depends on who is responsible for your poor performance/structure scores.

Contact yours hosting provider with:

  • you have a long TTFB
    If a long TTFB due to slow server response is the reason for your poor performance/structure scores, it is most often the case that underperforming servers/lack of server resources are the cause. However, keep in mind that poor/inefficient backend code could also be responsible for this, in which case you may need developer assistance.
  • See Problems CDN:
    If your poor results are caused by CDN problems, contact your CDN provider (in some cases, it turns out to be the same as your hosting provider).

Contact yoursdeveloper with:

  • You have unoptimized images/videos:
    If your poor results are caused by too many unoptimized images (or videos), you will need to contact your developer as this is purely a front-end design issue.
  • Have CSS/JavaScript not optimized:
    When CSS and/or JavaScript are responsible for your poor scores, you will need to ask the developer for assistance as this is also a front-end issue. While reducing your website’s CSS/JavaScript code naturally helps improve performance, you should take care to ensure that essential code is not eliminated. Reducing unused CSS/JavaScript should therefore be a priority to ensure the browser isn’t processing potentially expensive code that isn’t even needed on the page.
  • Caching must be configured:
    Finally, if you want to set up caching, you can do it yourself (for WordPress users) or contact your developer to have it set up for you. Please note that your poor results could also be due to a combination of the reasons above. In this case, we recommend addressing the most critical issues first and then addressing the rest based on feasibility.
  • Third party scripts are problematic:
    If your poor scores are caused by third-party content, you should contact your developer only after you have reviewed your site’s third-party content, determined which requests are negatively affecting your performance, and removed those that do not add value to your business . A developer can then potentially assist with additional optimization opportunities for required third-party requests.

Essentially then, you should contact your hosting provider for TTFB and CDN issues (only if your hosting provider is the same as your CDN provider). However, you can contact your developer for all other front-end issues displayed in the Structure tab.

We recommend working on the critical issues first (long TTFB, Top Issues in the Summary tab) and taking care of the rest later.

In conclusion

Poor performance/structure scores can be caused by a myriad of performance issues on your page, both back-end and front-end. This means that your visitors are probably not having a good experience on your page and you therefore need to intervene.

If you need performance monitoring on the hosting side, contact us and we will find the best solution for your needs.

Reading Time: 6 minutes

How fast is your online store ? If you don’t know, check it out now !

In fact, you should know how fast your E-Commerce is, by next May! Because? A few months ago, Google announced that it will change its algorithms and rate sites on three additional parameters:

  • loading
  • interactivity
  • visual stability

These metrics, called Core Web Vitals, are becoming new ranking signals that will come into action in May 2021.

Speed ​​and SEO

The days when SEO was just about filling your website with a long list of keywords and backlinks are over. Today, in fact, Google is starting to pay more attention to a new fact: Web Performance .

In May 2020, Google carried out a study which showed that users demand a better user experience, with fast sites and low waiting times. Speed ​​has however always been an important indicator for a good user experience and now more than ever, it will be a discriminating factor for SEO.

In fact, starting from May 2021 , in addition to affecting the conversion rate, the speed and therefore also the web performance, they will be counted for SEO. This will be measured on a series of new metrics, known as Core Web Vitals .

What does Core Web Vitals mean?

These metrics were designed to help Google understand the experience users have when they access your web pages. Essentially, it is a user experience assessment based on three pillars:

  • loading (LCP)
  • interactivity (FID)
  • visual stability (CLS)

Put simply, each metric depends on the speed of your website.

The metrics of the Core Web Vitals for Google are based on these criteria:

  • How fast does the content appear on the screen? (LCP)
  • How fast does the page react to user interaction? (FID)
  • Does the content move across the screen while the site is loading? (CLS)

Here then the Core Web Vitals can also become an advantage for your store . For example, if you and your competitor have similar and relevant content, Google will reward a site that loads faster.

But now let’s see in detail the singularities of each metric.

Largest Contentful Paint (LCP)

Many people confuse this metric with the time it takes for the page to load completely. However, keep in mind that LCP is not simply the loading time of a page, but rather the time it takes for the heavier content to actually appear on the screen .

Let me explain … When you enter an Ecommerce and click on an article, you arrive on the product page. This page contains; header, logo, text and image. Images are very often quite large and take up more screen space. The LCP would then be the time it takes to fully load the image.

So basically, how can the LCP be controlled?

Google offers a number of tools that help you identify the largest element on a web page. There are also many other tools to verify this. If you want to know what they are, read our article 4 Tools to measure Magento speed and optimize its performance .

You will find lots of info to be able to check the speed of your store and above all a useful overview of the critical issues present .

Once you’ve checked your LCP score, compare it to Google’s data. In fact, according to the search engine company, you shouldn’t be over 2.5 seconds.

How to optimize the LCP?

To try to optimize the LCP, here is a small list that may be useful to you:

  • Optimize images . Preload, compress and reduce the weight of all the visual elements that are present on your site. The lower the number of MB, the less time it takes to load.
  • Optimize the server . Cache all static files or use ready-to-use CDN solutions . The advantage of the CDN is that it delivers content from the closest server to the user. So product images and descriptions load faster.
  • Optimize JavaScript and CSS . Review and cut any unnecessary code from CSS or JS files. It is better to dedicate a separate CSS / JS file for each block instead of writing all the JS logic and styles into one bulky file.
  • Optimize client-side rendering . Don’t use many component nesting operations in the DOM tree. Try using fewer setTimeout functions to render and add elements to the DOM in the case of “document.ready” and “window.onload” events.

First Imput Delay (FID)

This metric reflects your site’s responsiveness – essentially, it measures the time it takes to respond to any user interaction .

For example, if the user enters your E-commerce store, touches a button and… nothing happens, something is wrong! The user is unhappy and leaves your site.

But why does this happen?

All of this happens when the browser is still performing other operations in the background and is simply not ready to execute a command. These kinds of delays are quite common for Magento sites. This is because browsers are asked to execute too many JavaScript commands and browsers simply cannot execute them quickly. As a result, users remain on hold until clicking the button, selecting an option or entering text changes something on the screen.

What is the FID?

It’s a measure of all user interactions that occur while your site is still loading. Google wants your site to respond to user interaction even when it hasn’t finished loading yet. The only two exceptions are zooming and scrolling – these user inputs are not incorporated into the FID score.

Here’s a breakdown of what Google considers responsive:

One special thing about FID is that it cannot be measured without users actually interacting with your site. This means that Google cannot estimate your FID score based solely on theoretical data. They will take data from real users, also known as field data.

Improving FID means reducing unused JavaScript (the coding language responsible for executing user commands). If you cut unnecessary JavaScript and reduce the time it takes to run its tasks, you’ll go a long way with your FID score.

However, JavaScript optimization is tricky. Sometimes, you’ll have to sacrifice some of your site’s features, to see performance leaps.

Cumulative Layout Shift (CLS)

Unlike the two previous metrics, the Cumulative Layout Shift solves a different problem, directly related to the user’s feeling.

In fact, the CLS measures all the layout changes of your site during loading. Let me explain, if you are in an online smartphone store, you click on a product and instead of being redirected to the product sheet, you enter a different tab, with a different layout, which perhaps is linked to another product or even to an advertisement!

It is clear that at that point, I am sure you will be quite annoyed and that you will probably not complete the purchase.

Why can elements on your site change?

This can be accessed for example, when all the content on the page appears to be fully loaded and visible, but the download of a large item has not yet finished. As this happens, all other content is “pushed”, which results in sudden layout changes.

Another important factor that can blow your content layout is ads. They often take up a lot of screen space and load slower than the rest of the content. And as soon as they are uploaded, all content on the site is subject to change.

Here, the CLS is calculated based on how much the elements of your site have moved and the impact that the movement has brought to the customer. Google considers anything less than 0.1 to be “good”, as you can see based on the CLS criteria below:

Of course, Google only considers unexpected movements. This means that if a shopper clicks on your menu and some elements of your page move, it won’t affect your CLS score.

The issue of product images is also important to get a good CLS score. Many developers forget to specify the width and length attributes of images, leaving the browser to decide how they should appear on the screen. Since the product description usually loads before images, online shoppers start reading it first. However, as soon as an image loads, it pushes the text up or down and stops the reading process. If you specify the image size via CSS or HTML, space for that image will be reserved during loading times and customers will be able to browse your site without interruption.

AMP and PWA

The interesting thing about Google’s new update is that AMP is no longer a requirement to be included in the Top Stories section. As of May 2021, all online stores that meet the Core Web Vitals criteria would be eligible to enter the section.

This is very interesting news because it shows how Google is really doing what it can to ensure a great user experience. This is also great news for all PWA websites! In 2015, Google itself introduced PWA technology to create sites with a better user experience.

Now with clear benefits for mobile users and a user-centric approach, PWA stores have a high chance of winning the battle against traditional sites and AMPs.

Want useful tools for Core Web Vitals ?

Many tools are already at hand. Google has made sure that site owners have all the resources they need to adapt to the new changes. Here are 6 essential ways to analyze and improve your site on Core Web Vitals.

  • Speed ​​Hostgento . The new Hostgento tool that allows you to check the performance, speed and critical points of your store.
  • Chrome UX Report . The all-new Chrome API allows you to check your site’s performance over the past 28 days.
  • Search Console . Use the Core Web Vitals report to identify pages that need improvement.
  • PageSpeed ​​Insights . A great tool for getting a quick overview of all Core Web Vitals scores.
  • Lighthouse . Get practical guidance on how to optimize Core Web Vitals metrics.
  • Chrome DevTools . Just like Lighthouse, the free tool provides instructions on how to improve your CWV scores.
  • Web Vitals Extension . Use this quality extension to view key user experience metrics for any site you visit.

Conclusions

The merchants will then compete on speed. But one important thing to remember is that these changes aren’t being introduced to make the online world more competitive. Or The target set Core Web Vitals is to improve the online experience . Then use these metrics as indicators for the success of your online store.

The key to success is to try to always provide the best online experiences to your customers.

🚀 Give your website a boost!
Try bhoost hosting for free for 30 days