Jon Weatherhead

AJAX Comments Refueled allows for pages to be cached without needing to invalidate on new comments, and is useful for upgrading the default comment system to not rely on page refreshes for replying to comments.
This plugin is a zero-dependency implementation. This means that it does not require jQuery.
Image by <a href="https://pixabay.com/users/geralt-9301/?utm_source=link-attribution" rel="nofollow ugc">Gerd Altmann</a> from Pixabay.
<h3>How To Use</h3>
Simply install and activate this plugin and it will work – there are no options to fuss over.

AJAX Comments Refueled

An all-AJAX drop-in for the stock comments system.

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>

Ajax Press – Easily Enable Fast Ajax Navigation

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 …

AJAX Comments Refueled vs Ajax Press – Easily Enable Fast Ajax Navigation