{"id":59330,"date":"2022-06-11T07:00:01","date_gmt":"2022-06-11T14:00:01","guid":{"rendered":"https:\/\/www.eigene-homepage-erstellen.net\/?p=59330"},"modified":"2022-06-11T02:55:05","modified_gmt":"2022-06-11T09:55:05","slug":"how-website-carousels-impact-core-web-vitals-and-best-practices","status":"publish","type":"post","link":"https:\/\/www.eigene-homepage-erstellen.net\/blog\/design-dev\/how-website-carousels-impact-core-web-vitals-and-best-practices.htm","title":{"rendered":"How Website Carousels Impact Your Core Web Vitals (& Best Practices)"},"content":{"rendered":"\n

We’ve all seen them on web pages throughout the internet. Featured slideshows – better known as “carousels” – have increased in popularity over the years with a bag of mixed reviews in their wake. Some of the most consistent criticisms revolve around how they can negatively impact a website’s Core Web Vitals scores when they are not properly implemented.<\/p>\n

What exactly are Core Web Vitals<\/a>, you ask? Often abbreviated as CWV, Core Web Vitals are a set of standardized metrics that help developers understand the user experience with a focus on the evaluation of a website’s load time, interactivity, and overall visual stability. Carousels can hurt a website’s CWV scores because of the range in size of their images, causing a slower page load time and poor user experience. Opinions on how to address this issue range from removing them entirely from your website to revamping them into a more optimized experience.<\/p>\n

So if you’re building a website for a client where one of the key features is a carousel or you’re a website owner finding it hard to let your own carousel go, worry not. In this post, we’ll break down the details of how carousels affect your Core Web Vitals and what you can do to mitigate their impact for a more balanced user experience.<\/p>\n

What Is a Website Carousel?<\/h2>\n

Let’s first talk about our friend, the carousel. This UX component is easiest described as a slideshow of cards used to showcase either product images, textual information about services and promotions, or a combination of both.<\/p>\n