Skip to main content

AssetSizeAppBlockCSS

Prevents theme app extensions from using CSS files larger than the configured threshold_in_bytes. Limiting the size of CSS files helps to improve the performance of your theme app extension.


In the following example, the size of assets/app.css is checked to make sure that it doesn't exceed the specified threshold_in_bytes:

{% schema %}
{
...
"stylesheet": "app.css"
}
{% endschema %}

The following example contains the default configuration for this check:

AssetSizeAppBlockCss:
enabled: true
severity: suggestion
threshold_in_bytes: 100_000
ParameterDescription
enabledWhether this check is enabled.
severityThe severity of the check.
threshold_in_bytesThe maximum allowed compressed size, in bytes, for a single CSS file. Reflects the suggested limit for theme app extension CSS, and includes theme and remote stylesheets.

Anchor to Disabling this checkDisabling this check

This check is enabled by default when you run the Shopify CLI 3.x build command on an app that contains a theme app extension. This limit is not yet enforced, but disabling this check isn't recommended for theme app extensions.

This check is disabled by default when you run the Shopify CLI 2.x shopify theme check command.


Was this page helpful?