kevinweber

<p>This plugin improves page load time and increases your Google PageSpeed Score. It works with oEmbed and replaces embedded Youtube and Vimeo videos with a clickable preview image.<br />
By loading videos only when the user clicks on the preview image, no unnecessary JavaScript is loaded. Especially on sites with many embedded videos this will make your visitors happy. Additionally, all Youtube videos are loaded in a privacy-enhanced mode using the “https://www.youtube-nocookie.com” embed URL.</p>
<p>This plugin works for your existing YouTube and Vimeo blocks. No vendor lock-in and no custom shortcodes: Easily turn the plugin on and off anytime.</p>
<p>Plugin review with speed test results <a href="https://wptavern.com/speed-up-wordpress-with-lazy-load-for-videos" rel="nofollow ugc">on WP Tavern</a>.<br />
Developers can contribute <a href="https://github.com/kevinweber/lazy-load-for-videos" rel="nofollow ugc">on Github</a>.<br />
More about the author <a href="https://www.kweber.com" rel="nofollow ugc">on kweber.com</a>.</p>
<h4>Some additional features:</h4>
<ul>
<li>Display video titles on preview images</li>
<li>Display privacy disclaimer on top of preview images (e.g. for GDPR compliance)</li>
<li>Pre-roll and post-roll advertisements: Convert all videos into a playlist and automatically add your corporate video, product teaser or another video advertisement to every video. (Great for branding and video ads!)</li>
<li>Hide annotations such as “subscribe to channel” to avoid distractions</li>
<li>Add custom CSS via the plugin’s admin panel</li>
<li>Choose custom colour for your Vimeo player</li>
<li>Hide controls from Youtube player</li>
<li>Hide information like the video title and uploader when the video starts playing</li>
<li>Even lazy load videos in text widgets (Youtube only)</li>
<li>Choose between thumbnail sizes (standard or cover)</li>
<li>Choose from several play button styles</li>
<li>Choose the traditional red or the alternative white progress bar for the Youtube video player</li>
<li>Don’t show related videos at the end of your videos</li>
<li>Works with WordPress Multisite and many plugins such as TablePress</li>
</ul>
<h4>Future features:</h4>
<ul>
<li>Set a custom preview image per video</li>
<li>Track how often the videos have been loaded with Google Analytics</li>
<li>… YOU want a new feature RIGHT NOW? Please implement it yourself and <a href="https://github.com/kevinweber/lazy-load-for-videos" rel="nofollow ugc">contribute on Github</a>, and I’ll publish your enhancements to the official WordPress directory.</li>
</ul>
<h4>Translators</h4>
<ul>
<li>Serbian (sr_RS) – <a href="//firstsiteguide.com/" rel="nofollow ugc">Ogi Djuraskovic</a></li>
<li>Spanish (es_ES) – <a href="http://po5i.github.io/" rel="nofollow ugc">Carlos Villavicencio</a></li>
</ul>
<p>If you have created your own language pack, or have an update of an existing one, you can <a href="https://www.kweber.com/contact/" rel="nofollow ugc">send me</a> your gettext PO and MO so that I can bundle it into my plugin. You can download the latest POT file <a href="https://plugins.svn.wordpress.org/lazy-load-for-videos/trunk/languages/lazy-load-for-videos.pot" rel="nofollow ugc">from here</a>.</p>


Lazy Load for Videos

We have pages with multiple videos and that slowed down the page load and increased network traffic. This plugin improved it a lot. Reduced blocking of some pages with seconds and reduced the page load from 3MB to 1,3MB.



Works great

Hi there,
your plugin ist really great! It kills several problems with one stone for me.
Very nice!
Keep up your good work and thanks very mutch for this plugin.

:-)

Very cool!


I noticed Squarespace has a much slicker way of loading and showing embedded videos, and I wanted it.   This plugin works perfectly to provide it so that my video portfolio page loads faster and looks better.  Thanks to the developer!


Simple solution for making video pages fast like Squarespace

