Shopware 6 Desempenho & velocidade

Os nossos melhores plugins Shopware para a velocidade

Três plugins, e uma ordem por peso, não por visibilidade.

Uma boa pontuação no PageSpeed não é uma loja rápida: o Lighthouse mede um laboratório, o seu cliente vive o contrário. E o maior peso é quase sempre o mesmo: as imagens.

O problema

Soa-lhe familiar?

Uma pontuação que mede outra coisa

95 em laboratório, lenta na realidade. O score não mede o que o seu cliente vive.

Imagens que enchem o fio

Uma única imagem não otimizada pesa mais do que todo o seu CSS.

Scripts no sítio errado

Um script de marketing no início da página bloqueia a renderização, mesmo que só sirva no fim.

O ajuste fino antes do peso

Otimizar milissegundos enquanto os megabytes ficam intactos.

A seleção

A nossa seleção, classificada

Todos os módulos abaixo são construídos, mantidos e suportados pela nossa equipa. A classificação reflete o que instalaríamos primeiro numa loja de cliente.

  1. WebP, AVIF, bom dimensionamento, CDN. Uma imagem de produto pesa muitas vezes mais do que todo o seu CSS.

    Otimização de imagens nativa para Shopware 6.6 e 6.7. Geração automática de WebP e AVIF a par de cada imagem, recompressão JPEG/PNG sem perda…

  2. Custom Code Manager: snippets CSS / JS para Shopware 6

    O controlo dos seus próprios scripts

    Cada snippet que acrescentou carrega algures. Ver qual, e pô-lo no sítio certo, não em todo o lado.

    Injete e organize os seus snippets de CSS e JavaScript diretamente na compilação do tema do Shopware 6. Editor de código integrado, contentores multicanal,…

  3. A PWA guarda em cache o que não muda e recompensa quem regressa. Não a primeira impressão, o regresso.

    Transforme a sua loja Shopware 6.5, 6.6 e 6.7 numa PWA instalável (manifest e service worker dinâmicos, página offline, banner de instalação) e envie…

Comparação lado a lado

Módulo Ideal para Preço Classificação Ligação
DataFirefly Image Optimizer: WebP, AVIF, compressão e CDN para Shopware 6 Primeiro: o maior peso 59,00
Custom Code Manager: snippets CSS / JS para Shopware 6 O controlo dos seus próprios scripts 49,00
Extensão PWA e Notificações Push Shopware 6: DfPwaPush, Web Push VAPID auto-alojado, manifest, service worker e campanhas, sem dependências A segunda página, instantânea 99,00

Uma boa pontuação no PageSpeed não é uma loja rápida

É a armadilha em que toda a gente cai. O Lighthouse mede uma página de laboratório, numa ligação simulada, sem os seus cookies, sem o seu script de consentimento, sem as suas tags de marketing. O seu cliente vive o contrário: um telemóvel real, uma rede carregada, todos os scripts ao mesmo tempo.

E o maior peso é quase sempre o mesmo

As imagens. Não é o seu tema, não é o Shopware. Uma única imagem de produto não otimizada pesa mais do que todo o seu CSS. Antes de mexer noutra coisa, pese o que passa mesmo pelo fio.

E a ordem certa não é a que se pensa

As imagens primeiro, o maior peso. Depois os scripts que você próprio acrescentou. Só então o ajuste fino. Ao contrário, otimiza milissegundos ignorando megabytes.

Guia de compra

Como escolher

Primeiro, deixe de acreditar na pontuação

Uma boa pontuação no PageSpeed não é uma loja rápida. O Lighthouse mede um laboratório: ligação simulada, sem os seus cookies, sem script de consentimento, sem tags. O seu cliente vive o contrário. Meça num aparelho real, numa rede real, onde se vende.

Depois as imagens, o maior peso

Uma única imagem de produto não otimizada pesa muitas vezes mais do que todo o seu CSS. WebP e AVIF, bem dimensionadas, com CDN: é aí que está o maior ganho, e não custa nada em qualidade.

Depois o que você próprio acrescentou

