> For the complete documentation index, see [llms.txt](https://docs.nosto.com/shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.nosto.com/shopify/features/outdated-asset-api-approach/quicker-recommendation-loading.md).

# Quicker loading times

This documentation walks you through the steps for setting up `nostojs` client script on your theme with higher priority, which aims to loading Nosto faster. 

## Approach

Please follow the steps outlined below for setting up your theme:

1. Place the below content inside the `head` section of `theme.liquid` file, above the line that says `{{ content_for_header }}`.

   ```javascript
    <script type="text/javascript">
        (() => {window.nostojs=window.nostojs||(cb => {(window.nostojs.q=window.nostojs.q||[]).push(cb);});})();
    </script>
    <script type="text/javascript">
        nostojs(api => api.setAutoLoad(false));
    </script>
   ```

   This accomplishes two results:\
   i. Initializes `nostojs` JavaScript api\
   ii. Stops Nosto from loading recommendations by default\\
2. Place the following snippet, in the theme liquid template files that contains `nosto_element` elements, below all the `nosto_element` snippets:

   ```javascript
       <script type="text/javascript">nostojs(api => api.loadRecommendations())</script>
   ```

   This line will make sure Nosto loads recommendations on after the `nosto_element` elements are loaded.