Desbloqueando o PageSpeed Insights (PSI) segundo john mueller

Banner de flor amarela Flor verde Por: Wagner Santos Flor amarela

Superando obstáculos de otimização

[{"selector":"#anim-4847cf7b-1acc-49e7-a4e7-61bc1f28e540 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-453fb127-a984-4282-9cb0-956a8a301126","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4285cea9-7fa3-4406-927e-f349407f28d4","keyframes":{"transform":["rotate(-120deg) translate3d(-71.56865%, 0px, 0) rotate(120deg)","rotate(-120deg) translate3d(0px, 0px, 0) rotate(120deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Saiba por que simplesmente reduzir o tamanho de imagens e vídeos nem sempre leva a melhores pontuações de PSI. Saiba por que simplesmente reduzir o tamanho de imagens e vídeos nem sempre leva a melhores pontuações de PSI. Flor amarela Linha ondulada amarela Linha ondulada amarela

Insights de especialistas

Banner de flor amarela Conheça John Mueller, defensor da Pesquisa Google, compartilhando dicas de especialistas sobre como melhorar o desempenho do seu site.

Estratégia de teste de elementos

[{"selector":"#anim-f50b7e23-b138-45db-9a57-c91954046454 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(31.28680067153245%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":3000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] Dica de Mueller: teste elementos individuais, como imagens em uma página noindex, para ver seu impacto na velocidade." 5. **Simplificação para maior clareza Linha ondulada amarela Linha ondulada amarela

Simplificação para maior clareza

Banner de folha verde Banner de folha verde Flor amarela Isole as alterações na sua página de teste para determinar os efeitos específicos de cada elemento.

Resultados do teste de decodificação

[{"selector":"#anim-fe45b135-825d-462a-9e14-ce032949c734 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(44.42443840989788%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":3000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] Flor amarela Banner de flor amarela Se a pontuação da sua página de teste for diferente, isso revelará outros fatores limitantes que afetam a velocidade do seu site.

Aprimoramento focado

[{"selector":"#anim-b9e720aa-4b6f-466e-8276-6ad1e508fea0 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-41.922464846114885%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":3000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] Banner de flor amarela Remova elementos otimizados de uma cópia de sua página real para melhorar outras áreas que precisam de atenção. Flor amarela

O que é 'bom o suficiente'?

Flor amarela Banner de folha verde Mueller sugere que velocidades de página 'razoáveis' podem não exigir otimização adicional. Qual é a velocidade do seu site? Medir meu site

[{"selector":"#anim-8f0aef5f-f16e-4ab7-ac6e-b5ba31034ad8","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d1ce2f91-595d-4115-917c-6c51de921d18","keyframes":{"transform":["translate3d(-134.81482%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-22b4f2d3-acf9-4e5d-96e2-077686db87e1","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8a176631-180f-4c03-8b14-3d61631a3aa2","keyframes":{"transform":["translate3d(-134.81482%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Paciência na otimização Linha ondulada amarela Linha ondulada amarela

[{"selector":"#anim-d9e6b21d-1720-4fbf-bba4-04c211cdc5ac [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-17.42929407952449%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":3000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] Banner de flor amarela A otimização para PSI é uma jornada passo a passo: paciência e testes graduais levam ao sucesso. Flor amarela

Seu caminho para pontuações verdes

[{"selector":"#anim-f4e6d255-d071-4457-8f40-0eeb43b68a2a","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-30a1a601-2763-48bb-bd0f-62cf5e6c83da","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Seta pontilhada branca Linha ondulada amarela Linha ondulada amarela Aprenda mais