Boost page speed by replacing embedded YouTube and Vimeo videos with a clickable preview image. Video scripts only load on click.

connekthq

Darren Cooney

<p>Ajax Load More is the most powerful <strong>infinite scroll</strong>, <strong>lazy load</strong>, and <strong>load more</strong> plugin for WordPress. Use it to automatically load posts, pages, custom post types, comments, and WooCommerce products without refreshing the page.</p>
<p>Build custom WordPress queries visually with the Ajax Load More <strong>Query/Shortcode Builder</strong>, then embed them anywhere using blocks, shortcodes, or template tags.</p>
<p>Ajax Load More is developer-friendly, performance-optimized, and compatible with popular plugins like WooCommerce, Advanced Custom Fields, and Elementor.</p>
<p>→ <a href="https://ajaxloadmore.com" rel="nofollow ugc">Get More Information</a></p>
<h3>Features</h3>
<ul>
<li><strong>Query/Shortcode Builder</strong> – Create a custom Ajax Load More query in seconds by adjusting various WordPress query parameters included with the inuitive shortcode builder.</li>
<li><strong>Query Parameters</strong> – Query WordPress by many different content types. Query by Post Type, Category, Tags, Custom Taxonomies, Search Term, Date Query, Authors and more!</li>
<li><strong>Ajax Filtering</strong> – The Ajax Load More <a href="https://ajaxloadmore.com/examples/filtering/" rel="nofollow ugc">custom filtering</a> method will allow you to filter and update your Ajax query results.</li>
<li><strong>Templates</strong> – Edit and extend the functionality of Ajax Load More by creating your own template to match the look and feel of your website.</li>
<li><strong>Multiple Instances</strong> – Include multiple instances of Ajax Load More on a single page, post or template.</li>
<li><strong>Multisite Compatibility</strong> – Manage Repeater Templates across all sites in your network.</li>
<li><strong>Setting Panel</strong> – Customize Ajax Load More by configuring the various plugin settings.</li>
</ul>
<p>Check out the <strong><a href="https://ajaxloadmore.com/" rel="nofollow ugc">website</a></strong> for more information on the features and functionality of Ajax Load More.</p>
<h3>Why Ajax Load More is the Best Infinite Scroll Plugin for WordPress</h3>
<p>Ajax Load More differs from the other WordPress infinite scroll plugins because with ALM, you create the query for displaying the data. This gives you full control over the content you are loading and displaying to your users.</p>
<h3>What’s New</h3>
<ul>
<li><strong><a href="https://ajaxloadmore.com/examples/prefetch/" rel="nofollow ugc">Data Prefetching</a></strong> – Load the next set of posts into memory before the user interacts with the Load More button or infinite scroll. This improves the precieved performance of Ajax Load More by reducing wait times for users.</li>
<li><strong><a href="https://ajaxloadmore.com/add-ons/filters/" rel="nofollow ugc">Filters Add-on</a></strong> – The Filters add-on provides front-end and admin functionality for building and managing Ajax based filters and facets.</li>
<li><strong><a href="https://ajaxloadmore.com/add-ons/query-loop/" rel="nofollow ugc">Query Loop</a></strong> – Enable infinite scroll or load more functionality for the WordPress Query Loop block.</li>
<li><strong><a href="https://ajaxloadmore.com/pro/" rel="nofollow ugc">Pro Bundle</a></strong> – Access to all premium Ajax Load More add-ons in a single installation.</li>
<li><strong><a href="https://ajaxloadmore.com/add-ons/next-page/" rel="nofollow ugc">Next Page Add-on</a></strong> – Infinite scroll multi-page WordPress content with Ajax Load More.</li>
<li><strong><a href="https://ajaxloadmore.com/examples/advanced-custom-fields/" rel="nofollow ugc">Advanced Custom Fields</a></strong> – Compatibility and integration added for infinite scrolling Flexible Content, Gallery, Relationship and Repeater fields for Advanced Custom Fields.</li>
<li><strong><a href="https://ajaxloadmore.com/examples/progress-bar/" rel="nofollow ugc">Progress Bars</a></strong> – Display a Progress Bar load indicator with each Ajax request.</li>
<li><strong><a href="https://ajaxloadmore.com/examples/scroll-container/" rel="nofollow ugc">Scroll Container</a></strong> – Constraining infinite scroll to a parent container.</li>
</ul>
<h3>Content Types</h3>
<p>Ajax Load More can infinite scroll <em>almost</em> any content type WordPress offers – from blog posts to multipage content to WooCommerce products – Ajax Load More can handle it all.</p>
<p>Check out the examples below:</p>
<ul>
<li><a href="https://ajaxloadmore.com/examples/default/" rel="nofollow ugc">Standard Posts</a></li>
<li><a href="https://ajaxloadmore.com/examples/masonry/" rel="nofollow ugc">Custom Post Types</a></li>
<li><a href="https://ajaxloadmore.com/examples/search-results/" rel="nofollow ugc">Pages</a></li>
<li><a href="https://ajaxloadmore.com/add-ons/next-page/next-page-default/" rel="nofollow ugc">Multipage Posts & Pages</a></li>
<li><a href="https://ajaxloadmore.com/ajax-load-more-posts/alm-post-example/" rel="nofollow ugc">Single Posts</a></li>
<li><a href="http://examples.connekthq.com/alm-comments/example-post/" rel="nofollow ugc">Comments</a></li>
<li><a href="https://ajaxloadmore.com/examples/advanced-custom-fields/" rel="nofollow ugc">Advanced Custom Fields</a></li>
</ul>
<h3>Parameters</h3>
<p>Ajax Load More accepts a variety of WordPress query and display parameters that are passed to WordPress via shortcode or <a href="https://ajaxloadmore.com/docs/implementation-methods" rel="nofollow ugc">PHP function/Template Tag</a>.</p>
<p>These parameters allow you to customize the content of the infinite scroll experience by selecting query parameters such as Post Types, Taxonomies, Categories, Tags, Dates, etc… you can also control interactive properties such as button labels, scrolling options and transition styles.</p>
<p>→ <a href="https://ajaxloadmore.com/docs/shortcode-parameters/" rel="nofollow ugc">View Parameters</a></p>
<h3>Query/Shortcode Builder</h3>
<p>The Ajax Load More <a href="https://ajaxloadmore.com/docs/shortcode-builder/" rel="nofollow ugc">Query/Shortcode Builder</a> provides an intuitive and easy-to-use admin interface that transforms complex WordPress queries into manageable shortcodes.</p>
<p>→ <a href="https://ajaxloadmore.com/docs/shortcode-builder/" rel="nofollow ugc">View Shortcode Builder</a></p>
<h4>Example Ajax Load More Shortcode</h4>
<pre><code>[ajax_load_more post_type="post, portfolio" posts_per_page="6" button_label="Load More"]
</code></pre>
<h4>Examples & Demos</h4>
<ul>
<li><strong><a href="https://ajaxloadmore.com/examples/default/" rel="nofollow ugc">Default</a></strong> – Out of the box functionality and styling.</li>
<li><strong><a href="https://ajaxloadmore.com/examples/advanced-custom-fields/" rel="nofollow ugc">Advanced Custom Fields</a></strong> – Infinite scroll Advanced Custom Fields data with Ajax Load More.</li>
<li><strong><a href="https://ajaxloadmore.com/examples/attachments/" rel="nofollow ugc">Attachments</a></strong> – Endless scroll post attachments.</li>
<li><strong><a href="https://ajaxloadmore.com/examples/css-grid/" rel="nofollow ugc">CSS Grid</a></strong> – Rendering Ajax Load More listings with CSS GridRe.</li>
<li><strong><a href="https://ajaxloadmore.com/examples/destroy-after/" rel="nofollow ugc">Destroy After</a></strong> – Remove Ajax Load More functionality after ‘n’ number of pages.</li>
<li><strong><a href="https://ajaxloadmore.com/examples/event-listing/" rel="nofollow ugc">Event Listing</a></strong> – Ordering and listing events by custom field date.</li>
<li><strong><a href="https://ajaxloadmore.com/examples/filtering/" rel="nofollow ugc">Filtering</a></strong> – Reset and filter an Ajax Load More instance.</li>
<li><strong><a href="https://ajaxloadmore.com/add-ons/filters/facet-filtering/" rel="nofollow ugc">Facet Filtering</a></strong> – Implement a faceted search and filter experience for Ajax Load More</li>
<li><strong><a href="https://ajaxloadmore.com/examples/infinite-scroll/" rel="nofollow ugc">Infinite Scroll</a></strong> – A look at the new loading functionality and styles.</li>
<li><strong><a href="https://ajaxloadmore.com/examples/images-loaded/" rel="nofollow ugc">Images Loaded</a></strong> – Download images before displaying ajax loaded content.</li>
<li><strong><a href="https://ajaxloadmore.com/examples/masonry/" rel="nofollow ugc">Masonry</a></strong> – Creating a flexible grid layout with Masonry JS.</li>
<li><strong><a href="https://ajaxloadmore.com/examples/multiple-instances/" rel="nofollow ugc">Multiple Instances</a></strong> – Include multiple Ajax Load More’ on a single page.</li>
<li><strong><a href="https://ajaxloadmore.com/examples/paging-urls/" rel="nofollow ugc">Paging URLs</a></strong> – Generate unique paging URLs for every Ajax Load More query with the SEO add-on.</li>
<li><strong><a href="https://ajaxloadmore.com/examples/pause-loading/" rel="nofollow ugc">Pause Loading</a></strong> – Posts will not load until initiated by the user.</li>
<li><strong><a href="https://ajaxloadmore.com/examples/pause-loading/" rel="nofollow ugc">Preloaded Posts</a></strong> – Easily preload an initial set of posts before completing any Ajax requests to the server.</li>
<li><strong><a href="https://ajaxloadmore.com/examples/progress-bar/" rel="nofollow ugc">Progress Bar</a></strong> – Display a progress bar load indicator with each Ajax request.</li>
<li><strong><a href="https://ajaxloadmore.com/examples/search-results/" rel="nofollow ugc">Search Results</a></strong> – Returning results based on search terms.</li>
<li><strong><a href="https://ajaxloadmore.com/examples/scroll-container/" rel="nofollow ugc">Scroll Container</a></strong> – Constrain Ajax Load More to a parent container.</li>
<li><strong><a href="https://ajaxloadmore.com/examples/seo-paging-add-ons/" rel="nofollow ugc">SEO & Paging</a></strong> – Combine these two add-ons to create one powerful navigation system.</li>
<li><strong><a href="https://ajaxloadmore.com/examples/slideshow-gallery/" rel="nofollow ugc">Slideshow Gallery</a></strong> – Create a gallery of posts with Ajax Load More and the Paging add-on.</li>
<li><strong><a href="https://ajaxloadmore.com/examples/table/" rel="nofollow ugc">Table Layout</a></strong> – Ajax Load More will display query results in a table format.</li>
</ul>
<p>→ <a href="https://ajaxloadmore.com/examples/" rel="nofollow ugc">See All Examples</a></p>
<p><strong>Note</strong>: The <a href="https://ajaxloadmore.com/templates/" rel="nofollow ugc">Templates Add-On</a> has been installed for use on each of our product demos.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/EQ57i6dkOew?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></span>
<h3>Who Uses Ajax Load More?</h3>
<p>Ajax Load More is perfect for developers, bloggers, and store owners who want to:</p>
<ul>
<li>Improve user experience by reducing page load times.</li>
<li>Increase page views and ad revenue by keeping users on the page longer.</li>
<li>Create a modern, seamless browsing experience.</li>
<li>Simplify navigation on content-heavy sites.</li>
<li>Enhance the look and feel of their website with custom templates and layouts.</li>
<li>Easily integrate infinite scroll into any WordPress theme or plugin.</li>
</ul>
<h3>Add-ons</h3>
<p>The following <a href="https://ajaxloadmore.com/add-ons/" rel="nofollow ugc">add-ons</a> are available to etend and enhance the functionality of Ajax Load More.</p>
<ul>
<li><strong><a href="https://ajaxloadmore.com/add-ons/cache/" rel="nofollow ugc">Cache</a></strong>: Improve website performance by caching the results of Ajax server requests.</li>
<li><strong><a href="https://ajaxloadmore.com/add-ons/call-to-actions/" rel="nofollow ugc">Call to Actions</a></strong>: Extend Ajax Load More with advertisement and call to action content blocks.</li>
<li><strong><a href="https://ajaxloadmore.com/add-ons/comments/" rel="nofollow ugc">Comments</a></strong>: Load and display WordPress blog comments using the core Ajax Load More infinite scroll functionality.</li>
<li><strong><a href="https://ajaxloadmore.com/add-ons/elementor/" rel="nofollow ugc">Elementor</a></strong>: Add infinite scroll or load more to your Elementor Posts and WooCommerce listing widgets with Ajax Load More and the intuitive Elementor Widget Connector.</li>
<li><strong><a href="https://ajaxloadmore.com/add-ons/filters/" rel="nofollow ugc">Filters</a></strong>: Front-end and admin functionality for creating, managing and displaying Ajax Load More filters.</li>
<li><strong><a href="https://ajaxloadmore.com/add-ons/layouts/" rel="nofollow ugc">Layouts</a></strong>: Predefined responsive layouts for Ajax Load More repeater templates.</li>
<li><strong><a href="https://ajaxloadmore.com/add-ons/next-page/" rel="nofollow ugc">Next Page</a></strong>: Infinite scroll multipage WordPress content with Ajax Load More and the Next Page add-on.</li>
<li><strong><a href="https://ajaxloadmore.com/add-ons/paging/" rel="nofollow ugc">Paging</a></strong>: Replace the default lazy load/infinite scroll functionality of Ajax Load More with a numbered navigation system.</li>
<li><strong><a href="https://ajaxloadmore.com/add-ons/preloaded/" rel="nofollow ugc">Preloaded</a></strong>: Load an initial set of posts before sending any Ajax requests to your server.</li>
<li><strong><a href="https://ajaxloadmore.com/add-ons/query-loop/" rel="nofollow ugc">Query Loop</a></strong>: Infinite scroll the core WordPress Query Loop block</li>
<li><strong><a href="https://ajaxloadmore.com/add-ons/search-engine-optimization/" rel="nofollow ugc">SEO</a></strong>: Generate unique paging URLs with each Ajax Load More query.</li>
<li><strong><a href="https://ajaxloadmore.com/add-ons/single-post/" rel="nofollow ugc">Single Post</a></strong>: Enable infinite scrolling of single posts on your WordPress post templates.</li>
<li><strong><a href="https://ajaxloadmore.com/add-ons/templates/" rel="nofollow ugc">Templates</a></strong>: Create and manage Repeater Templates on demand, as well as load templates directly from your theme directory.</li>
<li><strong><a href="https://ajaxloadmore.com/add-ons/woocommerce/" rel="nofollow ugc">WooCommerce</a></strong>: Infinite scroll WooCommerce products with Ajax Load More.</li>
</ul>
<h3>Ajax Load More Pro</h3>
<p>The Ajax Load Pro bundle that provides access to all current and future Ajax Load More add-ons in a single installation! Save over 60% when you purchase the Pro bundle.</p>
<p>→ <a href="https://ajaxloadmore.com/pro/" rel="nofollow ugc">Update to Pro</a></p>
<h3>Extensions</h3>
<p>The following FREE <a href="https://ajaxloadmore.com/extensions/" rel="nofollow ugc">extensions</a> are available to provide compatibility with popular WordPress plugins and core features.</p>
<ul>
<li><strong><a href="https://ajaxloadmore.com/extensions/advanced-custom-fields/" rel="nofollow ugc">Advanced Custom Fields</a></strong>: Display field type data with Ajax Load More.</li>
<li><strong><a href="https://ajaxloadmore.com/extensions/relevanssi/" rel="nofollow ugc">Relevanssi</a></strong>: Display Relevanssi search results with Ajax Load More.</li>
<li><strong><a href="https://ajaxloadmore.com/extensions/rest-api/" rel="nofollow ugc">REST API</a></strong>: Enable compatibility with the WordPress REST API.</li>
<li><strong><a href="https://ajaxloadmore.com/extensions/searchwp/" rel="nofollow ugc">SearchWP</a></strong>: Display SearchWP query results with Ajax Load More.</li>
<li><strong><a href="https://ajaxloadmore.com/extensions/terms/" rel="nofollow ugc">Term Query</a></strong>: Infinite scroll WordPress Terms.</li>
<li><strong><a href="https://ajaxloadmore.com/extensions/users/" rel="nofollow ugc">Users</a></strong>: Lazy loading WordPress Users with Ajax Load More.</li>
</ul>
<h3>Callback Functions</h3>
<p>Ajax Load More dispatches callbacks during various stages in the plugins lifecycle. Callback functions are dispatched directly from core Ajax Load More or one of the various add-ons.</p>
<p>→ <a href="https://ajaxloadmore.com/docs/callback-functions/" rel="nofollow ugc">View All Callback Functions</a></p>
<h3>Filter Hooks</h3>
<p>Ajax Load More has a variety of WordPress <a href="https://ajaxloadmore.com/docs/filter-hooks/" rel="nofollow ugc">filters</a> in place that enable users to hook into Ajax Load More to insert or modify data.</p>
<p>→ <a href="https://ajaxloadmore.com/docs/filter-hooks/" rel="nofollow ugc">See All Filters</a></p>
<h3>Variables</h3>
<p>Ajax Load More passes the following PHP <strong><a href="https://ajaxloadmore.com/docs/variables/" rel="nofollow ugc">variables</a></strong> to each repeater template – these template variables can help you style and transform your repeater templates.</p>
<ul>
<li><strong>$alm_current</strong> – Returns the current item number in the current Ajax Load More loop and will reset to zero with every ‘Load More’ action.</li>
<li><strong>$alm_page</strong> – Returns the current page number.</li>
<li><strong>$alm_item</strong> – Returns the current item number within your loop.</li>
<li><strong>$alm_found_posts</strong> – Returns the total number of posts found within the entire WordPress query.</li>
</ul>
<h3>Plugin Links</h3>
<ul>
<li><a href="https://ajaxloadmore.com/" rel="nofollow ugc">Official Website</a></li>
<li><a href="https://ajaxloadmore.com/docs/" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://ajaxloadmore.com/add-ons/" rel="nofollow ugc">Premium Add-ons</a></li>
<li><a href="https://ajaxloadmore.com/extensions/" rel="nofollow ugc">Free Extensions</a></li>
<li><a href="https://github.com/dcooney/wordpress-ajax-load-more/" rel="nofollow ugc">Github</a></li>
</ul>
<h3>Please Review Ajax Load More!</h3>
<p>Your reviews make a big difference! Please consider taking the time to <a href="https://wordpress.org/support/view/plugin-reviews/ajax-load-more" rel="ugc">review my plugin</a>. Your ratings and reviews help the plugin grow and provide the motivation needed to keep pushing it forward.</p>
<p>→ <a href="https://wordpress.org/support/plugin/ajax-load-more/reviews/#new-post" rel="ugc">Leave a Review</a></p>


Ajax Load More – Infinite Scroll, Load More, & Lazy Load

Add infinite scroll, lazy loading, and load more buttons to posts, pages, and WooCommerce products — fast and fully customizable for WordPress.

Lazy Load for Videos vs Ajax Load More – Infinite Scroll, Load More, & Lazy Load