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.

Version 7.1 doesn't support Ajax loading.

Supported templates

Ajax is supported in these template families:

  • Brine
  • Farro
  • Skye - Blog landing page only
  • Tremont
  • York

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, code-based 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 Site Styles, with some exceptions:

  • Ajax can't be disabled in the Skye family.
  • Ajax can't be disabled on the blog landing page for the Farro family. If you uncheck Enable Ajax Loading, your site will still use Ajax to load the Blog Page.

To enable or disable Ajax:

  1. In the Home Menu, click Design, and then click Site Styles.
  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, letting visitors know more content is loading.

Loading bars appear in these template families:

  • Brine
  • Farro

To hide the bar:

  1. In the Home Menu, click Design, and then click Site Styles.
  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.


Was this article helpful?
87 out of 181 found this helpful