First contentful paint é uma métrica de perceção centrada no utilizador. Refere-se a quanto tempo leva para o navegador renderizar o primeiro não elemento, como imagens, texto ou elementos de ecrã.

É importante ter um First contentful paint rápido, pois os utilizadores irão perceber que o seu site carrega rapidamente , mesmo que não seja o caso. Dito isto, um FCP também não serve para enganar os utilizadores, mas dá uma ideia sobre a velocidade geral da sua página.

A Eye10 irá apresentar a sua pontuação FCP aos computadores e dispositivos móveis. Fique atento a quaisquer pontuações apresentadas nas cores vermelho ou laranja, significa que são necessárias melhorias.

Alguns dos passos que podem ser necessários para melhorar sua pontuação FCP incluem apresentar o texto antes e durante o carregamento da fonte, minificação de HTML/CSS ou Javascript, remoção de qualquer CSS não utilizado, reduzir o tempo até o primeiro byte (TTFB), usar imagens SVG ou WebP e reduzir o tamanho do DOM.

O índice de velocidade mede quanto tempo leva a que o conteúdo do seu site seja visto na íntegra. Ou seja, em que altura é que todos os elementos da página foram totalmente carregados e o seu site aparece na forma que final. No entanto, o índice de velocidade não é uma medida da velocidade geral da página, mas sim a perceção do utilizador de que a página foi carregada.

Portanto, pense no índice de velocidade em termos de experiência do usuário, especialmente se estiver a tentar reduzir a taxa de rejeição das páginas, especialmente se essas páginas forem lentas para carregar.

Um índice de velocidade é considerado ideal se estiver 0 e 3 segundos, considerando o que sabemos sobre quando os utilizador provavelmente abandonam uma página se perceberem que ela não está a carregar rápido o suficiente.

Se a Eye10 não apresentar uma boa pontuação para o índice de velocidade de seus URL's, alguns dos aspetos que deve considerar incluem a redução dos recursos de bloqueio de renderização e a redução do trabalho da thread principal do seu site.

Não se esqueça que como acontece com todos os outros aspetos que podem afetar a velocidade de carregamento do seu site, quanto mais complicados os elementos, maior a probabilidade de ocorrerem problemas de velocidade de carregamento. Por isso, por vezes, é melhor ao projetar um site de maneira simples para reduzir esses erros da sua estratégia de SEO mais ampla.

A maior parte dos contém uma grande variedade de elementos, como títulos, texto, imagens, botões, widgets, tabelas e muito mais. Cada um desses elementos varia em tamanho, o que significa que levam diferentes quantidades de tempo a serem carregados adequadamente para os seus utilizadores.

O First contentful paint (FCP) é um método de medir o quão bem otimizado seu site está , considerando todos esses diferentes elementos na página. Em termos mais específicos, geralmente há um tipo elemento que se destaca ao medir a velocidade de carregamento de uma página devido ao seu tamanho. Portanto, uma pontuação de FCP será baseada principalmente em torno desse elemento que afetará o quão bem seu site é otimizado em termos de velocidade geral.

Sites responsivos são projetados com diferentes dispositivos em mente. Isso significa que o seu tempo de FCP pode variar em computadores e dispositivos móveis. Portanto, deve ter isso em consideração quando tentar fazer melhorias em termos de design. Por exemplo, se sua pontuação de FCP for boa para computadores, mas não para dispositivos móveis, apenas precisa de otimizar a nível de dispositivos móveis.

Alguns dos passos que pode seguir para melhorar uma pontuação de FCP má incluem o redimensionamento ou compactação das imagens, melhoramento do fornecedor de alojamento ou recursos do seu site, use uma rede de entrega de conteúdo (CDN) e elimine scripts de bloqueio de renderização.

Se estiver a usar template de site, procure seções com carregamento lento, mesmo que possam ter uma ótima aparência visual, podem levar uma eternidade para carregar, especialmente se forem imagens pesadas.

O Tempo até interatividade (TTI) é o tempo que leva para a página a tornar-se totalmente interativa depois de um utilizador fazer o pedido de carregamento da página. O que isso significa em termos leigos, é que uma página pode parecer totalmente pronta para uso, os elementos podem não estar totalmente prontos a ser utilizados corretamente, o que pode criar uma experiência de utilizador frustrante, especialmente se a página tiver muitos elementos interativos.

