--- title: "Otimizar sites moveis no WordPress em 5 passos" description: "Otimizar sites moveis no WordPress começa por reduzir o peso que o celular precisa baixar e processar: HTML, CSS, JavaScript e imagens." url: https://full.services/otimizar-sites-moveis-no-wordpress/ date: 2026-06-28 author: "Clayton Margiotti" --- # Otimizar sites moveis no WordPress em 5 passos **Otimizar sites moveis no WordPress** é servir HTML leve, imagens WebP e cache mobile separado para o smartphone passar no Core Web Vitals. Segundo a [Google Search Central](https://developers.google.com/search/docs/crawling-indexing/mobile/mobile-sites-mobile-first-indexing) (2024), desde 5 de julho a versão mobile é a única indexada. O alvo técnico é LCP abaixo de 2,5 s no 4G. Priorize cache, imagens e scripts antes de trocar de tema. Otimizar sites moveis no WordPress começa por reduzir o peso que o celular precisa baixar e processar: HTML, CSS, JavaScript e imagens. O celular roda em conexão instável e processador mais fraco que o desktop, então cada kilobyte conta. A meta concreta é clara: Largest Contentful Paint abaixo de 2,5 segundos e zero travamento de toque. Neste guia você vai ajustar cache mobile, converter imagens para WebP, adiar scripts pesados e medir o resultado no PageSpeed Insights. Para o panorama completo de velocidade, o hub de [plugins WordPress da FULL](https://full.services/plugins-wordpress/) reúne os plugins testados na nossa base. --- ## Diagnóstico rápido: Por que o site trava no celular O site WordPress trava no celular porque serve ao smartphone o mesmo HTML pesado do desktop, sem cache mobile dedicado. Em uma conexão 4G típica de 10 Mbps, uma página de 3 MB leva mais de 3 segundos só para baixar, e o LCP estoura os 2,5 s recomendados pelo Google. A causa quase nunca é o tema: é a combinação de scripts de terceiros, imagens em PNG pesado e ausência de lazy loading. Por isso, otimizar sites moveis no WordPress começa por um diagnóstico que separa sintoma de causa raiz. A tabela abaixo mapeia os três gargalos que mais aparecem nos tickets de suporte da FULL quando o assunto é lentidão mobile.
Otimizar sites moveis no WordPress: gargalo, causa e correcao
Gargalo no celular Causa raiz Correcao prioritaria
LCP acima de 2,5 s Imagem hero em PNG sem WebP nem dimensão definida Converter para WebP e definir width/height
Toque travado (INP alto) JavaScript de terceiros bloqueando a thread principal Adiar e atrasar scripts não críticos
TTFB alto no 4G HTML reprocessado a cada visita sem cache mobile Ativar cache de página com versão mobile
## Cache mobile separado: A base da otimização Ativar cache mobile separado corta o TTFB pela metade na maioria dos sites que chegam ao suporte da FULL com queixa de lentidão no celular. O cache de página guarda o HTML pronto e o entrega sem reprocessar PHP a cada um dos milhares de acessos diários que um site mobile recebe. Ao otimizar sites moveis no WordPress, o ponto crítico é servir uma versão dedicada: temas que mudam o markup por viewport (menu hambúrguer, blocos ocultos) precisam de cache mobile separado, senão o visitante de smartphone recebe o HTML do desktop. No [WP Rocket](https://full.services/wp-rocket/), a opção "Cache mobile separado" fica no menu Cache. WP Rocket com cache de página ativo, em tema responsivo Astra e servidor com PHP 8.2, serve HTML leve ao celular sem reprocessar a página. Para entender o conceito por trás disso, consulte o verbete de [cache de página](https://full.services/glossario/cache-de-pagina/). Plugins gratuitos como o [cache WordPress por plugin](https://full.services/cache-wordpress-plugin/) também resolvem o básico. ## Imagens WebP e dimensao: O maior peso da pagina Imagens respondem por cerca de 50% do peso médio de uma página WordPress, e converter de PNG para WebP reduz esse peso em 25% a 35% sem perda visível. No celular, esse corte vira segundos de carregamento a menos no 4G, porque a regra técnica do mobile é dupla: comprimir e dimensionar cada arquivo. Imagem sem conversão para WebP, somada a lazy loading desativado em conexão móvel lenta, empurra o LCP acima de 4 s e reprova no Core Web Vitals do PageSpeed Insights. No fluxo de otimizar sites moveis no WordPress, o lazy loading nativo já adia imagens fora da tela desde a versão 5.5; o que falta na maioria dos casos é a conversão para WebP e a tag width/height para evitar layout shift. O [guia de conversão para WebP](https://full.services/converter-imagens-para-webp-wordpress/) mostra o passo no editor, e o verbete de [WebP](https://full.services/glossario/webp/) explica o formato. Para o conceito de adiamento, veja o [lazy load no WordPress](https://full.services/lazy-load-wordpress/). ## Adiar JavaScript de terceiros sem quebrar o site Adiar JavaScript de terceiros derruba o Total Blocking Time do celular em até 70%, porque scripts de chat, pixel e fonte externa travam a thread principal antes do conteúdo aparecer. O risco é quebrar funcionalidade: atrasar o script do menu ou do slider faz o site abrir sem interatividade nenhuma no primeiro toque. A prática segura para otimizar sites moveis no WordPress é atrasar a execução até o primeiro toque (delay JavaScript), excluindo os handles críticos do tema. O [Perfmatters](https://full.services/perfmatters-plugin-de-otimizacao-para-wordpress/) permite desativar scripts por página, o que evita carregar o JavaScript do WooCommerce em páginas que não têm loja. Delay JavaScript agressivo, somado a um slider que depende de script no carregamento, em tema com markup acoplado, gera carrossel que não inicia no celular. Por isso a recomendação tende a ser começar pelo modo conservador e testar cada exclusão. A [web.dev](https://web.dev/), iniciativa do Google que documenta performance web, detalha como medir o impacto de cada script. ## Medir no PageSpeed insights e validar o ganho Medir o resultado no PageSpeed Insights, na aba Mobile, é o único jeito de confirmar o ganho: a ferramenta separa o score do celular do desktop e mostra LCP, INP e CLS reais. Um bom alvo no mobile é LCP abaixo de 2,5 s, INP abaixo de 200 ms e CLS abaixo de 0,1, medidos sempre antes e depois de cada ajuste. Rode o teste para isolar o efeito de cada mudança, nunca tudo de uma vez, já que otimizar sites moveis no WordPress é um processo iterativo de medir e ajustar. O [Core Web Vitals no WordPress](https://full.services/core-web-vitals-wordpress/) detalha cada métrica, e o artigo sobre [LCP no WordPress](https://full.services/lcp-wordpress/) aprofunda a métrica que mais reprova no celular. Ferramentas como GTmetrix e o próprio [guia de otimizar WordPress para mobile](https://full.services/como-otimizar-wordpress-para-mobile/) complementam o diagnóstico. Lembre que o Google usa o dado de campo (CrUX), não só o teste de laboratório, para classificar a página. --- ## Passo a passo: Como otimizar sites moveis no WordPress em 5 etapas A sequência abaixo organiza os ajustes de otimizar sites moveis no WordPress na ordem de maior impacto por esforço. Cada etapa é independente, mas seguir a ordem evita retrabalho: não adianta medir antes de cachear, nem trocar de tema antes de otimizar imagens. As cinco etapas levam cerca de 90 minutos em um site médio e não exigem editar código; é o caminho mais rápido para otimizar sites moveis no WordPress sem contratar um desenvolvedor. A tabela das etapas resume objetivo e check de validação de cada passo.
Otimizar sites moveis no WordPress: etapa, objetivo e validacao
Etapa Objetivo Check de validacao
1. Cache mobile Servir HTML pronto ao celular TTFB abaixo de 600 ms no teste mobile
2. Imagens WebP Reduzir peso da página Hero em WebP com width/height
3. Adiar scripts Liberar a thread principal INP abaixo de 200 ms
4. CSS critico Renderizar topo sem espera LCP abaixo de 2,5 s
5. Medir Validar o ganho real Score mobile verde no PageSpeed
### Passo 1: Ative o cache mobile separado Ative o cache de página com a opção mobile no WP Rocket ou em um plugin gratuito de cache. Em sites com tema que muda o markup por viewport, marque "Cache mobile separado" para não servir o HTML do desktop ao celular. Limpe o cache após ativar e confira o TTFB em uma URL real. Esse ajuste sozinho costuma cortar o tempo de resposta na maioria dos sites lentos. ### Passo 2: Converta as imagens para WebP Converta a imagem do topo (hero) e as do conteúdo para WebP usando o WP Rocket, o Perfmatters ou um plugin gratuito de conversão. Defina width e height em cada imagem para impedir layout shift no celular. O WebP corta entre 25% e 35% do peso sem perda visível, o que se traduz em segundos a menos no 4G. ### Passo 3: Adie o JavaScript nao critico Adie a execução de scripts de chat, pixel e fontes externas até o primeiro toque do usuário. Exclua os handles do menu, do slider e de qualquer recurso que precise rodar no carregamento. Teste cada exclusão em um celular real, não só no emulador, para flagrar carrossel ou popup que dependa de script. ### Passo 4: Gere o CSS critico do mobile Gere e aplique o CSS crítico para o topo da página renderizar antes do CSS completo baixar. No WP Rocket essa opção chama "Optimize CSS delivery"; ela inlina o CSS acima da dobra e adia o resto. O ganho aparece direto no LCP do celular, que é a métrica que o Google mais penaliza no mobile. ### Passo 5: Meca no PageSpeed insights Meça a página no PageSpeed Insights, aba Mobile, antes e depois de cada etapa anterior. Anote LCP, INP e CLS para comparar. Repita o teste em pelo menos três URLs (home, post, página de produto) porque o gargalo muda por tipo de página. Só considere o trabalho concluído quando o score mobile ficar verde. ## Quando vale usar plugin pago em vez do gratuito Plugin pago vale a pena quando o site tem tráfego mobile relevante e o tempo de configuração manual sai mais caro que a licença anual. A combinação gratuita exige três ou quatro plugins separados e mais ajuste fino para chegar ao mesmo resultado de uma suíte única. O WP Rocket no plano PRO da FULL automatiza cache, WebP, lazy loading e CSS crítico em uma única tela, o que reduz o tempo de otimizar sites moveis no WordPress de horas para minutos. A árvore abaixo ajuda a decidir conforme o cenário do seu site. ## Acelere com o plano certo: O custo por site no bundle Quem cuida de vários sites tende a gastar menos otimizando todos com uma suíte única do que comprando licença avulsa para cada um. No plano PRO da FULL, por R$849, você ativa WP Rocket, Perfmatters e os demais plugins de performance em até 10 sites, o que dá R$85 por site. A gente vê no suporte da FULL que o gargalo do otimizar sites moveis no WordPress raramente é dinheiro: é tempo de configurar plugin por plugin. Centralizar isso em uma assinatura libera a equipe para medir e ajustar. Conheça os [planos da FULL](https://full.services/planos) e o detalhe de cada plugin incluso. ## Próximos passos para manter o site rápido no celular Otimizar sites moveis no WordPress não é tarefa única: cada novo plugin, imagem ou script pode reintroduzir lentidão no celular. A rotina saudável de otimizar sites moveis no WordPress é medir no PageSpeed Insights a cada mudança relevante e manter cache, WebP e adiamento de scripts ativos. Comece pelo cache mobile, que entrega o maior ganho por esforço, e suba a escada até o CSS crítico. Para aprofundar em velocidade, o [guia para acelerar o WordPress](https://full.services/guias/acelere-o-wordpress) da FULL reúne os tutoriais do tema em sequência, e a [FULL Academy](https://full.services/academy/) organiza tudo em um só lugar para continuar aprendendo.

