Estudos de caso
Medir o preenchimento automático do navegador nos formulários
Para otimizar a experiência do usuário, é essencial entender como ele interage com seus formulários. O preenchimento automático do navegador desempenha um papel importante nesse processo. Saiba como coletar e analisar dados sobre como os usuários usam o preenchimento automático nos seus formulários.
Parte 2: criar a detecção de toxicidade da IA do lado do cliente
A detecção de toxicidade protege seus usuários e cria um ambiente on-line mais seguro. Na segunda parte, vamos aprender a criar uma ferramenta de IA do lado do cliente para detectar e reduzir a toxicidade na origem.
Parte 1: IA do lado do cliente para combater a toxicidade on-line
"Proteja seus usuários e crie um ambiente on-line mais seguro com a detecção de toxicidade. Na primeira parte, compartilhamos o contexto necessário para implantar a IA e reduzir a toxicidade na fonte: os teclados dos usuários."
Tempo total de bloqueio (TBT)
Esta postagem descreve a métrica "Tempo total de bloqueio" (TBT, na sigla em inglês) e explica como medi-la.
Web Vitals
Métricas essenciais para um site íntegro
Otimizar a Maior exibição de conteúdo
Um guia explicativo sobre como detalhar a LCP e identificar as principais áreas de melhoria.
As maneiras mais eficazes de melhorar as Core Web Vitals
Uma coleção de práticas recomendadas que o Chrome identificou como as maiores oportunidades para otimizar o desempenho da Web e melhorar as Core Web Vitals
Primeiros passos com a medição das Métricas da Web
Saiba como medir as Métricas da Web do seu site em ambientes reais e de laboratório.
A propriedade content-visibility do CSS agora está disponível como padrão
A propriedade content-visibility do CSS agora está disponível como padrão.
Comparar o recurso de LLM com o resumo
Avalie os resultados de diferentes modelos e comandos usando o LLM como uma técnica de julgamento. Em vez de depender do julgamento humano, a validação do modelo é delegada a outro LLM.
Como os limites das Core Web Vitals foram definidos
A pesquisa e a metodologia por trás dos limites das Principais métricas da Web
Diagnosticar manualmente as interações lentas no laboratório
Você analisou os dados de campo e notou algumas interações lentas. A próxima etapa é aprender mais sobre como testar manualmente essas interações e identificar as causas por trás delas.
Fluxos de trabalho das Principais métricas da Web com ferramentas do Google
Com a crescente importância das Core Web Vitals, os proprietários e desenvolvedores de sites se concentram cada vez mais no desempenho e nas principais experiências do usuário. O Google oferece muitas ferramentas para ajudar a avaliar, otimizar e monitorar páginas, mas os usuários muitas vezes ficam confusos com as diferentes fontes de dados e como usá-las de maneira eficaz. Este guia propõe um fluxo de trabalho que combina várias ferramentas e esclarece onde e como elas fazem sentido ao longo do processo de desenvolvimento.
Referência
Este artigo explica a origem do Baseline, o envolvimento do Google e a propriedade do WebDX Community Group.
Cache de avanço e retorno
Saiba como otimizar suas páginas para carregamentos instantâneos ao usar os botões "Voltar" e "Avançar" do navegador.
O aninhamento de CSS foi aprimorado com CSSNestedDeclarations.
O aninhamento de CSS está ficando muito melhor.
First Input Delay (FID)
Esta postagem apresenta a métrica de latência na primeira entrada (FID, na sigla em inglês) e explica como medi-la
Depurar o desempenho no campo
Saiba como atribuir seus dados de desempenho com informações de depuração para ajudar a identificar e corrigir problemas de usuários reais com o Analytics
Melhore a performance e a UX da IA do lado do cliente
Descubra os benefícios da IA do lado do cliente, incluindo baixa latência, redução de custos do lado do servidor, sem requisitos de chave de API, maior privacidade do usuário e acesso off-line.
Comparativo de mercado da performance da @property do CSS
Qual é o impacto de @property na performance do seu CSS?
Correlação das Core Web Vitals e receita de publicidade com as ferramentas do Google
Saiba como usar as ferramentas do Google para correlacionar suas Core Web Vitals com a receita de publicidade.
É hora de carregar lentamente iframes fora da tela.
Esta postagem aborda o atributo de carregamento e como usá-lo para controlar o carregamento de iframes.
Armazenamento para a Web
Há muitas opções diferentes para armazenar dados no navegador. Qual é a melhor para suas necessidades?
O protocolo de push na Web
Um tutorial interativo passo a passo que mostra como criar um servidor que gerencia assinaturas de notificações push e envia solicitações de protocolo push da Web para um serviço de push.
Como criar vários Progressive Web Apps no mesmo domínio
Conheça as maneiras recomendadas e não recomendadas de criar vários PWAs reutilizando o mesmo domínio, com as respectivas vantagens e desvantagens.
Como o Chrome lida com as atualizações no manifesto do app da Web
O que é necessário para alterar ícones, atalhos, cores e outros metadados no manifesto do seu app da Web para seu PWA.
O que é necessário para a instalação?
Critérios de instalação de Progressive Web App.
Quais são as características de um bom Progressive Web App?
O que torna um Progressive Web App bom ou excelente?
Adicionar um manifesto de app da Web
O manifesto do app da Web é um arquivo JSON simples que informa ao navegador como seu app da Web deve se comportar.
Reduza o scripting em vários locais (XSS) com uma Política de Segurança de Conteúdo (CSP) rígida
Saiba como implantar uma CSP com base em valores de uso único ou hashes de script como uma defesa aprofundada contra scripting em vários locais.