Saiba mais sobre o Painel da plataforma da Web e como consultar a API HTTP para receber dados sobre recursos que atingiram a meta de referência e criar ferramentas para seu fluxo de trabalho de desenvolvimento.

• Valor de referência
• JavaScript

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.

Leia sobre os vários acontecimentos com a meta de referência em fevereiro de 2025.

• Valor de referência de 2025
• Blog

ruby-align agora faz parte da referência

• Valor de referência de 2024
• Blog
• HTML

Publicado em 20 de fevereiro de 2025 Fazer o download de modelos de IA grandes de forma confiável é uma tarefa desafiadora. Se os usuários perderem a conexão de Internet ou fecharem seu site ou aplicativo da Web, eles perderão os arquivos de modelo

• IA e Machine Learning
• JavaScript

Saiba mais sobre a dica de recurso rel=prefetch e como usá-la.

• JavaScript
• HTML

Aprenda a identificar e corrigir mudanças de layout.

• JavaScript

A Mudança de layout cumulativa (CLS) é uma métrica que quantifica a frequência com que os usuários veem mudanças repentinas no conteúdo da página. Neste guia, vamos abordar a otimização de causas comuns de CLS, como imagens e iframes sem dimensões ou conteúdo dinâmico.

• HTML
• CSS

As propriedades CSS "scrollbar-color" e "scrollbar-gutter" foram lançadas em todos os principais mecanismos de navegador, tornando-as disponíveis como valor de referência.

• Valor de referência de 2024
• Blog
• CSS

O WasmFS e o recurso mimalloc no Emscripten podem ajudar muito na alocação e no desempenho de E/S. Este guia mostra como esses recursos podem levar a melhorias de velocidade de até 10 vezes ou mais em alguns casos.

Na primeira edição, este resumo mensal da Baseline aborda os acontecimentos da Baseline no Google e na comunidade de desenvolvedores da Web em janeiro de 2025.

• Valor de referência de 2025
• Blog

A coleta de lixo do WebAssembly e as otimizações de chamada de cauda do Wasm foram lançadas em todos os principais mecanismos de navegador, tornando-as disponíveis como baseline.

• Valor de referência de 2025
• Blog
• C

Esta postagem apresenta a métrica Maior exibição de conteúdo (LCP) e explica como medi-la.

• JavaScript

O Promise.try já está disponível em todos os principais mecanismos de navegador, tornando-o o valor de referência recém-disponível.

• Valor de referência de 2025
• Blog
• JavaScript

Breve descrição

• JavaScript

Publicado em 13 de janeiro de 2024 Há muitos projetos incríveis que você pode criar com IA, com modelos de machine learning clássicos e modelos de linguagem grandes (LLMs) mais recentes. Com LLMs, os computadores podem gerar novos conteúdos, escrever

• IA e Machine Learning
• Blog

Você recebeu a instrução de "não bloquear a linha de execução principal" e "dividir suas tarefas longas", mas o que significa fazer isso?

• JavaScript

Uma transação que usa o Web Payments começa com a descoberta do seu app de pagamento. Saiba como configurar uma forma de pagamento e preparar seu app para comerciantes e clientes fazerem pagamentos.

• JavaScript

A máscara de CSS oferece a opção de usar uma imagem como camada de máscara. Isso significa que você pode usar uma imagem, um SVG ou um gradiente como máscara para criar efeitos interessantes sem um editor de imagens.

• CSS

conjunto de dados de recursos da Web, painel de status da plataforma da Web, widget de status de referência e muito mais. Relembre o valor de referência de 2024.

• Blog

Esta postagem explica o carregamento lento e as opções disponíveis para vídeos.

• HTML
• JavaScript

O pré-carregamento do módulo oferece uma maneira de carregar de forma declarativa módulos JavaScript com antecedência.

• HTML

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.

• JavaScript

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.

• IA e Machine Learning
• JavaScript

Esta postagem descreve a métrica "Tempo total de bloqueio" (TBT, na sigla em inglês) e explica como medi-la.

Métricas essenciais para um site íntegro

• JavaScript

Saiba como medir as Core Web Vitals do seu site em ambientes reais e de laboratório.

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

Um guia explicativo sobre como detalhar a LCP e identificar as principais áreas de melhoria.

• HTML
• JavaScript

A propriedade content-visibility do CSS agora está disponível como padrão.

• Valor de referência de 2024
• Blog
• CSS