O que sabemos sobre velocidade de página e o SEO é que os utilizadores esperam que o carregamento de uma página da Web demore em 3 segundos. No entanto, o TTI médio é, na verdade, de 22 segundos. Portanto, os utilizadores podem estar na página da Web, mas os elementos em que tentam clicar ou interagir não estão imediatamente acessíveis. Isto não é uma experiência satisfatória - especialmente se os utilizadores assumirem que a página está a funcionar mal mas na realidade a página simplesmente ainda ainda não foi carregada.

Muitas vezes, a causa de uma pontuação TTI baixa deve-se à existência de muitos elementos Javascript numa página. Embora todas as outras métricas de velocidade, as medidas da Eye10 também estejam fortemente relacionadas com o TTI. Por isso, se resolver quaisquer outros problemas de velocidade da sua página, o seu TTI poderá melhorar melhorar devido a isso.

O tempo total de bloqueio refere-se ao tempo gasto entre o primeiro contentful Paint e o tempo até o carregamento completo pronto para interação. Portanto, pense no tempo total de bloqueio como um resumo de todas as métricas de velocidade da sua página.

As ações do utilizador, como cliques, toques na ecrã ou pressão de teclas do teclado, são consideradas no cálculo do tempo total de bloqueio. É medido especificamente quanto tempo o utilizador está "bloqueado" de concluir qualquer uma dessas ações na sua página quando a está a tentar carregar.

Em última análise, a otimização da velocidade da página do seu site tem tem como objetivo melhorar o tempo total de bloqueio, que deve ser pensado como uma culminação de cada uma das outras métricas.

A mudança de layout cumulativo (também conhecida como CLS) significa que o layout de uma página se adapta à medida que a página é carregada. A razão pela qual o CLS acontece geralmente deve-se ao template selecionado ou à como a página foi desenhada. Muito simplesmente, os navegadores tendem a carregar elementos em uma única página a velocidades diferentes. Portanto, a forma como a página é carregada pode não dar uma sensação perfeita ao navegar pela página e, por fim, alguns elementos podem ser tão lentos para carregar que os utilizador desistem de esperar.

Um exemplo de página que tem uma pontuação CLS baixa é a página inicial da Google. Nesta página pode notar que esta página tem um número mínimo de elementos, tornando-a rápida para carregar e fácil de navegar. Embora o caso da sua página não possa apresentar o mínimo de elementos possível, ainda assim, é importante analisar como é que a sua página é carregada, especialmente quando se trata de evitar qualquer mudança no layout.

A ferramenta pageSpeed da Eye10 torna simples a medição da mudança de layout cumulativa. Se a sua página da Web tiver uma pontuação alta de CLS, sugerimos que experimente aplicar um template de site diferente ou consultar um programador para ajustar os elementos da sua página da Web para que sejam carregados com o mínimo de CLS possível. Não se esqueça de testar o seu site em diferentes browsers e dispositivos ao fazer melhorias.

Existe uma variedade de testes de velocidade de sites que se podem fazer. Surpreendentemente, cada ferramenta pode fornecer resultados diferentes devido à localização da ferramenta em relação à localização do servidor, assim como diferenças nos recursos dessas ferramentas.

Por isso é importante verificar a velocidade da sua página em ferramentas alternativas para tentar identificar padrões gerais, assim como descobrir informações adicionais.

A Ferramenta Pagespeed da Eye10 fornece dados do Google Pagespeed Insights e do Gtmetrix. Isto significa que não precisa pagar por subscrições em diferentes ferramentas ou até mesmo perder tempo a repetir pesquisas - a Eye10 combina tudo o que precisa para fazer todos estes testes de forma rápida e eficiente.

Aqui está uma visão geral do aspetos que cada ferramenta lhe irá dizer. A ferramenta Pagespeed vai combinar as descobertas na página para que possa ver o que cada ferramenta descobre simultaneamente.

Ao inserir seu URL na ferramenta Pagespeed da Eye10, irão ser apresentados vários aspetos muito importantes do Google Pagespeed Insights.

A Eye10 também oferece a opção de alternar entre leituras em dispositivos móveis e em computadores, portanto pode ter uma ideia abrangente sobre a velocidade de carregamento de suas páginas em qualquer um dos tipos de dispositivo.

O Google Pagespeed Insights inclui resumo da pontuação, índice de velocidade, da apresentação de conteúdo, tempo para interação, total tempo de bloqueio e mudança de layout cumulativa.

Certifique-se de que os resultados para dispositivos móveis e computadores são apresentados na cor verde ao alternar entre cada tipo de dispositivo.

O GTmetrix é uma outra ferramenta popular que pode ser usada para medir a velocidade das páginas web. Permite que descubra ainda mais informações sobre a sua página enquanto obtém uma segunda opinião muito importante.

