📖 Link to the original article in Dutch
Bad Core Web Vitals: how did they tackle this?
The biggest improvements were achieved through a combination of actions
- We applied a server upgrade, which had an immediate positive effect on Time To First Byte (TTFB) and Largest Contentful Paint (LCP);
- All our customers' webshops run on Magento 2.4, so we performed an upgrade for this new customer as well;
- We changed the loading order of the product detail and category pages;
- We replaced some major JavaScript applications for more efficiency;
- We also looked at all URLs and whether they meet Google's quality requirements.
The Core Web Vitals that Google uses to determine the vitality of URLs can also be found in RUMvision. The advantage of RUMvision over Google Search Console is that your data is real-time. You don't have to wait for 28 days before seeing results. So when developers have made a change, it should be immediately noticeable in RUMvision's dashboard.
Laura Berghuis, Marketing & Sales at 3WebApps
The assigned developer on this project immediately had a gut feeling th
at something was wrong. This gut feeling was correct, as it soon became apparent in RUMvision's dashboard that the Core Web Vitals were not doing well.
The Core Web Vitals relate to a page's loading speed, responsiveness and visual stability. These results caused a poor (F)UX. UX here stands for User Experience. FUX stands for First User Experience and is a unique measurement that simulates a user's very first page visit. As a webshop owner, you naturally want to know how the orienting customer experiences the shop, which is why we are only too happy to be able to measure this variable with RUMvision.
Read: In-depth information about the Core Web Vitals
Thanks to the extensive information available in the dashboard, we were able to get straight to work. Here, it was especially important that the desktop version of the webshop scored high, as that is where customers sell the most.
Small dip, big improvements
Thanks to the adjustments the e-commerce professionals made, the (F)UX increased significantly over three months. Interesting is the dip visible in the timeline (see image below: screenshot of RUMvision dashboard): this was the moment the customer was acquired. The nice thing about RUMvision is that this could be intercepted and adjusted immediately. And it worked: the line went up a lot and then remained stable.
At the end of the project, the improvements continue and RUMvision's dashboard shows that on the mobile version, the UX rises to a score of 100/100, the INP to 92/100 and the CLS to 100/100 (see screenshots below).
Mobile
Desktop
Look, that will make everyone happy!
Get off to a RUMming start
In RUMvision, 3WebApps has now finally found a tool that allows them to actively monitor the effects of their work in detail. And this simply gives them an edge over parties not yet deploying RUMvision. From now on, they prefer to rely on RUMvision rather than Google Search Console: Google only measures Core Web Vitals after 28 days and in RUMvision you can also check the vitality of URLs in smaller batches. So you know exactly where to look if you want to improve scores. And that that works well, this case study certainly proves!