Cada script de marketing, cada snippet carrega algures, muitas vezes no sítio errado, onde bloqueia a renderização. Controlar onde e quando disparam é muitas vezes mais poderoso do que qualquer otimização do tema.

E a PWA recompensa quem fica

Não acelera a primeira visita, acelera a segunda página: a cache torna o regresso quase instantâneo. Fica em último na ordem, porque a primeira impressão joga-se nas imagens.

O que ganha

Imagens que deixam de encher o fio

WebP e AVIF, bem dimensionadas, com CDN. O maior peso primeiro, não o mais visível.

O controlo do que você acrescentou

Cada script que acrescentou carrega algures. Ver qual, e quando dispara.

Scripts no sítio certo, não em todo o lado

Um snippet no fim da página não bloqueia a renderização do início. O lugar conta.

A segunda página, instantânea

A PWA transforma a segunda página numa página instantânea. A cache trabalha para quem regressa.

A métrica certa

Não a pontuação do Lighthouse. O tempo até ao primeiro produto visível é o número que vende.

A ordem certa

Pesa antes de otimizar. Os megabytes primeiro, os milissegundos depois.

Implementação

Da instalação aos resultados

  1. Deixe de acreditar na pontuação

    O Lighthouse mede um laboratório. Meça num aparelho real, numa rede real.

  2. Pese primeiro as imagens

    Uma imagem de produto pesa muitas vezes mais do que todo o seu CSS.

  3. Otimize o maior peso

    WebP, AVIF, CDN. Mesma qualidade, uma fração do peso.

  4. Controle os seus próprios scripts

    Um snippet no início da página bloqueia a renderização. O lugar conta.

  5. Meça o número certo

    Não a pontuação. O tempo até ao primeiro produto visível.

“Estávamos orgulhosos do nosso 92 no PageSpeed. Depois testámos num telemóvel real dentro do comboio: oito segundos até à primeira imagem. O problema nunca foram os scripts, eram quatro megabytes de fotografias de produto por página.”

Testemunho de cliente — Loja Shopware, moda

Perguntas frequentes

Tenho 95 no PageSpeed, porque é que a minha loja está lenta?

Porque o Lighthouse mede uma página de laboratório: ligação simulada, sem os seus cookies, sem script de consentimento, sem tags de marketing. O seu cliente vive o contrário: telemóvel real, rede carregada, todos os scripts juntos. Uma boa pontuação é boa notícia para um laboratório, não para a sua loja.

O que mais abranda uma loja Shopware?

Quase sempre as imagens. Uma única imagem de produto não otimizada pesa muitas vezes mais do que todo o seu CSS. Antes de mexer em scripts ou no tema, pese o que passa pelo fio e verá onde estão os megabytes.

Perco qualidade com WebP ou AVIF?

Não. WebP e AVIF são formatos mais recentes: mesma qualidade, uma fração do peso. Um fallback trata dos navegadores muito antigos. O ganho é real e não lhe custa nada em qualidade de imagem.

Porque conta o lugar dos scripts?

Porque um script que dispara no início da página bloqueia a renderização, mesmo que só seja útil no fim. Controlar onde e quando os snippets disparam é muitas vezes mais eficaz do que reduzir o próprio script.

Para que serve uma PWA na velocidade?

Serve para quem regressa. A PWA guarda em cache o que não muda e torna a segunda página quase instantânea. Não acelera a primeira visita, recompensa quem fica e continua a clicar.

Que métrica seguir?

O tempo até ao primeiro produto visível, não a pontuação do Lighthouse. O cliente não espera um carregamento completo, espera ver o seu produto. Meça isso, num aparelho real, numa rede real.

Por onde começar?

Pelas imagens, porque são o maior peso. Depois os scripts que acrescentou. A PWA em último, porque melhora o regresso e não a primeira impressão. Ordem por peso, não por visibilidade.

Esta necessidade noutras plataformas

Não sabe qual se adequa à sua loja?

Diga-nos o seu contexto — respondemos com uma recomendação direta, não com um discurso de vendas.