10% of website visitors leave if the website is not sufficiently accessible. 40% will leave if the website takes more than 3 seconds to load. It is therefore essential that the experience of using a website is in order.
Core Web Vitals measure loading performance, interactivity, and visual stability of a web page. Core Web Vitals is included in what Google calls Page Experience metrics. These metrics include also mobile-friendliness, HTTPS, intrusive interstitials. The Core Web Vitals metrics are these:
The time in seconds before the user sees the largest content element on the page. Less than 2.5 seconds is considered good for the user experience.
This measures user interactivity (e.g. when a user clicks on a button on a page). This value should be less than 100 milliseconds.
The visual stability of the page, that is, whether the elements change position on the page during loading. The value should be less than 0.1. The higher the value, the more elements move on the page during loading, which is bad for the user experience.
One can check how a website performs with regards to these metrics using the Lighthouse test that can be found on Chrome’s Developer Tools.
Mobile optimization is an official ranking factor as more and more people are accessing websites on mobile devices. You can check if a website is mobile-friendly with this tool. Core Web Vitals make mobile performance more important than before. Therefore it is critical that websites perform great also on mobile devices.
Great user experience is not just about fast loading times. Usability is important for a great mobile user experience. Here are a couple of things you can make yourself to improve the mobile user experience.
Content: Keep it simple. The space on a smartphone touchscreen is limited. Use short, concise sentences without filler words, but keep in mind that the content should be the same on desktop and mobile devices. Oidom makes it easy, the website is automatically optimized to work on all devices.
Fonts: Use as few different fonts as possible. The more uniform the typeface is, the easier texts can be read on small screens. Example: Use one font for headlines and another for body text. Fonts without serifs are recommended for small screens. You can easily change the fonts of an Oidom website in the Theme Settings.
Google provides several tools for testing the Core Web Vitals of your own and other pages.
Google Lighthouse is perhaps the easiest way to measure if you're using the Chrome browser. Lighthouse is an open source tool developed by Google to help optimize website speed, search engine optimization, usability, and accessibility. You can access the tools in Lighthouse either by right-clicking on the page and selecting "Review" or by selecting "View" -> "For Developer" -> "Developer Tools" from the Chrome main menu. The report is run by pressing the "Generate Report" button. Test results may vary by test factor, so it's a good idea to run the test a few times. Testing should be done on a mobile device, as is the default selection in the test.
Pagespeed Insights is Google's online service. You can find it at: https://pagespeed.web.dev/
If the website has enough visitors, Pagespeed Insights will tell you the basics of the actual user experience. If there is not enough user data available, the test is run directly to the regular test page.
You should always add each web page to the Google Search Console. This will give you valuable insight into how your site is working and make it easy to see if there are any problems. Below the Expirence section you will also find the Core Web Vitals page, which tells you how good results your various pages have received. Here, too, you should look mainly at mobile results.
At Oidom we optimize each website to have great Core web vitals. Lately, we have done the following enhancements to the Oidom platform.
Images are usually the largest files on a website and delay page load significantly while they are downloaded. Images can drop your Core Web Vitals metrics and thus hurt your SEO. In our latest updates we have introduced support for AVIF images. We convert each image uploaded in Oidom to AVIF image format. AVIF is an optimized image format that was created to make our images smaller while keeping the same quality. AVIF images are significantly smaller in size than PNG or JPG images, up to 10 times smaller. For browsers that do not yet support AVIF images, we show the images in the PNG format.
You can choose fonts from a large selection of Google Fonts for your website. However, Google Fonts can load a bit slowly, and using them is not GDPR compliant. So we changed the fonts to be all loaded locally.