{"id":3647727,"date":"2021-08-18T14:00:00","date_gmt":"2021-08-18T12:00:00","guid":{"rendered":"https:\/\/wp-rocket.me\/?p=3647727"},"modified":"2024-03-13T10:04:27","modified_gmt":"2024-03-13T09:04:27","slug":"why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices","status":"publish","type":"post","link":"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/","title":{"rendered":"What\u2019s the Performance Impact of a Slider on Your WordPress Site? (And Other Performance Bad Practices)"},"content":{"rendered":"<p>Image sliders may be quite a popular feature among WordPress websites, and you may be asking what the impact of using them on performance is. Whether you ask a performance-minded web developer, an SEO expert, or a conversion rate specialist, most will tell you that sliders \u2013 or carousels \u2013 can affect your website speed.<\/p><p>As performance experts, we are not the biggest fans of image sliders, even though we can understand why many users like them and several websites use them.<\/p><h2 class=\"wp-block-heading\">Why a Slider is Not Good for Performance<\/h2><p>Sliders and web performance are far from a match made in heaven. The reason is simple. For a slider to work on your website, you\u2019ll need more code:<\/p><ul class=\"wp-block-list\"><li>CSS styles<\/li>\n\n<li>Extra JavaScript<\/li><\/ul><p>Most of the time, this leads to:&nbsp;<\/p><ul class=\"wp-block-list\"><li>Increased page size<\/li>\n\n<li>Increased page load time<\/li>\n\n<li>Higher number of HTTP requests<\/li><\/ul><p>All of this causes lower performance and can affect performance metrics such as <a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/\">Core Web Vitals<\/a>, even when WP Rocket is running on your website (more about this later).&nbsp;<\/p><p>More specifically, carousels can affect your Core Web Vitals in the following ways:<\/p><ul class=\"wp-block-list\"><li>LCP \u2013 <a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/improve-largest-contentful-paint\/\"><strong>Largest Contentful Paint<\/strong><\/a> \u2013 A page\u2019s LCP element can often be found in above-the-fold image sliders. If these sliders aren\u2019t optimized properly, this can negatively affect your LCP.<\/li>\n\n<li>INP \u2013 <strong><a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/improve-interaction-to-next-paint\/\">Interaction to Next Paint<\/a><\/strong> \u2013 If your sliders contain heavy JavaScript files, <a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/reduce-javascript-execution-time\/\"><strong>JavaScript execution time<\/strong><\/a> will be longer. As a result, the main thread could become busy and blocked, and the page might not be able to respond to user interactions, impacting the overall page responsiveness.<\/li>\n\n<li>CLS \u2013 <a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/improve-cumulative-layout-shift\/\"><strong>Cumulative Layout Shift<\/strong><\/a> \u2013 Many sliders are, unfortunately, visually unstable, which can lead to a poor CLS grade.<\/li><\/ul><p>Of course, not all image sliders will have the same impact on your website, depending on the amount of customization, the size of the library, and so on, as you can see in the table below:&nbsp;<\/p><figure class=\"wp-block-table\"><table><tbody><tr><td><br><\/td><td>Page Load Time<\/td><td>Page Size<\/td><td>HTTP Requests<\/td><\/tr><tr><td>Control (No Slider)<\/td><td>0.9 s<\/td><td>515<\/td><td>12<\/td><\/tr><tr><td>Slider Revolution<\/td><td>0.9 s<\/td><td>699<\/td><td>20<\/td><\/tr><tr><td>Nivo Slider<\/td><td>0.8 s<\/td><td>554<\/td><td>15<\/td><\/tr><tr><td>MetaSlider<\/td><td>0.9 s<\/td><td>562<\/td><td>17<\/td><\/tr><tr><td>Soliloquy<\/td><td>1.1 s<\/td><td>567<\/td><td>23<\/td><\/tr><tr><td>Smart Slider 3<\/td><td>1.0 s<\/td><td>616<\/td><td>18<\/td><\/tr><tr><td>Layer Slider<\/td><td>1.0 s<\/td><td>657<\/td><td>20<\/td><\/tr><tr><td>Slider by 10Web<\/td><td>1.5 s<\/td><td>670<\/td><td>20<\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">Performance tests we ran with different image sliders<\/figcaption><\/figure><h2 class=\"wp-block-heading\">Other Performance Bad Practices<\/h2><p>In general, animations placed above the fold tend not to be your website\u2019s best friends. This includes text animations, too, which carry the same pitfalls as image sliders. Animations present at the top of the page are not only irrelevant for conversions, but they also push down your content. Unless they play an important role in conveying your brand image, remember that it\u2019s especially your content that sells, ranks, and converts, not your animations.&nbsp;<\/p><p>We also recommend against page preloaders (i.e. the spinner or loading bar some sites display before the actual content appears). If you are using one simultaneously while delaying JavaScript files, this will cause the preloader to be displayed until there\u2019s user interaction. And if there\u2019s no user interaction, the spinner will simply spin endlessly. Preloaders prevent users from seeing the content right away, which is not great for UX. Not to mention that they are counterproductive because they slow down websites. Why add one second of spinner when you could just have a faster-loading website?<\/p><h2 class=\"wp-block-heading\">Why You Won\u2019t Make the Most Out of the Delay JS Feature<\/h2><p>One might ask the following question: shouldn\u2019t running WP Rocket on your website compensate for the negative impact of sliders (or other bad practices) on performance? Unfortunately, it\u2019s not that simple.&nbsp;<\/p><p>Take one of our most powerful <a href=\"https:\/\/wp-rocket.me\/features\/\"><strong>features<\/strong><\/a>, for example, the <a href=\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-9\/\"><strong>Delay JavaScript Execution feature<\/strong><\/a>. The idea behind this feature is that not all files are relevant for the initial render of a page, and delaying them can improve the loading time and PageSpeed Score.&nbsp;<\/p><p>Delay JavaScript Execution improves performance by delaying the loading of JavaScript files until there is user interaction. When this feature is enabled, all JavaScript files are delayed and loaded only when users need them, i.e. when user interaction is detected (e.g. scrolling or clicking a button).<\/p><p>But here\u2019s the thing: if you have a slider at the top of a page and the Delay JS feature is enabled, the slider\u2019s content will be delayed, and the content won\u2019t show during the initial render of the page. Pointless, right? The workaround is, unfortunately, to disable the feature for the JavaScript files related to the slider.&nbsp;<\/p><p>Given how popular sliders are, our customer support team frequently helps out WP Rocket users who are facing issues with their sliders when the feature is on. \u201cWe often have to exclude files related to sliders to make them work without user interactions,\u201d explains Vasilis, our customer support engineer. Without the feature, these users are losing a great asset for improving performance.<\/p><h2 class=\"wp-block-heading\">Sliders and Web Performance: the Proof Is in the Pudding<\/h2><p>To see exactly how sliders have an impact on WP Rocket\u2019s performance, we carried out a number of tests on <a href=\"https:\/\/valentina.rocketlabsqa.ovh\/\"><strong>this website<\/strong><\/a> with and without a slider.<\/p><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1560\" height=\"899\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/ezgif.com-gif-maker-1.gif\" alt=\"\" class=\"wp-image-3648068\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/ezgif.com-gif-maker-1.gif 1560w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/ezgif.com-gif-maker-1-310x179.gif 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/ezgif.com-gif-maker-1-768x443.gif 768w\" sizes=\"(max-width: 1560px) 100vw, 1560px\" \/><figcaption class=\"wp-element-caption\">The slider we used<\/figcaption><\/figure><p>We covered 4 scenarios:<\/p><ul class=\"wp-block-list\"><li><strong>Audit #1:<\/strong> We measured the performance of our website with Revolution Slider but without the Delay JavaScript Execution feature enabled.<\/li><\/ul><ul class=\"wp-block-list\"><li><strong>Audit #2:<\/strong> We measured the performance of our website with Revolution Slider and with the Delay JavaScript Execution feature enabled.<\/li><\/ul><ul class=\"wp-block-list\"><li><strong>Audit #3: <\/strong>We measured the performance of our website with Revolution Slider and with the Delay JavaScript Execution feature enabled. The script related to the slider was excluded.<\/li><\/ul><ul class=\"wp-block-list\"><li><strong>Audit #4: <\/strong>We measured the performance of our website with a static image and with the Delay JavaScript Execution feature enabled.<\/li><\/ul><p>Let&#8217;s see the results: <\/p><h4 class=\"wp-block-heading\"><strong>Audit #1<\/strong>: Revolution Slider without Delay JavaScript Execution<\/h4><p>As you can see, the score is orange (55\/100) and the Core Web Vitals are not very healthy. <\/p><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1064\" height=\"818\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Slider-No-Delay-JS-55_100.png\" alt=\"\" class=\"wp-image-3648203\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Slider-No-Delay-JS-55_100.png 1064w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Slider-No-Delay-JS-55_100-254x195.png 254w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Slider-No-Delay-JS-55_100-768x590.png 768w\" sizes=\"(max-width: 1064px) 100vw, 1064px\" \/><\/figure><p>There are also quite a few issues related to unused resources.<\/p><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"756\" height=\"798\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Slider-No-Delay-JS-55_100-Opportunities.png\" alt=\"\" class=\"wp-image-3648210\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Slider-No-Delay-JS-55_100-Opportunities.png 756w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Slider-No-Delay-JS-55_100-Opportunities-185x195.png 185w\" sizes=\"(max-width: 756px) 100vw, 756px\" \/><\/figure><h4 class=\"wp-block-heading\"><strong>Audit #2<\/strong>: Revolution Slider with Delay JavaScript Execution<\/h4><p>As you can see, the score is in the green (90\/100) and we achieved much better results overall. <\/p><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1035\" height=\"745\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Slider-Delay-JS-90_100.png\" alt=\"\" class=\"wp-image-3648303\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Slider-Delay-JS-90_100.png 1035w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Slider-Delay-JS-90_100-271x195.png 271w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Slider-Delay-JS-90_100-768x553.png 768w\" sizes=\"(max-width: 1035px) 100vw, 1035px\" \/><\/figure><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"756\" height=\"611\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Slider-Delay-JS-90_100-Opportunities.png\" alt=\"\" class=\"wp-image-3648316\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Slider-Delay-JS-90_100-Opportunities.png 756w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Slider-Delay-JS-90_100-Opportunities-241x195.png 241w\" sizes=\"(max-width: 756px) 100vw, 756px\" \/><\/figure><p>The problem was that the slider did not appear before user interaction.&nbsp;<\/p><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1384\" height=\"942\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/ezgif.com-gif-maker-2.gif\" alt=\"\" class=\"wp-image-3648281\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/ezgif.com-gif-maker-2.gif 1384w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/ezgif.com-gif-maker-2-286x195.gif 286w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/ezgif.com-gif-maker-2-768x523.gif 768w\" sizes=\"(max-width: 1384px) 100vw, 1384px\" \/><figcaption class=\"wp-element-caption\">The page is blank before any user interaction<\/figcaption><\/figure><h4 class=\"wp-block-heading\"><strong>Audit #<\/strong>3: Revolution Slider with Delay JavaScript Execution and slider excluded<\/h4><p>As you can see, the score is also green but not as great (86\/100) and there are again issues with unused resources and images.<\/p><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1069\" height=\"808\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Slider-Delay-JS-with-Slider-Revolution-Exclusion-86_100.png\" alt=\"\" class=\"wp-image-3648352\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Slider-Delay-JS-with-Slider-Revolution-Exclusion-86_100.png 1069w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Slider-Delay-JS-with-Slider-Revolution-Exclusion-86_100-258x195.png 258w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Slider-Delay-JS-with-Slider-Revolution-Exclusion-86_100-768x580.png 768w\" sizes=\"(max-width: 1069px) 100vw, 1069px\" \/><\/figure><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"763\" height=\"732\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Slider-Delay-JS-with-Slider-Revolution-Exclusion-86_100-Opportunities.png\" alt=\"\" class=\"wp-image-3648357\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Slider-Delay-JS-with-Slider-Revolution-Exclusion-86_100-Opportunities.png 763w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Slider-Delay-JS-with-Slider-Revolution-Exclusion-86_100-Opportunities-203x195.png 203w\" sizes=\"(max-width: 763px) 100vw, 763px\" \/><\/figure><h4 class=\"wp-block-heading\"><strong>Audit #4<\/strong>: No Slider with Delay JavaScript Execution<\/h4><p>Instead of using a slider, we added a static image this time:<\/p><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1307\" height=\"913\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Home-Page-Static-Image.png\" alt=\"\" class=\"wp-image-3648390\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Home-Page-Static-Image.png 1307w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Home-Page-Static-Image-279x195.png 279w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Home-Page-Static-Image-768x536.png 768w\" sizes=\"(max-width: 1307px) 100vw, 1307px\" \/><\/figure><p>As you can see, the results were the best out of all scenarios, our score was in the green and we got rid of unused JavaScript issues.<\/p><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1026\" height=\"745\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Static-Image-Delay-JS-92_100.png\" alt=\"\" class=\"wp-image-3648417\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Static-Image-Delay-JS-92_100.png 1026w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Static-Image-Delay-JS-92_100-269x195.png 269w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Static-Image-Delay-JS-92_100-768x558.png 768w\" sizes=\"(max-width: 1026px) 100vw, 1026px\" \/><\/figure><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"766\" height=\"598\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Static-Image-Delay-JS-92_100-Opportunities.png\" alt=\"\" class=\"wp-image-3648422\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Static-Image-Delay-JS-92_100-Opportunities.png 766w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Static-Image-Delay-JS-92_100-Opportunities-250x195.png 250w\" sizes=\"(max-width: 766px) 100vw, 766px\" \/><\/figure><p>A slider in the header affects your site\u2019s performance, and even the most powerful optimization plugin (that\u2019s us!) won\u2019t entirely make up for it.&nbsp;<\/p><h2 class=\"wp-block-heading\">Sliders and SEO<\/h2><p>At WP Rocket, we\u2019re obsessed with web performance, but there are other aspects to consider when choosing to use a slider \u2013 for example, SEO performance.<\/p><p>With the Core Web Vitals rollout, <a href=\"https:\/\/wp-rocket.me\/blog\/guide-to-page-speed-optimization-for-wordpress\"><strong>optimizing your page speed on <\/strong><strong>WordPress<\/strong><\/a> is now more important than ever for SEO. As we\u2019ve just seen, sliders impact performance. And <a href=\"https:\/\/searchengineland.com\/homepage-sliders-are-bad-for-seo-usability-163496\"><strong>research<\/strong><\/a> shows other reported issues including multiple H1 headings and flash usage.&nbsp;<\/p><p>Furthermore, Google\u2019s last update is all about user experience: to rank well, your page needs to deliver the best experience possible to your users. Unfortunately, usability and carousels don\u2019t quite go hand in hand. You should pay attention when using sliders, as they can be confusing to users. Rotating offers can give visitors many choices. Sliders also pose accessibility issues for keyboard and screen reader users, which may also impact your SEO.<\/p><h2 class=\"wp-block-heading\">Sliders and Conversion Rates<\/h2><p>As we\u2019ve just shown, sliders could impact the overall user experience and, therefore, conversion rates too.<\/p><p><a href=\"https:\/\/cxl.com\/blog\/dont-use-automatic-image-sliders-or-carousels\/\">According to some studies<\/a>, sliders may create confusion and distraction in users. Some of them could miss the content after the first slide. In some cases, visitors might skip your slider altogether due to \u201cbanner blindness\u201d or thinking it\u2019s an ad. Either way, you run the risk of not delivering your message.<\/p><p>Bottom line: if the goal of your website is to trigger conversions, you should first focus on improving your loading time as well as your Core Web Vitals metrics.<\/p><h2 class=\"wp-block-heading\">What Are the Alternatives?<\/h2><p>If you\u2019re wondering what the alternative to a carousel could be, here\u2019s what we share with our customers. \u201cWebsite owners can use a single, static image in the place of sliders,\u201d explains Vasilis. \u201cAn image is something that will stand out and convey the message they want to pass.\u201d If you want to showcase multiple images, you could also <a href=\"https:\/\/imagify.io\/blog\/how-to-create-photo-gallery-wordpress\/\"><strong>design your own photo gallery<\/strong><\/a>.<\/p><p>Static sliders could be another alternative. They still carry usability and conversion issues, but their impact on performance is lower. Now that you have a performance picture of what sliders and animations can entail, it\u2019s up to you to decide according to your needs and goals.<\/p>","protected":false},"excerpt":{"rendered":"<p>Image sliders may be quite a popular feature among WordPress websites but they have an impact on performance. Learn more in our article.<\/p>\n","protected":false},"author":184307,"featured_media":3650694,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"kia_subtitle":"","footnotes":""},"categories":[62],"tags":[],"class_list":["post-3647727","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inside-wp-rocket"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What\u2019s the Performance Impact of a Slider on Your WordPress Site? (And Other Performance Bad Practices)<\/title>\n<meta name=\"description\" content=\"Image sliders may be quite a popular feature among WordPress websites but they have an impact on performance. Learn more in our article.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What\u2019s the Performance Impact of a Slider on Your WordPress Site? (And Other Performance Bad Practices)\" \/>\n<meta property=\"og:description\" content=\"Image sliders may be quite a popular feature among WordPress websites but they have an impact on performance. Learn more in our article.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Rocket\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-18T12:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-13T09:04:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Why-You-Shouldnt-Use-a-Slider-on-WordPress.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1100\" \/>\n\t<meta property=\"og:image:height\" content=\"460\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Caroline Wood\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wp_rocket\" \/>\n<meta name=\"twitter:site\" content=\"@wp_rocket\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Caroline Wood\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/\"},\"author\":{\"name\":\"Caroline Wood\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/a82dcf7a40b8ca43f9b02ed10dcf4254\"},\"headline\":\"What\u2019s the Performance Impact of a Slider on Your WordPress Site? (And Other Performance Bad Practices)\",\"datePublished\":\"2021-08-18T12:00:00+00:00\",\"dateModified\":\"2024-03-13T09:04:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/\"},\"wordCount\":1500,\"commentCount\":6,\"publisher\":{\"@id\":\"https:\/\/wp-rocket.me\/#organization\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Why-You-Shouldnt-Use-a-Slider-on-WordPress.png\",\"articleSection\":[\"Inside WP Rocket\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/\",\"url\":\"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/\",\"name\":\"What\u2019s the Performance Impact of a Slider on Your WordPress Site? (And Other Performance Bad Practices)\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Why-You-Shouldnt-Use-a-Slider-on-WordPress.png\",\"datePublished\":\"2021-08-18T12:00:00+00:00\",\"dateModified\":\"2024-03-13T09:04:27+00:00\",\"description\":\"Image sliders may be quite a popular feature among WordPress websites but they have an impact on performance. Learn more in our article.\",\"breadcrumb\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/#primaryimage\",\"url\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Why-You-Shouldnt-Use-a-Slider-on-WordPress.png\",\"contentUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Why-You-Shouldnt-Use-a-Slider-on-WordPress.png\",\"width\":1100,\"height\":460,\"caption\":\"Why You Shouldn't Use a Slider on WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wp-rocket.me\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inside WP Rocket\",\"item\":\"https:\/\/wp-rocket.me\/blog\/inside-wp-rocket\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"What\u2019s the Performance Impact of a Slider on Your WordPress Site? (And Other Performance Bad Practices)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wp-rocket.me\/#website\",\"url\":\"https:\/\/wp-rocket.me\/\",\"name\":\"WP Rocket\",\"description\":\"Plugin d&#039;optimisation de sites WordPress\",\"publisher\":{\"@id\":\"https:\/\/wp-rocket.me\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wp-rocket.me\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/wp-rocket.me\/#organization\",\"name\":\"WP Rocket\",\"url\":\"https:\/\/wp-rocket.me\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png\",\"contentUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png\",\"width\":150,\"height\":41,\"caption\":\"WP Rocket\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829\",\"https:\/\/x.com\/wp_rocket\",\"https:\/\/www.youtube.com\/channel\/UC1ozThXHd1IWIZ5wkshgp_Q\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/a82dcf7a40b8ca43f9b02ed10dcf4254\",\"name\":\"Caroline Wood\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7aa298514ce4925b5fa716bbffc71cc4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7aa298514ce4925b5fa716bbffc71cc4?s=96&d=mm&r=g\",\"caption\":\"Caroline Wood\"},\"description\":\"Caroline is the brand content and communication specialist at WP Rocket. With a background in marketing, she loves getting creative with words as a way of connecting with people. When she isn\u2019t writing, you\u2019ll be sure to find her at the beach.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What\u2019s the Performance Impact of a Slider on Your WordPress Site? (And Other Performance Bad Practices)","description":"Image sliders may be quite a popular feature among WordPress websites but they have an impact on performance. Learn more in our article.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/","og_locale":"en_US","og_type":"article","og_title":"What\u2019s the Performance Impact of a Slider on Your WordPress Site? (And Other Performance Bad Practices)","og_description":"Image sliders may be quite a popular feature among WordPress websites but they have an impact on performance. Learn more in our article.","og_url":"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/","og_site_name":"WP Rocket","article_publisher":"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829","article_published_time":"2021-08-18T12:00:00+00:00","article_modified_time":"2024-03-13T09:04:27+00:00","og_image":[{"width":1100,"height":460,"url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Why-You-Shouldnt-Use-a-Slider-on-WordPress.png","type":"image\/png"}],"author":"Caroline Wood","twitter_card":"summary_large_image","twitter_creator":"@wp_rocket","twitter_site":"@wp_rocket","twitter_misc":{"Written by":"Caroline Wood","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/#article","isPartOf":{"@id":"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/"},"author":{"name":"Caroline Wood","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/a82dcf7a40b8ca43f9b02ed10dcf4254"},"headline":"What\u2019s the Performance Impact of a Slider on Your WordPress Site? (And Other Performance Bad Practices)","datePublished":"2021-08-18T12:00:00+00:00","dateModified":"2024-03-13T09:04:27+00:00","mainEntityOfPage":{"@id":"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/"},"wordCount":1500,"commentCount":6,"publisher":{"@id":"https:\/\/wp-rocket.me\/#organization"},"image":{"@id":"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Why-You-Shouldnt-Use-a-Slider-on-WordPress.png","articleSection":["Inside WP Rocket"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/","url":"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/","name":"What\u2019s the Performance Impact of a Slider on Your WordPress Site? (And Other Performance Bad Practices)","isPartOf":{"@id":"https:\/\/wp-rocket.me\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/#primaryimage"},"image":{"@id":"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Why-You-Shouldnt-Use-a-Slider-on-WordPress.png","datePublished":"2021-08-18T12:00:00+00:00","dateModified":"2024-03-13T09:04:27+00:00","description":"Image sliders may be quite a popular feature among WordPress websites but they have an impact on performance. Learn more in our article.","breadcrumb":{"@id":"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/#primaryimage","url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Why-You-Shouldnt-Use-a-Slider-on-WordPress.png","contentUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/08\/Why-You-Shouldnt-Use-a-Slider-on-WordPress.png","width":1100,"height":460,"caption":"Why You Shouldn't Use a Slider on WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/wp-rocket.me\/blog\/why-you-shouldnt-use-a-slider-on-wordpress-and-other-performance-bad-practices\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wp-rocket.me"},{"@type":"ListItem","position":2,"name":"Inside WP Rocket","item":"https:\/\/wp-rocket.me\/blog\/inside-wp-rocket\/"},{"@type":"ListItem","position":3,"name":"What\u2019s the Performance Impact of a Slider on Your WordPress Site? (And Other Performance Bad Practices)"}]},{"@type":"WebSite","@id":"https:\/\/wp-rocket.me\/#website","url":"https:\/\/wp-rocket.me\/","name":"WP Rocket","description":"Plugin d&#039;optimisation de sites WordPress","publisher":{"@id":"https:\/\/wp-rocket.me\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wp-rocket.me\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wp-rocket.me\/#organization","name":"WP Rocket","url":"https:\/\/wp-rocket.me\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/","url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png","contentUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png","width":150,"height":41,"caption":"WP Rocket"},"image":{"@id":"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829","https:\/\/x.com\/wp_rocket","https:\/\/www.youtube.com\/channel\/UC1ozThXHd1IWIZ5wkshgp_Q"]},{"@type":"Person","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/a82dcf7a40b8ca43f9b02ed10dcf4254","name":"Caroline Wood","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7aa298514ce4925b5fa716bbffc71cc4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7aa298514ce4925b5fa716bbffc71cc4?s=96&d=mm&r=g","caption":"Caroline Wood"},"description":"Caroline is the brand content and communication specialist at WP Rocket. With a background in marketing, she loves getting creative with words as a way of connecting with people. When she isn\u2019t writing, you\u2019ll be sure to find her at the beach."}]}},"_links":{"self":[{"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/posts\/3647727"}],"collection":[{"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/users\/184307"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/comments?post=3647727"}],"version-history":[{"count":0,"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/posts\/3647727\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/media\/3650694"}],"wp:attachment":[{"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/media?parent=3647727"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/categories?post=3647727"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/tags?post=3647727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}