Skip to content

v0.1.12

Choose a tag to compare

@github-actions github-actions released this 04 Oct 07:51
· 34 commits to main since this release

The responses of lsf serve now weigh what a Shopify storefront sends, so that the sizes a browser or an audit reports are those of the real store.

Added

  • Minified stylesheets and scripts, by the rules Shopify follows, with source maps: the tools of a browser still show the files as written. --no-minify serves them as they are.
  • Images in the lightest format the browser reads. AVIF, WebP or the format of the file, chosen from the Accept header as Shopify's image CDN does.
  • Cache-Control as Shopify sends it for each kind of response: pages, assets, images, fonts, the cart.
  • The resource hints Shopify adds. The Link header preloads the stylesheets and the scripts that block rendering, and connects to the origins they come from.

Fixed

  • The Link header of preload: true and preload_tag is written as Shopify writes it, one header with quoted values. A browser could not read the previous form for an image with a srcset.
  • A font preloaded with preload_tag gets crossorigin, without which a browser does not use it.
  • The ?v= of a .liquid asset changes with the theme settings it is rendered with, not only with its source.
  • A placeholder image served from the cache says that it is one (x-lsf-placeholder).

Full Changelog: v0.1.11...v0.1.12