RemoteAsset

Version 0.7.0+

Discourages use of third party domains for hosting assets. You should deliver as much as you can from the Shopify content delivery network (CDN). Using the same host for your assets avoids unnecessary HTTP connections and allows the server to prioritize delivery of blocking resources using HTTP/2 prioritization. Learn more about hosting assets on Shopify servers.

Examples

Below are examples of code that fails and passes 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.

The following example doesn't use the img_url filter to retrieve the image.

✓ 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/ folder and using the img_url filter for images.

Disabling this check

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