{"id":10223,"date":"2021-12-09T10:32:37","date_gmt":"2021-12-09T09:32:37","guid":{"rendered":"https:\/\/wp-akuten.se\/development-wordpress\/scroll-forever-infinite-scroll\/"},"modified":"2024-04-23T14:26:59","modified_gmt":"2024-04-23T12:26:59","slug":"scroll-forever-infinite-scroll","status":"publish","type":"post","link":"https:\/\/wp-akuten.se\/en\/tips-wp\/scroll-forever-infinite-scroll\/","title":{"rendered":"Scroll forever &#8211; infinite scroll"},"content":{"rendered":"\n\n\n<p><strong>Infinite scroll<\/strong> is a technology that we have become accustomed to through mobile phones and feeds such as Facebook. The technology means that when you scroll down, it is filled with more data &#8211; often on social media it never ends. You can continue down forever. You can continue down forever. We can scroll forever!<\/p>\n\n\n\n<p>It&#8217;s rarely like that on a regular website, sooner or later it runs out of content. But the basics of how it works can be used. Instead of the user clicking on &#8220;next page&#8221;, you can add more when the visitor scrolls down. It becomes convenient for the visitor and you never have to change the URL.<\/p>\n\n\n\n<p>There are several plugins that can be used to achieve this. They add a javascript that simulates a click on the next button when the visitor has reached the end of the page. Then the script fetches the next batch of records and inserts them via a technique called ajax.<\/p>\n\n\n\n<p>One of them you can use is <a href=\"https:\/\/wordpress.org\/plugins\/catch-infinite-scroll\/\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener nofollow\" class=\"ek-link\">Catch Infinite scroll<\/a><\/p>\n\n\n\n\n\n<p>And it depends on the theme which one works best.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading10223_c9a147-43, .wp-block-kadence-advancedheading.kt-adv-heading10223_c9a147-43[data-kb-block=\"kb-adv-heading10223_c9a147-43\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading10223_c9a147-43 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading10223_c9a147-43[data-kb-block=\"kb-adv-heading10223_c9a147-43\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading10223_c9a147-43 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading10223_c9a147-43[data-kb-block=\"kb-adv-heading10223_c9a147-43\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading10223_c9a147-43 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading10223_c9a147-43\">Disadvantages of infinite scrolling<\/h2>\n\n\n\n<p>One of the most obvious disadvantages is that the visitor does not reach your footer. If you have a lot of information there, yours will not be shown to your visitors.<\/p>\n\n\n\n<p>There is also a downside to SEO Now the archive pages are rarely the most important for your SEO but it might be worth considering.<\/p>\n\n\n\n<p>The third disadvantage is that it takes a little while to load more content on the page. It depends a bit on the performance of your site and how much to load how negative it is for the visitor. <\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading10223_dc0bd8-c9, .wp-block-kadence-advancedheading.kt-adv-heading10223_dc0bd8-c9[data-kb-block=\"kb-adv-heading10223_dc0bd8-c9\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading10223_dc0bd8-c9 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading10223_dc0bd8-c9[data-kb-block=\"kb-adv-heading10223_dc0bd8-c9\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading10223_dc0bd8-c9 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading10223_dc0bd8-c9[data-kb-block=\"kb-adv-heading10223_dc0bd8-c9\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading10223_dc0bd8-c9 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading10223_dc0bd8-c9\">Alternative to infinite scroll<\/h2>\n\n\n\n<p>An alternative to triggering the script when scrolling and instead doing it by making a button. You have probably seen it with a button text such as load more or load next. Then there is the function, but you avoid some of the <strong>disadvantages of infinite scrolling<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp-akuten.se\/wp-content\/uploads\/2021\/12\/abstract-background-with-gold-infinity-sign-1024x576.jpg\" alt=\"Infinite scroll - scroll for ever\" class=\"wp-image-5937\" srcset=\"https:\/\/wp-akuten.se\/wp-content\/uploads\/2021\/12\/abstract-background-with-gold-infinity-sign-300x169.jpg 300w, https:\/\/wp-akuten.se\/wp-content\/uploads\/2021\/12\/abstract-background-with-gold-infinity-sign-768x432.jpg 768w, https:\/\/wp-akuten.se\/wp-content\/uploads\/2021\/12\/abstract-background-with-gold-infinity-sign-1024x576.jpg 1024w, https:\/\/wp-akuten.se\/wp-content\/uploads\/2021\/12\/abstract-background-with-gold-infinity-sign-1536x864.jpg 1536w, https:\/\/wp-akuten.se\/wp-content\/uploads\/2021\/12\/abstract-background-with-gold-infinity-sign-2048x1152.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Scroll forever<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Infinite scroll is a technology that we have become accustomed to through mobile phones and feeds such as Facebook. The technology means that when you scroll down, it is filled with more data &#8211; often on social media it never ends. You can continue down forever. You can continue down forever. We can scroll forever! &hellip;<\/p>\n","protected":false},"author":2,"featured_media":10112,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[118,112],"tags":[],"class_list":{"2":"type-post","7":"category-blog","8":"category-tips-wp","9":"entry"},"taxonomy_info":{"category":[{"value":118,"label":"Blog"},{"value":112,"label":"Tips"}]},"featured_image_src_large":["https:\/\/wp-akuten.se\/wp-content\/uploads\/2021\/12\/abstract-background-with-gold-infinity-sign-1024x576.jpg",800,450,true],"author_info":{"display_name":"Karin H Olsson","author_link":"https:\/\/wp-akuten.se\/en\/author\/adaro3r\/"},"comment_info":0,"category_info":[{"term_id":118,"name":"Blog","slug":"blog","term_group":0,"term_taxonomy_id":118,"taxonomy":"category","description":"","parent":0,"count":7,"filter":"raw","meta":[],"cat_ID":118,"category_count":7,"category_description":"","cat_name":"Blog","category_nicename":"blog","category_parent":0},{"term_id":112,"name":"Tips","slug":"tips-wp","term_group":0,"term_taxonomy_id":112,"taxonomy":"category","description":"","parent":0,"count":25,"filter":"raw","meta":[],"cat_ID":112,"category_count":25,"category_description":"","cat_name":"Tips","category_nicename":"tips-wp","category_parent":0}],"tag_info":false,"acf":[],"_links":{"self":[{"href":"https:\/\/wp-akuten.se\/en\/wp-json\/wp\/v2\/posts\/10223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp-akuten.se\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp-akuten.se\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp-akuten.se\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-akuten.se\/en\/wp-json\/wp\/v2\/comments?post=10223"}],"version-history":[{"count":4,"href":"https:\/\/wp-akuten.se\/en\/wp-json\/wp\/v2\/posts\/10223\/revisions"}],"predecessor-version":[{"id":10284,"href":"https:\/\/wp-akuten.se\/en\/wp-json\/wp\/v2\/posts\/10223\/revisions\/10284"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-akuten.se\/en\/wp-json\/wp\/v2\/media\/10112"}],"wp:attachment":[{"href":"https:\/\/wp-akuten.se\/en\/wp-json\/wp\/v2\/media?parent=10223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-akuten.se\/en\/wp-json\/wp\/v2\/categories?post=10223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-akuten.se\/en\/wp-json\/wp\/v2\/tags?post=10223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}