Lojas Shopify em Liquid agora começam a carregar 29% mais rápido

Lojas Shopify em Liquid agora começam a carregar 29% mais rápido

A Shopify anunciou em 22 de setembro de 2026 uma mudança de infraestrutura que deixa as lojas feitas em Liquid (o sistema de temas tradicional da plataforma) mais rápidas para começar a carregar — sem que o lojista precise mexer em nada. Segundo a equipe de performance da Shopify, o tempo até o primeiro byte (TTFB) da loja mediana caiu cerca de 29% no percentil 75 e 21% no percentil 90.

Se você está pensando em fazer um site Shopify ou já tem uma loja na plataforma, vale entender o que mudou, quem ganha com isso e o que ainda depende do seu tema.

O que mudou na prática

Antes, o servidor da Shopify montava a página inteira e só então começava a enviá-la ao navegador. Agora a resposta é dividida em duas partes:

  1. Tudo o que vem no <head> do tema até a tag {{ content_for_header }} é enviado imediatamente.
  2. O restante da página segue em streaming assim que o template termina de ser renderizado.

Na prática, o navegador recebe mais cedo as referências de CSS e fontes e começa a baixá-las enquanto o servidor ainda está montando o conteúdo. Além do TTFB, a Shopify relata ganhos menores, na faixa de 2% a 6%, no FCP (primeira renderização de conteúdo) e no LCP (maior elemento visível carregado).

Minha loja Shopify recebe essa melhoria?

O ganho é automático, mas depende de três condições:

  • A página usa um template JSON (padrão dos temas Online Store 2.0). Templates antigos em .liquid ficam de fora.
  • O layout do tema contém {{ content_for_header }} como uma tag simples dentro do <head>, sem filtros nem condicionais em volta.
  • A visita é na loja publicada. Pré-visualizações de tema e o editor de temas não participam.

Onde o tema faz diferença

Este é o ponto que interessa a quem vai criar ou reformar uma loja: o benefício só é real se os recursos críticos da primeira pintura (o CSS principal, as fontes, as variáveis de cor) estiverem antes do content_for_header. Se a folha de estilo principal estiver depois, ela só chega na segunda parte da resposta, e a vantagem se perde.

O próprio anúncio compara os temas oficiais: o Dawn posiciona o content_for_header cedo no <head>, enquanto o Horizon define praticamente tudo antes dele. Conferimos no tema do nosso site, baseado na família Horizon: CSS, fontes, scripts e variáveis de tema já carregam antes da tag, então ele se beneficia integralmente da mudança.

Se você mantém um tema próprio ou personalizado, a recomendação da Shopify é mover o máximo possível de definições críticas para cima do content_for_header, com dois cuidados: scripts que dependem de objetos injetados pela plataforma podem quebrar se forem executados antes da tag, e uma folha de estilo movida para cima pode perder empates de especificidade para os estilos que a Shopify injeta depois. A Shopify publicou um guia específico com exemplos para esses casos.

O que isso significa para quem vai fazer um site Shopify

Três conclusões práticas:

  • Prefira temas Online Store 2.0 (templates JSON). Além de mais editáveis, eles recebem esse tipo de otimização da plataforma sem custo.
  • Personalização mal feita anula ganhos da plataforma. Um CSS carregado no lugar errado ou um app que injeta recursos pesados podem jogar fora uma melhoria que a Shopify entregou de graça.
  • Liquid continua competitivo em velocidade. Para a maioria das lojas, um tema Liquid bem construído entrega ótima performance sem a complexidade de uma arquitetura headless.

Quer saber se a sua loja está aproveitando essa e outras otimizações da plataforma? Na Crowfy Digital fazemos diagnóstico de performance para Shopify e desenvolvimento de temas pensados para carregar rápido. Fale com a gente.


Fonte: este artigo é uma análise original da Crowfy Digital baseada no anúncio "Liquid storefronts now start loading 29% faster", de Mateusz Krzeszowiak, publicado no blog Performance @ Shopify em 22/09/2026. Os números citados são da Shopify.