Easily lazy load another page simply by adding a shortcode with its url.
The 2nd page wont load until the user scrolls to the bottom, than an ajax request is sent to get the page content. This can help speed up large pages on your site, by not loading the stuff users don't see until they scroll down closer to the bottom.
<script src="https://cdn.jsdelivr.net/gh/AspieSoft/aspiesoft-ajax-load-page@1.0.1/cdn/ajax-load-page.js"></script>
- Upload plugin to the /wp-content/plugins
- Activate the plugin through the "Plugins" menu in WordPress
- Enjoy
[ajax-load-page
url="url of page to load"
type="ajax or iframe (optional) (default: ajax)"
]
<a href="url of page to load" class="ajax-load-page"></a>
// optional load as iframe instead of making an ajax request
<iframe page-src="url of page to load" class="ajax-load-page"></iframe>
On a page, if you wrap specific content with
<div class="ajax-load-content"></div>Using that class will tell the script to only load that section of the page.
You can add the "ajax-load-content" as often as you want, and each of them will be loaded one after the other, without the in between content.
The plugin script, after getting the page data, uses jquery and attempts to find the main content.
If this does fail, you can wrap your main content in the html tag with the class "ajax-load-content".