If you need to load your site faster and without any page reloads, then Ajax Press is the right tool for you. Your site will appear faster and more im …

digitalzoomstudio

DZS Ajaxer Lite – Ajaxify Your WordPress Site and Comments

Looking to make your site links load in a better form, without page refresh ? This is the solution for you. You site will appear faster

wpmilitary

If you need to load your site faster and without any page reloads, then Ajax Press is the right tool for you. Your site will appear faster and more impressively using the Ajax Press plugin.
Ajax Press uses <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/AJAX" rel="nofollow ugc">Ajax</a> (XmlHttpRequest) and <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history" rel="nofollow ugc">pushState</a> deliver a fast browsing experience to your site users.
It allows you to completely transform the user experience of standard websites to make users feel like they are browsing an app, especially for those with low bandwidth connections.
No more full page reloads. No more multiple HTTP requests.
<h3>Ajax Press Features</h3>
<ul>
<li>Ajax Page Load – Loads your site using AJAX without any page refresh.</li>
<li>Ajax Search – Users can search your site without any page reload.</li>
<li>Ajax Comments – Users can post comments on your site without any page reloads.</li>
<li>Ajax Login – Users can login to your site without any page reloads.</li>
<li>Ajaxify Forms – You can make any form ajaxify on your site that has an internal action link.</li>
<li>Page Transition Animatio – Multiple page transition animation is available to add a more attractive page switching mode.</li>
<li>Preloader – Multiple preloader available to show before the ajax page is loaded.</li>
<li>Custom JavaScripts – You can execute custom JavaScripts, after every ajax page is loaded.</li>
<li>Multiple Content Selectors – You can replace multiple content parts/ selectors of your page.</li>
</ul>
<h3>Basic Usage</h3>
After activating the plugin, you have to configure the Ajax Press settings from the <code>Ajax Press > Settings</code> page.
If your theme is listed on our predefined list, then you will see an admin notice with a button to install the default settings for your theme.
If your theme is not listed on our predefined list, then you have to set the settings manually for your theme on the <code>Ajax Press > Settings</code> page. 
Generally, you have to set the main content container selectors (not header navigation) which will be replaced on every page change. You have to set the main content selector in the Main content selector input box. You can use any valid CSS selector (ID, Class) in the input box. 
Example: – <code>#content</code>, <code>#main</code> and <code>.site-content</code> etc.
<h3>Developer Tips</h3>
<ol>
<li>
The vanilla js <code>DOMContentLoaded</code> and jQuery <code>ready</code> event runs every time the ajax request is completed.
</li>
<li>
When the ajax request is start the javascript <code>pjax:send</code> event is fired. You can use this event to execute javascript at the start of the ajax request.
Example : <code>document.addEventListener('pjax:send', function(){...your codes});</code>
</li>
<li>
When the ajax request is completed the javascript <code>pjax:complete</code> event is fired. You can use this event to execute javascript when the ajax request is completed.
Example : <code>document.addEventListener('pjax:complete', function(){...your codes});</code>
</li>
<li>
Use jQuery ready event instead of the ready function to initialize your jQuery codes.
Example : <code>$(document).ready(function(){...your codes});</code>
Not: <code>$(document).ready(...your codes);</code>
</li>
</ol>

Alternatives to Ajax Press – Easily Enable Fast Ajax Navigation

Top alternatives