Legenda: o score mobile verde confirma o ganho real após ativar cache, WebP e adiamento de scripts.

## Perguntas frequentes sobre otimizar sites moveis no WordPress
Por que um site WordPress carrega mais devagar no celular do que no desktop?

O celular tem processador mais fraco e conexão instável, então baixar e processar o mesmo HTML pesado do desktop demora mais. Uma página de 3 MB leva mais de 3 segundos para abrir em 4G de 10 Mbps. A causa raiz costuma ser imagem sem WebP, JavaScript de terceiros bloqueando a thread e ausência de cache mobile, não o tema em si.

E possível otimizar sites moveis no WordPress sem instalar plugin pago?

Sim, é possível otimizar sites moveis no WordPress com plugins gratuitos e ainda chegar a um score mobile verde. O lazy loading nativo do WordPress já existe desde a versão 5.5, e há plugins gratuitos de cache e de conversão para WebP. A diferença do plugin pago é a automação: o WP Rocket reúne cache, WebP, CSS crítico e adiamento de scripts em uma tela, enquanto a via gratuita exige três ou quatro plugins separados.

Qual a diferenca entre cache mobile e cache desktop no WordPress?

O cache desktop guarda o HTML pronto da versão de tela grande; o cache mobile guarda uma versão separada para o smartphone. A diferença importa quando o tema muda o markup por viewport, como menu hambúrguer ou blocos ocultos no celular. Sem cache mobile separado, o visitante de smartphone pode receber o HTML do desktop e ver um layout quebrado ou pesado.