Os aspetos que o GTmetrix vai fornecer na ferramenta Pagespeed incluem uma lista dos principais problemas que afetam o seu desempenho, a Pontuação de velocidade de página, a nota de desempenho, o tempo de carregamento total, o tamanho total de página e pedidos.

Vai notar que alguns aspetos são semelhantes ao Google Pagespeed Insights e outros oferecem mais detalhes, como o tamanho total do seu página e quanto tempo a sua página leva para carregar completamente.

Respondemos abaixo a algumas das perguntas frequentes sobre o Pagespeed. Se não encontrar sua a resposta às suas dúvidas abaixo ou se precisar de ajuda específica com a ferramenta Pagespeed da Eye10, entre em contato diretamente connosco.

O Pagespeed Insights é uma ferramenta oficial do Google e, como o Google é o principal motor de busca do mundo, essa ferramenta não teria sido desenvolvida se não fosse importante.

Em última análise, os motores de buscas têm como objetivo enviar os utilizadores para as páginas que oferecem a melhor experiência, já que os motores de busca também estão competem entre si. Os sites relevantes que são rápidos a carregar serão sempre preferidos a sites lentos e com falhas.

Afinal, se os utilizadores estiverem a sair das páginas é porque estas estão a demorar a carregar, mesmo que o seu conteúdo tenha sido metodicamente otimizado para SEO, ninguém vai esperar para ler.

Posto isto, vale muito a pena dar uma olhada em todas as sugestões que o Eye10 vai te dar, para que o seu site carregue rapidamente.

O Google Pagespeed Insights classifica a pontuação do URL do seu site nas seguintes categorias:

90-100 - Bom
58-89 - Ok
0-49 - Mau

Idealmente, o seu site deve demorar entre 1 a 3 segundos a carregar, tendo em conta que 53% das visitas em dispositivos móveis são abandonadas se a página demorar mais de 3 segundos para carregar.

Veja a pontuação que a Eye10 fornece para os tempos de carregamento da sua página através do Google Pagespeed Insights e do GTmetrix, dependendo se o site está a ser acedido a partir de um computador ou dispositivo móvel.

Irá ser apresentados detalhes sobre ambas as pontuações juntamente coma um lista de mudanças necessárias para melhorar a pontuação, caso algum problema seja detetado.

A Ferramenta Pagespeed da Eye10 fornece até 30 pedidos por através do pacote Professional ou até 100 solicitações por dia no nosso pacote Enterprise.

Para isto basta que insira o seu URL e a Eye10 fará o resto! Recomendamos que verifique a velocidade de carregamento das suas páginas regularmente, especialmente se fez alterações recentemente ao seu site, incluindo alterações ao seu design ou recursos de alojamento.

Sim, a velocidade da página é um fator de classificação relacionado com o SEO técnico.

Os motores de busca não querem direcionar os utilizadores para sites que demoram muito tempo acarregar, pois isso resulta numa má experiência de utilizador. Portanto, se quiser subir nas classificações dos motores de busca, precisa fazer todos os possível para reduzir o tempo de carregamento da sua página.

Existem uma infinidade de aspetos que podem ser otimizados dentro do seu site de maneira a obter um tempo de carregamento mais rápido. Aqui está um resumo das principais coisas que recomendamos que verifique.

Atualize os recursos de alojamento do seu site - Com o tempo, o tráfego do seu site e o tamanho do seu site provavelmente aumentar. Certifique-se de que seu site consegue lidar com a quantidade de tráfego que recebe. Da mesma forma, pode ter selecionado um pacote de alojamento que não oferece resultados bons no que diz respeito ao tempo de carregamento da página, portanto, verifique a velocidade junto do seu fornecedor de hospedagem e compare esse tempo com outros fornecedores para ver se tem o pacote certo ou não.

Use uma CDN - Uma CDN significa rede de distribuição de conteúdo. Em suma, uma CDN replica versões do seu site em servidores localizados em todo o mundo, reduzindo o tempo que leva para carregar a sua página. Tente usar uma CDN se o seu fornecedor de alojamento não estiver no mesmo país que o seu público-alvo. Se o seu site tiver um público-alvo global, as CDNs são também recomendadas.

Optimize as imagens - Ao contrário do texto, os ficheiros de imagem são muito mais substanciais em termos de tamanho. Se alguma imagem do seu site não tiver um tamanho reduzido antes de ser carregado (ou seja, se não houver um redimensionamento apropriado da imagem), assuas imagens podem sobrecarregar os recursos de largura de banda do utilizador.

