Estado da web 2020: tecnologias, SEO, CMS, mobile, webperf, segurança…

Números-chave sobre o conteúdo das páginas

Esta primeira parte do estudo é dedicada a estatísticas sobre CSS, JavaScript, marcação web e fontes web.

O relatório indica que o uso de JavaScript está aumentando, mas ainda é importante pesar o peso dos scripts para limitar a desaceleração das páginas da web. Isso alcançará um equilíbrio entre acessibilidade, desempenho e segurança. De referir ainda que as bibliotecas mais populares (CMS, framework, etc.), nomeadamente WordPress, Bootstrap e Font Awesome, são as que mais adotaram novas funcionalidades, enquanto os desenvolvedores independentes tendem a ser mais conservadores. Por fim, o estudo destaca que, na web, podemos observar duas velocidades quanto à adoção do CSS. Ainda existem mais códigos ‘ antigos ‘ do que ‘ novos ‘, às vezes com códigos de 10 anos.

1. CSS/JavaScript

o peso do CSS aumentou: 1 em cada 10 páginas carregam mais de 240 KB de código CSS, mas apenas 15% delas incluem mapas de origem,
o número de regras por página: a mediana é de 448 regras, mas 10% das páginas contêm menos de 13 regras,
a tag <script> é o 6º elemento HTML mais usado,
em uma página móvel, 37,22% dos bytes JavaScript não são usados,
a mediana de solicitações JavaScript é de 20 por página.

2. Marcação da Web

96,82% das páginas têm um doctype,
em todas as páginas da web, o tamanho médio de um documento é de 48,17 Kb.

3. Fontes da Web

82% das páginas da web para desktop usam webfonts (80% para páginas móveis).

4. Conteúdo de Terceiros

22% do conteúdo de terceiros é baseado em JavaScript, acima dos 32% em 2019
94% dos sites usam tags de terceiros,
Imagens e JavaScript representam 60% do conteúdo de terceiros,
O Google Fonts e a publicidade são as áreas que mais veiculam conteúdo de terceiros.

Experiência de usuário

Com a pandemia global, o SEO assumiu um lugar de destaque em 2020 e levou os sites a otimizar suas configurações técnicas, a relevância de seu conteúdo e a facilidade de acesso às informações. Portanto, Search Engine Optimization tornou-se uma das estratégias de aquisição mais populares. Outro ponto abordado pelo estudo, há um declínio na acessibilidade digital, principalmente devido ao mau uso de widgets dedicados à otimização da acessibilidade. Por fim, os dados coletados mostram que é importante continuar investindo na melhoria do desempenho e que ainda há muito trabalho a ser feito no Largest Contentful Paint (LCP) e no First Contentful Paint (FCP), em particular.

1.Otimização de mecanismos de pesquisa

51% das páginas de desktop incluem uma tag canônica (em comparação com 53% das páginas para celular).
Apenas 64% dos sites incluem um H1 e 70% contêm um H2.
O número médio de palavras em um título é 6, com 38 caracteres,
68% das páginas têm uma meta descrição, com mediana de 19 palavras e 138 caracteres nas páginas web (136 nas páginas mobile),
O número médio de links internos por página é 61 no desktop e 54 no celular.

2. Acessibilidade

Apenas 21% dos sites têm contraste de cores suficiente para pessoas com problemas de visão (redução de 1% em relação ao ano passado).
O recurso “zoom” está desativado em 24% dos sites para computador e 30% dos sites para celular.

3. Desempenho

Com a atualização do Lighthouse passando da versão 5 para 6, apenas 4% dos sites não viram alteração na pontuação de desempenho,
Por outro lado, a proporção de sites que viram sua classificação aumentar é menor do que aquela cuja classificação piorou (aumento de páginas com pontuação entre 0 e 25 e diminuição do número de páginas com pontuação entre 50 e 100). Apenas 1% das páginas recebeu uma pontuação de 100,
53% dos sites (43% em dispositivos móveis) tiveram um bom desempenho de LCP com um tempo de carregamento da página para que o conteúdo principal ficasse visível em 2,5s,
A Coreia do Sul tem o melhor desempenho de LCP (76%). A França está na 12ª posição no ranking, com uma taxa de 50%,
54% das páginas da web têm um bom desempenho no lado do deslocamento de layout cumulativo (CLS), o que significa que elas têm boa estabilidade visual (menos de 0,1s),
O Japão tem o melhor desempenho (69%), a França ocupa a 10ª posição com 61%,
Com base no percentil 75, 100% dos sites são classificados como bons no critério First Input Delay (FID), que mede o tempo entre a primeira interação do usuário com uma página e quando o navegador pode realmente responder a essa ação. No celular, esse número aumenta para 80%,
A Coreia do Sul ocupa o primeiro lugar no critério FID com uma taxa geral de 97%, a França ocupa o 13º lugar com uma taxa de 88%.

4. Privacidade

93% dos sites têm pelo menos 1 rastreador,
Os rastreadores mais usados são: Google (presente em pelo menos 70% dos sites sejam Analytics, APIs ou Fonts), depois Facebook e finalmente Cloudflare,
Mais de 60% dos rastreadores estão relacionados à publicidade,
44,8% dos sites têm uma política de privacidade.

5. Segurança

6.Web móvel

58% dos sites são visitados em dispositivos móveis, mas essas visitas representam apenas 42% do tempo total de visita. O tempo médio por visita é de 11,52 minutos no computador, em comparação com 5,95 minutos no celular.
O celular responde por 79,6% do tempo gasto em sites de varejo, mas representa apenas 32,3% das vendas de comércio eletrônico.

Publicação de conteúdo

Esta parte se concentra em sistemas de gerenciamento de conteúdo (CMS), que permitem criar, gerenciar, organizar e publicar conteúdo. No geral, os CMS são cada vez mais adotados pelos jogadores da web e o WordPress continua sendo o grande favorito.

1. CMS

42% das páginas da web são alimentadas por uma plataforma CMS (+5,4% em relação a 2019),
Classificações de compartilhamento de uso: WordPress (31,04%), Joomla (2,05%), Drupal (1,98%), Wix (1,28%) e Squarespace (0,97%).
O número médio de recursos carregados por plugins em um site WordPress é 22,
No Lighthouse, o WordPress tem uma pontuação média de 0,9, Joomla 0,86, Drupal 0,83 e Wix e Squarespace 0,93.
O impacto ambiental das TIC representa 2% das emissões globais de carbono e os data centers 0,3%. O impacto ambiental do CMS é estimado em aproximadamente 1,5 gramas de CO2 por página.

2. Jamstack

0,7% das páginas da web adotaram o Jamstack em 2020, acima dos 0,4% em 2019.

Distribuição de conteúdo

1. Peso da página

O peso médio de uma página da web é de 2 MB no computador e 1,9 MB no celular,
Os tipos de mídia mais pesados são imagens e JavaScript. A mediana de uma página inclui 1,01 MB de imagens e 444 KB de JavaScript.

2. Uso de cache

73,6% das páginas de desktop usam controle de cache (73,5% em dispositivos móveis),
55,5% das páginas de desktop usam cabeçalhos de expiração (56,2% em dispositivos móveis),
O uso de hint-resources é dividido em 33% para dns-preftech, 18% para preload , 8% para preconnect e finalmente preftech em 3%.