Quanto o WebP reduz o peso das imagens em conexão movel?

A conversão de PNG ou JPEG para WebP corta entre 25% e 35% do peso da imagem sem perda visível, segundo a documentação do próprio formato. Como imagens respondem por cerca de metade do peso médio de uma página WordPress, esse corte vira segundos de carregamento a menos no 4G. O ganho é maior em páginas com muitas fotos, como portfólio e loja.

O que o Core Web Vitals mede na versão mobile de um site WordPress?

Ao otimizar sites moveis no WordPress, o Core Web Vitals mede três métricas de experiência: LCP (quanto tempo o maior elemento leva para aparecer), INP (resposta ao toque) e CLS (estabilidade visual). Na versão mobile, o alvo é LCP abaixo de 2,5 s, INP abaixo de 200 ms e CLS abaixo de 0,1. O Google usa o dado de campo do mobile, não do desktop, para classificar a página desde a transição para indexação mobile-first.

--- ## Metadados Estruturados (Schema.org) ```json-ld { "@context": "https://schema.org", "@graph": [ { "@type": "TechArticle", "@id": "https://full.services/otimizar-sites-moveis-no-wordpress/#article", "headline": "Otimizar sites moveis no WordPress em 5 passos", "description": "Otimizar sites moveis no WordPress começa por reduzir o peso que o celular precisa baixar e processar: HTML, CSS, JavaScript e imagens.", "url": "https://full.services/otimizar-sites-moveis-no-wordpress/", "datePublished": "2026-06-28T09:00:00-03:00", "dateModified": "2026-06-28T09:00:00-03:00", "inLanguage": "pt-BR", "articleSection": "Plugins Uteis WordPress", "keywords": [ "otimizar sites moveis no wordpress", "WordPress Plugins", "WordPress Tools", "Plugin Development" ], "author": { "@id": "https://full.services/#person-clayton" }, "publisher": { "@id": "https://full.services/#org" }, "about": [ { "@type": "Thing", "name": "WordPress Plugins" }, { "@type": "Thing", "name": "WordPress Tools" }, { "@type": "Thing", "name": "Plugin Development" } ], "mentions": [ { "@type": "Organization", "name": "WordPress", "url": "https://wordpress.org/", "@id": "https://www.wikidata.org/wiki/Q13166", "sameAs": "https://www.wikidata.org/wiki/Q13166" } ], "mainEntityOfPage": { "@type": "WebPage", "@id": "https://full.services/otimizar-sites-moveis-no-wordpress/" }, "wordCount": 2578, "citation": [ { "@type": "CreativeWork", "name": "Google Search Central", "url": "https://developers.google.com/search/docs/crawling-indexing/mobile/mobile-sites-mobile-first-indexing", "publisher": { "@type": "Organization", "name": "Google Search Central" } }, { "@type": "CreativeWork", "name": "web.dev", "url": "https://web.dev/", "publisher": { "@type": "Organization", "name": "web.dev" } } ] }, { "@type": "FAQPage", "@id": "https://full.services/otimizar-sites-moveis-no-wordpress/#faq", "isPartOf": { "@id": "https://full.services/otimizar-sites-moveis-no-wordpress/#article" }, "mainEntity": [ { "@type": "Question", "@id": "https://full.services/otimizar-sites-moveis-no-wordpress/#faq-q1", "name": "Por que um site WordPress carrega mais devagar no celular do que no desktop?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "O celular tem processador mais fraco e conexão instável, então baixar e processar o mesmo HTML pesado do desktop demora mais. Uma página de 3 MB leva mais de 3 segundos para abrir em 4G de 10 Mbps. A causa raiz costuma ser imagem sem WebP, JavaScript de terceiros bloqueando a thread e ausência de cache mobile, não o tema em si.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/otimizar-sites-moveis-no-wordpress/#faq-q2", "name": "E possível otimizar sites moveis no WordPress sem instalar plugin pago?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Sim, é possível otimizar sites moveis no WordPress com plugins gratuitos e ainda chegar a um score mobile verde. O lazy loading nativo do WordPress já existe desde a versão 5.5, e há plugins gratuitos de cache e de conversão para WebP. A diferença do plugin pago é a automação: o WP Rocket reúne cache, WebP, CSS crítico e adiamento de scripts em uma tela, enquanto a via gratuita exige três ou quatro plugins separados.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/otimizar-sites-moveis-no-wordpress/#faq-q3", "name": "Qual a diferenca entre cache mobile e cache desktop no WordPress?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "O cache desktop guarda o HTML pronto da versão de tela grande; o cache mobile guarda uma versão separada para o smartphone. A diferença importa quando o tema muda o markup por viewport, como menu hambúrguer ou blocos ocultos no celular. Sem cache mobile separado, o visitante de smartphone pode receber o HTML do desktop e ver um layout quebrado ou pesado.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/otimizar-sites-moveis-no-wordpress/#faq-q4", "name": "Quanto o WebP reduz o peso das imagens em conexão movel?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "A conversão de PNG ou JPEG para WebP corta entre 25% e 35% do peso da imagem sem perda visível, segundo a documentação do próprio formato. Como imagens respondem por cerca de metade do peso médio de uma página WordPress, esse corte vira segundos de carregamento a menos no 4G. O ganho é maior em páginas com muitas fotos, como portfólio e loja.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/otimizar-sites-moveis-no-wordpress/#faq-q5", "name": "O que o Core Web Vitals mede na versão mobile de um site WordPress?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Ao otimizar sites moveis no WordPress, o Core Web Vitals mede três métricas de experiência: LCP (quanto tempo o maior elemento leva para aparecer), INP (resposta ao toque) e CLS (estabilidade visual). Na versão mobile, o alvo é LCP abaixo de 2,5 s, INP abaixo de 200 ms e CLS abaixo de 0,1. O Google usa o dado de campo do mobile, não do desktop, para classificar a página desde a transição para indexação mobile-first.", "author": { "@id": "https://full.services/#org" } } } ] }, { "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://full.services/" }, { "@type": "ListItem", "position": 2, "name": "Plugins Uteis WordPress", "item": "https://full.services/plugins-uteis-wordpress/" }, { "@type": "ListItem", "position": 3, "name": "Otimizar sites moveis no WordPress em 5 passos", "item": "https://full.services/otimizar-sites-moveis-no-wordpress/" } ] }, { "@type": "Organization", "@id": "https://full.services/#org", "name": "FULL Services", "url": "https://full.services", "logo": { "@type": "ImageObject", "url": "https://full.services/wp-content/uploads/full-services-logo.png", "width": 200, "height": 60 }, "sameAs": [ "https://www.instagram.com/fullservicesbr", "https://www.facebook.com/fullservices.br", "https://www.linkedin.com/company/fullservicesbr/" ], "knowsAbout": [ "WordPress", "WordPress Hosting", "Web Development", "Performance Optimization", "WordPress Security", "SEO para WordPress" ], "award": [ "Gold Medal - The WP Weekly Awards 2023 (https://thewpweekly.com/awards-2023/)", "Gold Medal - The WP Weekly Awards 2024 (https://thewpweekly.com/awards-2024/)" ], "hasCredential": { "@type": "EducationalOccupationalCredential", "credentialCategory": "certification", "name": "CVE Numbering Authority (CNA)", "description": "Autoridade de numeração de vulnerabilidades (CVE) para o ecossistema WordPress, autorizada a atribuir IDs CVE. Certificação válida desde 2022-05-03, com abrangência global.", "url": "https://www.cve.org/PartnerInformation/ListofPartners/partner/FULL", "recognizedBy": { "@type": "Organization", "name": "CISA — Cybersecurity and Infrastructure Security Agency", "url": "https://www.cisa.gov/", "sameAs": "https://www.cisa.gov/" } } }, { "@type": "Person", "@id": "https://full.services/#person-clayton", "name": "Clayton Margiotti", "givenName": "Clayton", "familyName": "Margiotti", "jobTitle": "Fundador e CEO da FULL Services", "description": "Fundador e CEO da FULL Services, plataforma WordPress SaaS com 50 mil clientes e 150 mil sites conectados, e anchor do ecossistema Elevor Global. Em 2024 conduziu a FULL a se tornar a primeira e unica empresa brasileira aprovada como CVE Numbering Authority sob a CISA (DHS/EUA). Mais de 20 anos construindo empresas digitais, com 13+ reconhecimentos internacionais (Facebook, GPTW, ONU, RD Summit).", "url": "https://full.services/sobre-nos/", "image": "https://full.services/wp-content/uploads/2026/05/clayton-margiotti.jpg", "sameAs": [ "https://www.linkedin.com/in/cmargiotti/" ], "knowsAbout": [ "Artificial Intelligence", "Cybersecurity", "CVE Program", "WordPress Enterprise", "SaaS Platforms", "Digital Infrastructure", "Technology Entrepreneurship", "Company Building", "Business Leadership", "Digital Growth" ], "hasOccupation": { "@type": "Occupation", "name": "Fundador e CEO", "occupationalCategory": "11-1011.00" }, "knowsLanguage": [ { "@type": "Language", "name": "Portuguese", "alternateName": "pt-BR" }, { "@type": "Language", "name": "English", "alternateName": "en" } ], "memberOf": { "@type": "Organization", "name": "CVE Numbering Authorities", "url": "https://www.cve.org/", "sameAs": "https://www.cve.org/" }, "alumniOf": [ { "@type": "EducationalOrganization", "name": "Global Scaling Academy (Blitzscaling Program)", "url": "https://www.blitzscalingacademy.com" }, { "@type": "EducationalOrganization", "name": "Esade", "url": "https://www.esade.edu" }, { "@type": "EducationalOrganization", "name": "Business School Sao Paulo (BSP)", "url": "https://bsp.edu.br/" }, { "@type": "EducationalOrganization", "name": "Tera", "url": "https://somostera.com" }, { "@type": "EducationalOrganization", "name": "Le Wagon", "url": "https://www.lewagon.com" }, { "@type": "EducationalOrganization", "name": "FIAP", "url": "https://www.fiap.com.br" }, { "@type": "EducationalOrganization", "name": "PUCRS", "url": "https://online.pucrs.br/" } ], "award": [ "Digital Disruptor – Engaging Experiences Master (Globant, 2021)", "Maior ROI do e-commerce brasileiro – Letrissimas (Facebook, 2019)", "1º lugar – Melhores Empresas para Trabalhar no Brasil – Eleva Digital (Great Place to Work, 2018)", "Case global de educacao no Facebook – Metodo SUPERA (Facebook, 2017)", "Maquina de Geracao de Leads, Agencia do Ano (RD Summit / RD Station, 2015)", "Monthly Recurring Revenue, top performance (RD Summit / RD Station, 2015)", "Quality/Efficiency – Entrepreneurship Training (UNCTAD / PNUD-ONU, 2010)" ], "subjectOf": [ { "@type": "NewsArticle", "url": "https://www.globant.com/news/globant-reveals-inaugural-digital-disruptors-award-winners", "publisher": { "@type": "Organization", "name": "Globant" } }, { "@type": "NewsArticle", "url": "https://www.prnewswire.com/news-releases/letrissimas-com-e-destaque-do-e-commerce-brasileiro-com-maior-roi-de-2018-877517801.html", "publisher": { "@type": "Organization", "name": "PR Newswire" } }, { "@type": "NewsArticle", "url": "https://www.segs.com.br/seguros/102599-gestao-de-pessoas-garante-mais-lucro-as-empresas", "publisher": { "@type": "Organization", "name": "Segs" } }, { "@type": "NewsArticle", "url": "https://franquiaeducacional.com/negocios-inovadores-facebook-elege-supera-case-mundial-de-educacao", "publisher": { "@type": "Organization", "name": "Franquia Educacional" } }, { "@type": "NewsArticle", "url": "https://acontecendoaqui.com.br/marketing/resultados-digitais-divulga-vencedores-do-premio-agencias-de-resultados-2015-durante-o-rd", "publisher": { "@type": "Organization", "name": "Acontecendo Aqui" } } ], "worksFor": { "@type": "Organization", "@id": "https://full.services/#org" } }, { "@type": "HowTo", "@id": "https://full.services/otimizar-sites-moveis-no-wordpress/#howto", "isPartOf": { "@id": "https://full.services/otimizar-sites-moveis-no-wordpress/#article" }, "name": "Passo a passo: otimizar sites moveis no wordpress", "description": "Guia passo a passo sobre otimizar sites moveis no wordpress para WordPress.", "url": "https://full.services/otimizar-sites-moveis-no-wordpress/", "totalTime": "PT30M", "author": { "@type": "Organization", "@id": "https://full.services/#org" }, "step": [ { "@type": "HowToStep", "position": 1, "name": "Passo 1: Ative o cache mobile separado", "text": "Ative o cache de página com a opção mobile no WP Rocket ou em um plugin gratuito de cache. Em sites com tema que muda o markup por viewport, marque "Cache mobile separado" para não servir o HTML do desktop ao celular. Limpe o cache após ativar e confira o TTFB em uma URL real. Esse ajuste sozinho costuma cortar o tempo de resposta na maioria dos sites lentos." }, { "@type": "HowToStep", "position": 2, "name": "Passo 2: Converta as imagens para WebP", "text": "Converta a imagem do topo (hero) e as do conteúdo para WebP usando o WP Rocket, o Perfmatters ou um plugin gratuito de conversão. Defina width e height em cada imagem para impedir layout shift no celular. O WebP corta entre 25% e 35% do peso sem perda visível, o que se traduz em segundos a menos no 4G." }, { "@type": "HowToStep", "position": 3, "name": "Passo 3: Adie o JavaScript nao critico", "text": "Adie a execução de scripts de chat, pixel e fontes externas até o primeiro toque do usuário. Exclua os handles do menu, do slider e de qualquer recurso que precise rodar no carregamento. Teste cada exclusão em um celular real, não só no emulador, para flagrar carrossel ou popup que dependa de script." }, { "@type": "HowToStep", "position": 4, "name": "Passo 4: Gere o CSS critico do mobile", "text": "Gere e aplique o CSS crítico para o topo da página renderizar antes do CSS completo baixar. No WP Rocket essa opção chama "Optimize CSS delivery"; ela inlina o CSS acima da dobra e adia o resto. O ganho aparece direto no LCP do celular, que é a métrica que o Google mais penaliza no mobile." }, { "@type": "HowToStep", "position": 5, "name": "Passo 5: Meca no PageSpeed insights", "text": "Meça a página no PageSpeed Insights, aba Mobile, antes e depois de cada etapa anterior. Anote LCP, INP e CLS para comparar. Repita o teste em pelo menos três URLs (home, post, página de produto) porque o gargalo muda por tipo de página. Só considere o trabalho concluído quando o score mobile ficar verde. Plugin pago vale a pena quando o site tem tráfego mobile relevante e o tempo de configuração manual sai mais caro que a licença anual. A combinação gratuita exige três ou quatro plugins separados e mais ajuste fino para chegar ao mesmo resultado de uma suíte única. O WP Rocket no plano PRO da FULL automatiza cache, WebP, lazy loading e CSS crítico em uma única tela, o que reduz o tempo de otimizar sites moveis no WordPress de horas para minutos. A árvore abaixo ajuda a decidir conforme o cenário do seu site.