{"id":3316,"date":"2022-05-16T20:29:46","date_gmt":"2022-05-16T23:29:46","guid":{"rendered":"https:\/\/nearjob.com.br\/?p=3316"},"modified":"2022-05-16T20:29:49","modified_gmt":"2022-05-16T23:29:49","slug":"estado-da-web-2020-tecnologias-seo-cms-mobile-webperf-seguranca","status":"publish","type":"post","link":"https:\/\/nearjob.com.br\/en\/estado-da-web-2020-tecnologias-seo-cms-mobile-webperf-seguranca\/","title":{"rendered":"Estado da web 2020: tecnologias, SEO, CMS, mobile, webperf, seguran\u00e7a\u2026"},"content":{"rendered":"<h2 class=\"wp-block-heading\">N\u00fameros-chave sobre o conte\u00fado das p\u00e1ginas<\/h2>\n\n\n\n<p>Esta primeira parte do estudo \u00e9 dedicada a estat\u00edsticas sobre CSS, JavaScript, marca\u00e7\u00e3o web e fontes web.<\/p>\n\n\n\n<p>O relat\u00f3rio indica que o uso de JavaScript est\u00e1 aumentando, mas ainda \u00e9 importante pesar o peso dos scripts para limitar a desacelera\u00e7\u00e3o das p\u00e1ginas da web.&nbsp;Isso alcan\u00e7ar\u00e1 um equil\u00edbrio entre acessibilidade, desempenho e seguran\u00e7a.&nbsp;De referir ainda que as bibliotecas mais populares (CMS, framework, etc.), nomeadamente WordPress, Bootstrap e Font Awesome, s\u00e3o as que mais adotaram novas&nbsp;<em>funcionalidades,<\/em>&nbsp;enquanto os desenvolvedores independentes tendem a ser mais conservadores.&nbsp;Por fim, o estudo destaca que, na web, podemos observar duas velocidades quanto \u00e0 ado\u00e7\u00e3o do CSS.&nbsp;Ainda existem mais&nbsp;&nbsp;&nbsp;c\u00f3digos &#8216;&nbsp;&nbsp;<em>antigos &#8216; do que &#8216;&nbsp;<\/em><em>novos<\/em>&nbsp;&#8216;, \u00e0s vezes com c\u00f3digos de 10 anos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. CSS\/JavaScript<\/h3>\n\n\n\n<ul><li>o peso do CSS aumentou: 1 em cada 10 p\u00e1ginas carregam mais de 240 KB de c\u00f3digo CSS, mas apenas 15% delas incluem mapas de origem,<\/li><li>o n\u00famero de regras por p\u00e1gina: a mediana \u00e9 de 448 regras, mas 10% das p\u00e1ginas cont\u00eam menos de 13 regras,<\/li><li>a tag &lt;script&gt; \u00e9 o 6\u00ba elemento HTML mais usado,<\/li><li>em uma p\u00e1gina m\u00f3vel, 37,22% dos bytes JavaScript n\u00e3o s\u00e3o usados,<\/li><li>a mediana de solicita\u00e7\u00f5es JavaScript \u00e9 de 20 por p\u00e1gina.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">2. Marca\u00e7\u00e3o da Web<\/h3>\n\n\n\n<ul><li>96,82% das p\u00e1ginas t\u00eam um doctype,<\/li><li>em todas as p\u00e1ginas da web, o tamanho m\u00e9dio de um documento \u00e9 de 48,17 Kb.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">3. Fontes da Web<\/h3>\n\n\n\n<ul><li>82% das p\u00e1ginas da web para desktop usam webfonts (80% para p\u00e1ginas m\u00f3veis).<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">4. Conte\u00fado de Terceiros<\/h3>\n\n\n\n<ul><li>22% do conte\u00fado de terceiros \u00e9 baseado em JavaScript, acima dos 32% em 2019<\/li><li>94% dos sites usam tags de terceiros,<\/li><li>Imagens e JavaScript representam 60% do conte\u00fado de terceiros,<\/li><li>O Google Fonts e a publicidade s\u00e3o as \u00e1reas que mais veiculam conte\u00fado de terceiros.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Experi\u00eancia de usu\u00e1rio<\/h2>\n\n\n\n<p>Com a pandemia global, o SEO assumiu um lugar de destaque em 2020 e levou os sites a otimizar suas configura\u00e7\u00f5es t\u00e9cnicas, a relev\u00e2ncia de seu conte\u00fado e a facilidade de acesso \u00e0s informa\u00e7\u00f5es.&nbsp;Portanto, Search Engine Optimization tornou-se uma das estrat\u00e9gias de aquisi\u00e7\u00e3o mais populares.&nbsp;Outro ponto abordado pelo estudo, h\u00e1 um decl\u00ednio na acessibilidade digital, principalmente devido ao mau uso de widgets dedicados \u00e0 otimiza\u00e7\u00e3o da acessibilidade.&nbsp;Por fim, os dados coletados mostram que \u00e9 importante continuar investindo na melhoria do desempenho e que ainda h\u00e1 muito trabalho a ser feito no&nbsp;<em>Largest Contentful Paint<\/em>&nbsp;(LCP) e no&nbsp;<em>First Contentful Paint<\/em>&nbsp;(FCP), em particular.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1.Otimiza\u00e7\u00e3o de mecanismos de pesquisa<\/h3>\n\n\n\n<ul><li>51% das p\u00e1ginas de desktop incluem uma tag can\u00f4nica (em compara\u00e7\u00e3o com 53% das p\u00e1ginas para celular).<\/li><li>Apenas 64% dos sites incluem um H1 e 70% cont\u00eam um H2.<\/li><li>O n\u00famero m\u00e9dio de palavras em um t\u00edtulo \u00e9 6, com 38 caracteres,<\/li><li>68% das p\u00e1ginas t\u00eam uma meta descri\u00e7\u00e3o, com mediana de 19 palavras e 138 caracteres nas p\u00e1ginas web (136 nas p\u00e1ginas mobile),<\/li><li>O n\u00famero m\u00e9dio de links internos por p\u00e1gina \u00e9 61 no desktop e 54 no celular.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">2. Acessibilidade<\/h3>\n\n\n\n<ul><li>Apenas 21% dos sites t\u00eam contraste de cores suficiente para pessoas com problemas de vis\u00e3o (redu\u00e7\u00e3o de 1% em rela\u00e7\u00e3o ao ano passado).<\/li><li>O recurso &#8220;zoom&#8221; est\u00e1 desativado em 24% dos sites para computador e 30% dos sites para celular.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">3. Desempenho<\/h3>\n\n\n\n<ul><li>Com a atualiza\u00e7\u00e3o do Lighthouse passando da vers\u00e3o 5 para 6, apenas 4% dos sites n\u00e3o viram altera\u00e7\u00e3o na pontua\u00e7\u00e3o de desempenho,<\/li><li>Por outro lado, a propor\u00e7\u00e3o de sites que viram sua classifica\u00e7\u00e3o aumentar \u00e9 menor do que aquela cuja classifica\u00e7\u00e3o piorou (aumento de p\u00e1ginas com pontua\u00e7\u00e3o entre 0 e 25 e diminui\u00e7\u00e3o do n\u00famero de p\u00e1ginas com pontua\u00e7\u00e3o entre 50 e 100).&nbsp;Apenas 1% das p\u00e1ginas recebeu uma pontua\u00e7\u00e3o de 100,<\/li><li>53% dos sites (43% em dispositivos m\u00f3veis) tiveram um bom desempenho de LCP com um tempo de carregamento da p\u00e1gina para que o conte\u00fado principal ficasse vis\u00edvel em 2,5s,<\/li><li>A Coreia do Sul tem o melhor desempenho de LCP (76%).&nbsp;A Fran\u00e7a est\u00e1 na 12\u00aa posi\u00e7\u00e3o no ranking, com uma taxa de 50%,<\/li><li>54% das p\u00e1ginas da web t\u00eam um bom desempenho no lado do&nbsp;<em>deslocamento de layout cumulativo<\/em>&nbsp;(CLS), o que significa que elas t\u00eam boa estabilidade visual (menos de 0,1s),<\/li><li>O Jap\u00e3o tem o melhor desempenho (69%), a Fran\u00e7a ocupa a 10\u00aa posi\u00e7\u00e3o com 61%,<\/li><li>Com base no percentil 75, 100% dos sites s\u00e3o classificados como bons no crit\u00e9rio&nbsp;<em>First Input Delay<\/em>&nbsp;(FID), que mede o tempo entre a primeira intera\u00e7\u00e3o do usu\u00e1rio com uma p\u00e1gina e quando o navegador pode realmente responder a essa a\u00e7\u00e3o.&nbsp;No celular, esse n\u00famero aumenta para 80%,<\/li><li>A Coreia do Sul ocupa o primeiro lugar no crit\u00e9rio FID com uma taxa geral de 97%, a Fran\u00e7a ocupa o 13\u00ba lugar com uma taxa de 88%.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">4. Privacidade<\/h3>\n\n\n\n<ul><li>93% dos sites t\u00eam pelo menos 1 rastreador,<\/li><li>Os rastreadores mais usados \u200b\u200bs\u00e3o: Google (presente em pelo menos 70% dos sites sejam Analytics, APIs ou Fonts), depois Facebook e finalmente Cloudflare,<\/li><li>Mais de 60% dos rastreadores est\u00e3o relacionados \u00e0 publicidade,<\/li><li>44,8% dos sites t\u00eam uma pol\u00edtica de privacidade.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">5. Seguran\u00e7a<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\">6.Web m\u00f3vel<\/h3>\n\n\n\n<ul><li>58% dos sites s\u00e3o visitados em dispositivos m\u00f3veis, mas essas visitas representam apenas 42% do tempo total de visita.&nbsp;O tempo m\u00e9dio por visita \u00e9 de 11,52 minutos no computador, em compara\u00e7\u00e3o com 5,95 minutos no celular.<\/li><li>O celular responde por 79,6% do tempo gasto em sites de varejo, mas representa apenas 32,3% das vendas de com\u00e9rcio eletr\u00f4nico.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Publica\u00e7\u00e3o de conte\u00fado<\/h2>\n\n\n\n<p>Esta parte se concentra em sistemas de gerenciamento de conte\u00fado (CMS), que permitem criar, gerenciar, organizar e publicar conte\u00fado.&nbsp;No geral, os CMS s\u00e3o cada vez mais adotados pelos jogadores da web e o WordPress continua sendo o grande favorito.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. CMS<\/h3>\n\n\n\n<ul><li>42% das p\u00e1ginas da web s\u00e3o alimentadas por uma plataforma CMS (+5,4% em rela\u00e7\u00e3o a 2019),<\/li><li>Classifica\u00e7\u00f5es de compartilhamento de uso: WordPress (31,04%), Joomla (2,05%), Drupal (1,98%), Wix (1,28%) e Squarespace (0,97%).<\/li><li>O n\u00famero m\u00e9dio de recursos carregados por plugins em um site WordPress \u00e9 22,<\/li><li>No Lighthouse, o WordPress tem uma pontua\u00e7\u00e3o m\u00e9dia de 0,9, Joomla 0,86, Drupal 0,83 e Wix e Squarespace 0,93.<\/li><li>O impacto ambiental das TIC representa 2% das emiss\u00f5es globais de carbono e os data centers 0,3%.&nbsp;O impacto ambiental do CMS \u00e9 estimado em aproximadamente 1,5 gramas de CO2 por p\u00e1gina.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">2. Jamstack<\/h3>\n\n\n\n<ul><li>0,7% das p\u00e1ginas da web adotaram o Jamstack em 2020, acima dos 0,4% em 2019.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Distribui\u00e7\u00e3o de conte\u00fado<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1. Peso da p\u00e1gina<\/h3>\n\n\n\n<ul><li>O peso m\u00e9dio de uma p\u00e1gina da web \u00e9 de 2 MB no computador e 1,9 MB no celular,<\/li><li>Os tipos de m\u00eddia mais pesados \u200b\u200bs\u00e3o imagens e JavaScript.&nbsp;A mediana de uma p\u00e1gina inclui 1,01 MB de imagens e 444 KB de JavaScript.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">2. Uso de cache<\/h3>\n\n\n\n<ul><li>73,6% das p\u00e1ginas de desktop usam controle de cache (73,5% em dispositivos m\u00f3veis),<\/li><li>55,5% das p\u00e1ginas de desktop usam cabe\u00e7alhos de expira\u00e7\u00e3o (56,2% em dispositivos m\u00f3veis),<\/li><li>O uso de hint-resources \u00e9 dividido em 33% para&nbsp;<em>dns-preftech,<\/em>&nbsp;18% para&nbsp;<em>preload<\/em>&nbsp;, 8% para&nbsp;<em>preconnect<\/em>&nbsp;e finalmente&nbsp;<em>preftech<\/em>&nbsp;em 3%.<\/li><\/ul>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>N\u00fameros-chave sobre o conte\u00fado das p\u00e1ginas Esta primeira parte do estudo \u00e9 dedicada a estat\u00edsticas sobre CSS, JavaScript, marca\u00e7\u00e3o web e fontes web. O relat\u00f3rio indica que o uso de JavaScript est\u00e1 aumentando, mas ainda \u00e9 importante pesar o peso dos scripts para limitar a desacelera\u00e7\u00e3o das p\u00e1ginas da web.&nbsp;Isso alcan\u00e7ar\u00e1 um equil\u00edbrio entre acessibilidade, [&hellip;]<\/p>","protected":false},"author":1,"featured_media":3318,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[366,250],"tags":[384,378,74,386,380,330,89,385],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/nearjob.com.br\/en\/wp-json\/wp\/v2\/posts\/3316"}],"collection":[{"href":"https:\/\/nearjob.com.br\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nearjob.com.br\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nearjob.com.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nearjob.com.br\/en\/wp-json\/wp\/v2\/comments?post=3316"}],"version-history":[{"count":1,"href":"https:\/\/nearjob.com.br\/en\/wp-json\/wp\/v2\/posts\/3316\/revisions"}],"predecessor-version":[{"id":3319,"href":"https:\/\/nearjob.com.br\/en\/wp-json\/wp\/v2\/posts\/3316\/revisions\/3319"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nearjob.com.br\/en\/wp-json\/wp\/v2\/media\/3318"}],"wp:attachment":[{"href":"https:\/\/nearjob.com.br\/en\/wp-json\/wp\/v2\/media?parent=3316"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nearjob.com.br\/en\/wp-json\/wp\/v2\/categories?post=3316"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nearjob.com.br\/en\/wp-json\/wp\/v2\/tags?post=3316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}