Amar Ilindra

ikvaesolutions

Easily add infinite scroll to your Genesis child themes. You have a couple of options to load more posts on a button click (without page reload) or automatically when the user scrolls to the end of the last post.
10 different loading animations gives you plenty of options to choose from. You can literally set any color to the loading icons that suit your brand color.
<a href="https://www.geekdashboard.com/category/news/" rel="nofollow ugc">View Demo</a>
Features of Infinite Scroll for Genesis:
<ul>
<li>Lightweight implementation.</li>
<li>Flexible options to enable/disable infinite scroll on the home page, blog, tags, categories, author archives, and search results.</li>
<li>2 options to load more posts – Either on button click or automatically on the scroll.</li>
<li>10 Pure CSS loading animations.</li>
<li>Infinite color options.</li>
<li>No CSS files added to your pages.</li>
<li>Proper conditional checking to execute the plugin only on the selected pages.</li>
<li>No additional load on your regular posts since infinite scroll on posts is meaningless.</li>
<li>SEO Friendly. Your regular Pagination (/page/1, /page/2, etc.) still work with proper canonical links.</li>
</ul>
<a href="https://www.geekdashboard.com/add-infinite-scroll-to-genesis/" rel="nofollow ugc">Learn more about Infinite Scroll for Genesis Features</a>
If you have any questions about our plugin, don’t hesitate to contact us from our official website <a href="https://www.geekdashboard.com/" rel="nofollow ugc">Geek Dashboard</a>
Video Tutorial
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/WIsUux0B2Z8?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>Should I enable infinite scroll everywhere?</h3>
Maybe Yes or No. It depends on your preferences and theme design. 
If you are using a custom-developed page instead of regular posts layout as your front page/home page, you need to disable infinite scroll on it.
For example, check the home page of the <a href="https://www.geekdashboard.com/" rel="nofollow ugc">Geek Dashboard</a>. Here we are using a custom-coded front page and infinite scroll is not possible since it is a combination of different sections. However, if you are using the theme’s default latest posts as home page, you can enable infinite scroll on it.
<h3>Loading posts “Automatically on scroll” or “On Button Click”. Which one to use and why?</h3>
Both options have their own pros and cons. If you have important information in site footer or sidebar(on mobiles), you should use “On Button Click” to load more posts. So the user will have a chance to view your sidebar and footer. If you wish to save a user click and no critical information is available in the sidebar or the footer, you can choose to load posts automatically when the user scrolls to the end of the list.

Infinite Scroll for Genesis

Adds infinite scroll on the front page, blog, archives, and search results for themes running on Genesis Framework.

elartedelaweb

Total CrUX allows you to measure the real user experience on your site thanks to <a href="https://web.dev/vitals/" rel="nofollow ugc">Core Web Vitals</a>. 
The plugin captures and stores key metrics such as:
<ul>
<li>LCP (Largest Contentful Paint) – loading performance of the main content.</li>
<li>FID (First Input Delay) – responsiveness to first user interaction.</li>
<li>CLS (Cumulative Layout Shift) – visual stability.</li>
<li>FCP (First Contentful Paint).</li>
<li>INP (Interaction to Next Paint) – the new key responsiveness metric.</li>
<li>TTFB (Time To First Byte).</li>
</ul>
In addition, it collects extended diagnostic information (involved elements, render timings, resources, user interaction details, etc.), helping you identify which elements are negatively impacting user experience.
Inside the WordPress admin area, you’ll find:
<ul>
<li>A dashboard with aggregated site-wide metrics.</li>
<li>A “To Improve” tab showing the worst-performing pages.</li>
<li>A dropdown button with an option called “Details” that opens a right-side drawer with extended details.</li>
</ul>
With Total CrUX, you make decisions based on real user data, not just lab simulations.
<h3>Bundled third-party libraries</h3>
This plugin includes local copies of the following third-party libraries, stored in the directory <code>admin/assets/vendor/js/</code>. 
These files are served directly from the plugin and correspond to the versions indicated below. 
The human-readable source code for each library is available in their official repositories:
<ol>
<li>
Alpine.js (MIT License)
<ul>
<li>Version: 3.15.0</li>
<li>Local copy: <code>admin/assets/vendor/js/alpine.js</code> (obtained from https://cdn.jsdelivr.net/npm/alpinejs@3.15.0/dist/cdn.min.js)</li>
<li>Source code: https://github.com/alpinejs/alpine</li>
</ul>
</li>
<li>
Chart.js (MIT License)
<ul>
<li>Version: 4.5.0</li>
<li>Local copy: <code>admin/assets/vendor/js/chart.js</code> (obtained from https://cdn.jsdelivr.net/npm/chart.js@4.5.0/dist/chart.umd.min.js)</li>
<li>Source code: https://github.com/chartjs/Chart.js</li>
</ul>
</li>
<li>
Web Vitals (Apache-2.0 License)
<ul>
<li>Version: 5.1.0</li>
<li>Local copy: <code>admin/assets/vendor/js/web-vitals.js</code> (obtained from https://unpkg.com/web-vitals@5.1.0/dist/web-vitals.attribution.iife.js)</li>
<li>Source code: https://github.com/GoogleChrome/web-vitals</li>
</ul>
</li>
</ol>
<h3>External services</h3>
This plugin makes use of the external service LucusHost Affiliate Network.
<ul>
<li>
What the service is and what it is used for: 
On the plugin’s ‘Support us’ tab, a promotional banner for LucusHost is displayed. This banner is served from LucusHost’s affiliate system. It is purely informational and promotional.
</li>
<li>
What data is sent and when: 
When the admin page containing the banner is loaded, the plugin makes a request to LucusHost’s servers (<code>aff.lucushost.com</code>) to fetch the banner image. This request includes standard web request information (such as IP address, browser information, and the referring page). 
If you click on the banner, you will be redirected to LucusHost’s website through our affiliate link. If you make a purchase, we may receive a commission. This does not result in any extra cost for you, and in fact we provide a 20% discount code (ARTEDELAWEB-20) as part of this affiliate program.
</li>
<li>
Service provider / links: 
LucusHost — Affiliate program: https://www.lucushost.com/afiliados 
Legal notice & Privacy policy: https://www.lucushost.com/aviso-legal
</li>
</ul>

Total CrUX

Measure and store real-user experience (UX) metrics directly from visitors browsers using Google's Core Web Vitals.

Infinite Scroll for Genesis vs Total CrUX