The Preloaded add-on loads the initial set of posts before sending any Ajax requests to your server.

When you preload a query with Ajax Load More you allow for caching of the initial result set which can help reduce stress on your server, improve loading times, and reduce the overall CLS of the page.

Features

A few key features of the Preloaded add-on for Ajax Load More.

Improve Performance

Reduce the amount of WordPress ajax-admin requests by preloading the initial data set on the server side.

Faster Processing

Preloaded posts are rendered on the server-side which means the content can be served via cache.

Server-Side Caching

Cache preloaded data on the server-side allowing for faster load times of Ajax Load More content.

Add-on Details

Learn more about the Preloaded add-on.

How It Works

The Preloaded add-on loads the initial set of results using a WP_Query dispatched on the server side before the browser renders the page.

After this initial server-side query, the remaining posts will be loaded via Ajax requests on the client side(browser) and controlled by Ajax Load More.

Splitting the query into server-side and client-side requests enables Ajax Load More to load data faster and ease the strain on your server by significantly reducing the amount of Ajax requests.


ALM Preloaded diagram


Example

The following example loads the initial two posts with Preloaded on the server-side and then loads the subsequent posts via Ajax request on the client-side.

  • Ajax Load More Post Example

    Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam quis risus eget urna mollis ornare...

  • Donec ullam corper nulla metus auctor frinel

    Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas faucibus mollis interdum. Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus...


Shortcode Parameters

Use the following shortcode parameters to initiate the preloading of posts with Ajax Load More.

preloaded Should Ajax Load More preload posts? (true/false) Default = ‘false’
preloaded_amount The amount of posts to preload. Default = ‘5’

Example Shortcode

The following example will preload four initial posts and then load an additional six posts with every Ajax Load More query.
[ajax_load_more preloaded="true" preloaded_amount="2" posts_per_page="4" pause="true" button_label="Older Posts"]


Installation

Upon purchase of this add-on you will receive a confirmation/purchase receipt email. Your receipt will contain a direct link for downloading your copy of Ajax Load More: Preloaded and a license key.

After downloading the add-on, upload the unzipped files to your /wp-content/plugins/ directory or visit your plugins dashboard and upload the downloaded .zip under Add New.

License Activation

To activate your add-on and receive updates directly in your WordPress plugins dashboard users are required to enter the license key that was included with their purchase receipt.

To activate a license key:

  1. Visit the Licenses section within the Ajax Load More plugin.
  2. Enter the product key and click Activate License.
  3. If the status indicator turns green your add-on has been successfully activated (example below).
License Key Example

If you did not receive your confirmation/purchase receipt email and license key, please check your spam/junk folder and if you still cannot locate the email please contact me at darren [at] connekthq.com or use the Product Support form on the website.