Verifique se há erros no código do site - Independentemente de se o seu site foi desenvolvido (mesmo que tenha sido usado um template), verifique se não existem erros óbvios ou falhas que prejudiquem as suas páginas.

Remova pop-ups - Os pop-ups são um dos muitos elementos que podem deixar suas páginas mais lentas. Remova este tipo d elementos para que suas páginas possam carregar o mais rápido possível.

É fácil ser atraído por ofertas de alojamento baratas ou até mesmo escolher os entidades mais populares do mercado. Mas antes de contratar qualquer pacote de alojamento para o seu site, deve ler as letras pequenas. Mais especificamente, observe a capacidade do servidor que irá receber, garantindo que vai escolher um pacote que realmente cumpre as necessidades do seu site.

Veja também por quanto tempo também vai ficar vinculado ao contrato, caso tenha necessidade de atualizar servidores ou até mesmo trocar de fornecedor. Pode ser um processo complicado mudar de fornecedor de alojamento, e algumas plataformas podem impor restrições que impedem de fazer isso por um determinado período de tempo.

Pense nisso se o fornecedor de alojamento não estiver no seu país (ou seja, o seu site está no Reino Unido, mas o seu site será hospedado nos EUA), será necessário um CDN. Portanto, idealmente, o fornecedor de alojamento deve estar sempre localizado no mesmo país do seu site para evitar esse problema. Embora para qualquer site com um público global (ou seja, blogs), um CDN seja sempre recomendado.

Não se esqueça de verificar também as avaliações dos utilizadores. Opte pela plataforma de alojamento com os melhores pacotes com base em recursos e concessões, avaliando também a qualidade de suporte ao cliente.

É verdade que nem todos os empreendedores ou startups têm orçamento para um ter um programador ou designer web. Mas, como acontece com todos os outros serviços de que o seu site precisa, a ausência de conhecimento necessário para garantir um resultado profissional, pode depois custar mais para corrigir o problema a longo prazo.

Os programadores Web são responsáveis por criar o seu site, enquanto os web designers cuidam da aparência real do seu site. Ambas as especialidades podem contribuir para garantir que seu site seja carregado rapidamente. Se tiver um site que demora a carregar, o novo design terá de excluir todos os problemas do design atual, e esse objetivo só pode ser alcançado com a experiência certa ao seu lado.

De qualquer forma, sugerimos que use a nossa ferramenta PageSpeed para analisar detalhadamente o estado atual do seu site. Da mesma forma, se o seu site estiver ativo no momento, os dados o vão guiá-lo na direção certa quando se quiser entender quais aspetos do seu site estão tornar as coisas mais lentas.

Outra razão pela qual os desenvolvedores e designers da web são essenciais para o processo de construção do site, é que eles podem aconselhar sobre quais os elementos simplesmente não são necessários para incluir no seu site. Também podem indicar elementos que podem ser otimizados para que demorem menos tempo para carregar na página.

Se estiver a desenvolver o seu próprio site, considere quais elementos sua página realmente precisa. Elementos desnecessários não vão gerar valor aos seus utilizadores e, pior ainda, vão deixar sua página mais lenta.

O nosso objetivo é garantir que não construa seu site e depois pare de trabalhar nele! Assim como em todos os aspetos do seu SEO, deve verificar regularmente o estado da velocidade da sua página através da Ferramenta PageSpeed da Eye10 que vai permitir que fique por dentro de qualquer problema rapidamente. Caso contrário, pode estar consciente de que algumas páginas demoram a carregar, causando uma má experiência de utilizador e uma alta taxa de rejeição.

A Eye10 oferece uma quantidade generosa de dados diárias através da ferramenta Pagespeed, portanto, use-a para que seu site beneficie da sua subscrição Eye10.

It’s easy to get lured in by cheap hosting deals, or even to choose the most popular names on the market. But before you take out any hosting package for your website, you must read the small print. Specifically, look at the server capacity you will recieve, ensuring that you choose a package that truly meets the needs of your website.

Also look at how long you will be tied into the contract too, should you need to upgrade servers or even switch providers. It can be a complicated process to switch hosting providers, and some platforms may impose restrictions preventing you from doing so for a certain amount of time.

Consider that if the hosting provider isn’t located in your country (i.e your website is in the UK but your website will be hosted in the US), a CDN will be required. So ideally, the hosting provider should always be located in the same country as your website to avoid this issue entirely. Although for any websites with a global audience (i.e. blogs), a CDN is still recommended.

Be sure to check user reviews also. Opt for the hosting platform with the best packages based on capabilities and allowances, along with one that has dedicated customer support.