Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Ajax loading

Ajax (asynchronous JavaScript and XML) is a method for site loading that retrieves server data for specific elements without reloading the whole page. This makes content-heavy pages like Blog Pages and Gallery Pages much faster and more nimble.

If your template uses Ajax loading, your site only loads the content that’s visible, rather than all the content on the page at once. For example, when you open a Blog Page, only the posts you can see on the screen will load. As you scroll down, more posts load.

Additionally, as visitors navigate from page to page, only the unique page content area reloads. The header and footer stay the same, saving the time it would take for those areas to reload.

Supported templates

Ajax is supported in the following templates. Templates are grouped by family.

  • Brine, Aria, Basil, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Jaunt, Juke, Keene, Lincoln, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Polaris, Rally, Rover, Sofia, Sonny, Sonora, Thorne, Wav, West
  • Farro, Haute
  • Skye, Foundry, Indigo, Ready, Tudor - Blog landing page only
  • Tremont, Camino, Carson, Henson
  • York, Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori

Enable or disable Ajax

To create a seamless browsing experience, we recommend keeping Ajax loading enabled if your template supports it.

Occasionally, Ajax may conflict with embedded custom code, third-party customizations, and anchor links. Ajax can also interfere with site analytics, logging hits on the first page only.

  • Ajax is enabled by default for visitors.
  • Ajax is always disabled while you're logged in.

You can disable Ajax in the Style Editor, with some exceptions:

  • Ajax can't be disabled in Skye, Foundry, Indigo, Ready, or Tudor.
  • Ajax can't be disabled on the blog landing page for Farro and Haute. If you uncheck Enable Ajax Loading in these templates, they will still use Ajax to load the Blog Page.

To enable or disable Ajax:

  1. In the Home Menu, click Design, and then click Style Editor.
  2. Scroll down to Site: Loading.
  3. Check or uncheck Enable Ajax Loading.

Loading bar

Several templates that support Ajax also have a loading bar feature. Depending on your settings, the loading bar appears at the top and gives visitors a visual indication that more content is loading.

Loading bars appear in the following templates. Templates are grouped by family.

  • Brine, Aria, Basil, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Jaunt, Juke, Keene, Lincoln, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Polaris, Rally, Rover, Sofia, Sonny, Sonora, Thorne, Wav, West
  • Farro, Haute

To hide the bar, from the Home Menu:

  1. In the Home Menu, click Design, and then click Style Editor.
  2. Scroll down to Site: Loading.
  3. Uncheck Show Loading Bar.

Alternatively, use the Width and Color tweaks in that same section to adjust the bar’s style.

loading-bar.gif

Was this article helpful?
13 out of 15 found this helpful