{"id":17,"date":"2026-07-13T19:42:00","date_gmt":"2026-07-13T22:42:00","guid":{"rendered":"https:\/\/grupomelvor.com.br\/blog\/?p=17"},"modified":"2026-09-15T14:42:50","modified_gmt":"2026-09-15T17:42:50","slug":"seu-site-no-celular-o-teste-que-quase-ninguem-faz-e-todo-cliente-faz","status":"publish","type":"post","link":"https:\/\/grupomelvor.com.br\/blog\/seu-site-no-celular-o-teste-que-quase-ninguem-faz-e-todo-cliente-faz\/","title":{"rendered":"Seu site no celular: o teste que quase ningu\u00e9m faz e todo cliente faz"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Existe um descompasso silencioso na maioria das empresas brasileiras:&nbsp;<strong>o dono avalia o site num lugar, e o cliente avalia em outro.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O dono abre no computador do escrit\u00f3rio. Tela grande, wi-fi da empresa, navegador com o site j\u00e1 em cache porque ele entra ali toda semana. Carrega instant\u00e2neo, tudo cabe na tela, tudo parece certo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O cliente abre no celular, no 4G, em p\u00e9, na fila do banco, com o celular a 20% de bateria e o brilho no m\u00ednimo. \u00c9 outro site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Por que o celular \u00e9 o site de verdade<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">N\u00e3o \u00e9 uma quest\u00e3o de prefer\u00eancia ou de tend\u00eancia. \u00c9 uma quest\u00e3o de onde as pessoas est\u00e3o quando t\u00eam o problema que voc\u00ea resolve.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ningu\u00e9m liga o notebook para procurar um servi\u00e7o. A pessoa lembra do problema no meio do dia, pega o celular que j\u00e1 est\u00e1 na m\u00e3o e busca. Se ela gostar do que viu, a\u00ed sim talvez volte no computador depois \u2014 mas a decis\u00e3o de te dar ou n\u00e3o uma chance foi tomada naquela tela de seis polegadas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Isso tem uma consequ\u00eancia que muita gente inverte:&nbsp;<strong>o site n\u00e3o \u00e9 &#8220;adaptado para celular&#8221;. O site \u00e9 para celular, e adaptado para computador.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Os cinco defeitos que aparecem sempre<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Depois de abrir muitos sites de empresa no celular, a lista de problemas \u00e9 notavelmente repetitiva.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1 \u00b7 A primeira tela n\u00e3o diz nada.<\/strong>&nbsp;No computador, a primeira dobra mostra logo, menu, imagem grande, t\u00edtulo e subt\u00edtulo. No celular, mostra logo, menu e um peda\u00e7o da imagem. O t\u00edtulo ficou abaixo. A pessoa v\u00ea uma foto bonita e nenhuma informa\u00e7\u00e3o, e precisa rolar para descobrir o que voc\u00ea faz \u2014 o que ela n\u00e3o vai fazer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2 \u00b7 O telefone est\u00e1 escondido.<\/strong>&nbsp;Fica no rodap\u00e9, a nove rolagens de dist\u00e2ncia, ou dentro de um menu sandu\u00edche que precisa ser aberto. No celular, o contato deveria estar a um toque de qualquer ponto da p\u00e1gina.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3 \u00b7 Os bot\u00f5es s\u00e3o pequenos demais.<\/strong>&nbsp;Existe uma medida para isso:&nbsp;<strong>44 pixels<\/strong>. \u00c1rea de toque menor que isso faz o dedo errar. Erra uma vez, tenta de novo, erra de novo, desiste. \u00c9 um dos abandonos mais silenciosos que existem, porque a pessoa nem chega a formar a opini\u00e3o de que n\u00e3o gostou \u2014 ela s\u00f3 se irrita.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4 \u00b7 A tabela ou o formul\u00e1rio estoura a tela.<\/strong>&nbsp;Um elemento largo demais faz a p\u00e1gina rolar para o lado. O texto sai da tela pela direita e a pessoa precisa arrastar horizontalmente para ler cada linha. \u00c9 um defeito antigo e ainda comum.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>5 \u00b7 O texto \u00e9 pequeno, ou \u00e9 grande demais.<\/strong>&nbsp;Menos de 16 pixels obriga a pessoa a dar zoom. Mais de 20 faz cada par\u00e1grafo ocupar meia tela e a leitura vira uma escadaria infinita.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">O teste, em cinco minutos<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Fa\u00e7a agora, com o seu pr\u00f3prio celular:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Desligue o wi-fi.<\/strong>&nbsp;\u00c9 o passo mais importante e o mais pulado. O wi-fi de casa esconde todos os problemas de peso.<\/li>\n\n\n\n<li><strong>Abra o seu site numa aba an\u00f4nima.<\/strong>&nbsp;Sem cache, como qualquer visitante novo.<\/li>\n\n\n\n<li><strong>Conte os segundos<\/strong>&nbsp;at\u00e9 conseguir ler alguma coisa que n\u00e3o seja o logo.<\/li>\n\n\n\n<li><strong>Sem rolar<\/strong>, responda: o que essa empresa faz, e para quem?<\/li>\n\n\n\n<li><strong>Tente chamar a empresa.<\/strong>&nbsp;Quantos toques at\u00e9 abrir o WhatsApp ou a discagem?<\/li>\n\n\n\n<li><strong>Role a p\u00e1gina inteira<\/strong>&nbsp;e veja se em algum momento ela arrasta para o lado.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Se voc\u00ea levou mais de tr\u00eas segundos no passo 3, mais de dois toques no passo 5, ou a p\u00e1gina arrastou para o lado em qualquer ponto do passo 6, voc\u00ea acabou de encontrar um problema que custa clientes toda semana \u2014 e que nenhum relat\u00f3rio ia te contar.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">A ferramenta que d\u00e1 o n\u00famero<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Depois do teste manual, existe um jeito de trocar impress\u00e3o por medida: o&nbsp;<strong>PageSpeed Insights<\/strong>, do pr\u00f3prio Google. \u00c9 gratuito, \u00e9 uma caixa de busca, voc\u00ea cola o endere\u00e7o do seu site e ele devolve uma nota.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Duas coisas importantes sobre ele:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Olhe a aba Celular, n\u00e3o a Desktop.<\/strong>&nbsp;Elas d\u00e3o notas bem diferentes, e a de celular \u00e9 a que conta \u2014 inclusive para o Google, que indexa a vers\u00e3o m\u00f3vel do seu site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>A nota n\u00e3o \u00e9 o mais importante.<\/strong>&nbsp;Abaixo dela vem uma lista de problemas espec\u00edficos, em ordem de quanto tempo cada um custa. \u00c9 essa lista que serve. Nota 60 com &#8220;imagens em formato antigo&#8221; no topo \u00e9 um problema resolv\u00edvel numa tarde. Nota 60 por dez motivos diferentes \u00e9 outra conversa.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">O que costuma pesar<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Na esmagadora maioria dos casos, a lentid\u00e3o de um site de empresa tem tr\u00eas causas, nesta ordem:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Imagens grandes demais.<\/strong>&nbsp;Uma foto tirada no celular tem 4 MB. Se ela subiu para o site do jeito que saiu da c\u00e2mera, cada visitante baixa esses 4 MB. Uma imagem bem tratada para web pesa entre 100 KB e 300 KB e \u00e9 visualmente id\u00eantica na tela.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Plugins e scripts demais.<\/strong>&nbsp;Cada ferramenta instalada \u2014 chat, pop-up, rastreador, carrossel, anima\u00e7\u00e3o \u2014 traz o pr\u00f3prio c\u00f3digo junto. Vinte plugins somam facilmente mais peso que o site inteiro.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>V\u00eddeo de fundo.<\/strong>&nbsp;Bonito no computador, cruel no 4G. Se tiver, precisa ter um substituto leve para quem chega pelo celular.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nada disso exige refazer o site. S\u00e3o tr\u00eas frentes, trat\u00e1veis separadamente, e a primeira costuma resolver metade do problema num \u00fanico dia de trabalho.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A maioria dos donos de empresa avalia o pr\u00f3prio site no computador do escrit\u00f3rio, no wi-fi. O cliente avalia no celular, no 4G, andando. S\u00e3o dois sites diferentes.<\/p>\n","protected":false},"author":1,"featured_media":18,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-17","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-territorio-digital"],"_links":{"self":[{"href":"https:\/\/grupomelvor.com.br\/blog\/wp-json\/wp\/v2\/posts\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grupomelvor.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/grupomelvor.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/grupomelvor.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grupomelvor.com.br\/blog\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":2,"href":"https:\/\/grupomelvor.com.br\/blog\/wp-json\/wp\/v2\/posts\/17\/revisions"}],"predecessor-version":[{"id":53,"href":"https:\/\/grupomelvor.com.br\/blog\/wp-json\/wp\/v2\/posts\/17\/revisions\/53"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/grupomelvor.com.br\/blog\/wp-json\/wp\/v2\/media\/18"}],"wp:attachment":[{"href":"https:\/\/grupomelvor.com.br\/blog\/wp-json\/wp\/v2\/media?parent=17"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/grupomelvor.com.br\/blog\/wp-json\/wp\/v2\/categories?post=17"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/grupomelvor.com.br\/blog\/wp-json\/wp\/v2\/tags?post=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}