---
title: RemoteAsset
description: Discourages use of third party domains for hosting assets
source_url:
  html: >-
    https://shopify.dev/docs/storefronts/themes/tools/theme-check/checks/remote-asset
  md: >-
    https://shopify.dev/docs/storefronts/themes/tools/theme-check/checks/remote-asset.md
---

ExpandOn this page

* [Examples](https://shopify.dev/docs/storefronts/themes/tools/theme-check/checks/remote-asset.md#examples)
* [Options](https://shopify.dev/docs/storefronts/themes/tools/theme-check/checks/remote-asset.md#options)
* [Disabling this check](https://shopify.dev/docs/storefronts/themes/tools/theme-check/checks/remote-asset.md#disabling-this-check)
* [Aliases](https://shopify.dev/docs/storefronts/themes/tools/theme-check/checks/remote-asset.md#aliases)

# RemoteAsset

***

## Examples

The following examples contain code snippets that either fail or pass this check.

### ✗ Fail

In these examples, multiple connections are competing for resources, are accelerating download independently and are improperly prioritized.

The following example retrieves assets from multiple CDNs:

```liquid
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" defer></script>
{{ "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" | stylesheet_tag }}
<img src="https://example.com/heart.png" alt="" />
```

The following example doesn't use the [`image_url` filter](https://shopify.dev/docs/api/liquid/filters/image_url) to retrieve the image.

```liquid
<img src="/content-v2/assets/images/{{ image }}" alt="" />
```

### ✓ Pass

In the following examples, JavaScript, CSS and images are all loading from the same connection. The browser and CDN can properly prioritize which assets are downloaded first while maintaining a "hot" connection that downloads fast.

This can be done by downloading the files from those CDNs directly into your theme's `assets` directory and using the [`image_url` filter](https://shopify.dev/docs/api/liquid/filters/image_url) for images, as in the following example:

```liquid
<script src="{{ 'theme.js' | asset_url }}" defer></script>
{{ 'bootstrap.min.css' | asset_url | stylesheet_tag }}
<img src="/content-v2/assets/images/{{ image | image_url: width: 500 }}" alt="" />
```

***

## Options

The following example contains the default configuration for this check:

```yaml
RemoteAsset:
  enabled: true
  severity: warning
```

| Parameter | Description |
| - | - |
| `enabled` | Whether this check is enabled. |
| `severity` | The [severity](https://shopify.dev/themes/tools/theme-check/configuration#check-severity) of the check. |

***

## Disabling this check

Consider disabling this check the remote content that you're retrieving is highly dynamic.

***

## Aliases

For backward compatibility with configuration files made for Theme Check `v1.X.X`, this check is also recognized in configuration files with the following name:

* `AssetUrlFilters`

***

* [Examples](https://shopify.dev/docs/storefronts/themes/tools/theme-check/checks/remote-asset.md#examples)
* [Options](https://shopify.dev/docs/storefronts/themes/tools/theme-check/checks/remote-asset.md#options)
* [Disabling this check](https://shopify.dev/docs/storefronts/themes/tools/theme-check/checks/remote-asset.md#disabling-this-check)
* [Aliases](https://shopify.dev/docs/storefronts/themes/tools/theme-check/checks/remote-asset.md#aliases)