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.

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.

ruby-align agora faz parte da referência

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

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

Aprenda a identificar e corrigir mudanças de layout.

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.

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.

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.

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.

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

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.

Breve descrição

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

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?

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.

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.

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

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

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.

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.

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

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.

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

A pesquisa e a metodologia por trás dos limites das Principais métricas da Web

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.

Este artigo explica a origem do Baseline, o envolvimento do Google e a propriedade do WebDX Community Group.

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 está ficando muito melhor.

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

Esta postagem apresenta a métrica de latência na primeira entrada (FID, na sigla em inglês) e explica como medi-la

Qual é o impacto de @property na performance do seu CSS?

Saiba como usar as ferramentas do Google para correlacionar suas Core Web Vitals com a receita de publicidade.

Há muitas opções diferentes para armazenar dados no navegador. Qual é a melhor para suas necessidades?

Esta postagem aborda o atributo de carregamento e como usá-lo para controlar o carregamento de iframes.

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.

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.

O que torna um Progressive Web App bom ou excelente?

Critérios de instalação de Progressive Web App.

O que é necessário para alterar ícones, atalhos, cores e outros metadados no manifesto do seu app da Web para seu PWA.

O manifesto do app da Web é um arquivo JSON simples que informa ao navegador como seu app da Web deve se comportar.

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.

Este artigo ajuda os desenvolvedores da Web a escolher a API de hardware correta com base em um determinado dispositivo.

Saiba como usar as solicitações de origem relacionadas para permitir a reutilização de chaves de acesso nos seus sites.

Escolher o formato certo é a primeira etapa para mostrar imagens otimizadas no seu site. Esta postagem vai ajudar você a fazer a escolha certa.

Esta postagem aborda o atributo de carregamento e como ele pode ser usado para controlar o carregamento de imagens.

Com as métricas personalizadas, você pode avaliar e otimizar aspectos da experiência exclusivos do seu site.

Saiba como enviar dados das Métricas da Web para as propriedades do Google Analytics 4 e exportar os dados para análise no BigQuery e no Looker Studio.

Neste guia, descrevemos as práticas recomendadas que os sites precisam seguir ao pedir permissão aos usuários para acessar recursos sensíveis (como câmera, microfone e localização) para minimizar solicitações desnecessárias e bloquear o acesso.

Saiba mais sobre como as notificações de cookies afetam o desempenho, a medição do desempenho e a UX.

Os desenvolvedores da Web podem personalizar as notificações de mídia e responder a eventos relacionados à mídia, como buscas ou mudanças de faixas, usando a API Media Session.

Use o atributo tabindex para definir explicitamente a posição da guia de um elemento.

Antes de reproduzir interações lentas no laboratório para otimizar a interação do seu site com a próxima exibição, você precisa usar dados de campo para encontrá-los. Saiba como fazer isso neste guia.

Esta postagem apresenta a métrica "Tempo até o primeiro byte" (TTFB, na sigla em inglês) e explica como medi-la.

Saiba como ajustar seus comandos para alcançar seus resultados preferidos em diferentes LLMs, modelos e tamanhos de modelo.

Esta postagem apresenta a métrica Interação com a próxima exibição (INP, na sigla em inglês) e explica como ela funciona, como medi-la e oferece sugestões para melhorá-la.

description: defina cores que reagem ao esquema de cores usado com a função light-dark().

Neste guia, voltado a desenvolvedores da Web que querem se beneficiar do WebAssembly, você vai aprender a usar o Wasm para terceirizar tarefas que consomem muita CPU com a ajuda de um exemplo em execução.

Na grade CSS, as propriedades "grid-template-columns" e "grid-template-rows" permitem definir nomes de linhas e acompanhar o dimensionamento de colunas e linhas da grade, respectivamente. O suporte à interpolação para essas propriedades permite que os layouts de grade façam a transição suave entre estados, em vez de se ajustar na metade de uma animação ou transição.

Aprenda a controlar jogos da Web com a API Gamepad.

A propriedade inert é um atributo HTML global que simplifica como remover e restaurar eventos de entrada do usuário em um elemento, incluindo eventos de foco e de tecnologias adaptativas.

As partes confiáveis podem determinar de onde vem a chave de acesso examinando o AAGUID. Descubra como funciona.

Com o exemplo de uma linguagem de brinquedo sintética chamada ExampleScript, aprenda a escrever e otimizar módulos WebAssembly em JavaScript usando a API Binaryen.js.

O componente da Web <model-viewer> permite que você use modelos 3D em uma página da Web de maneira declarativa.

A captura de áudio/vídeo é o "Santo Graal" do desenvolvimento da Web há muito tempo. Por muitos anos, precisamos usar plug-ins de navegador ( Flash ou Silverlight ) para fazer o trabalho. Vamos lá! HTML5 ao resgate. Talvez não seja aparente, mas o

Saiba como usar "userVerification" na WebAuthn

Saiba por que os dados da RUM podem mostrar números diferentes das Principais métricas da Web em comparação com o CrUX.

É importante criar sites inclusivos e acessíveis a todos. Há pelo menos seis áreas principais de deficiência que podemos otimizar: visual, auditiva, de mobilidade, cognição, fala e neural.

Os scripts de terceiros oferecem uma ampla variedade de recursos úteis, tornando a Web mais dinâmica. Saiba como otimizar o carregamento de scripts de terceiros para reduzir o impacto deles no desempenho.

Saiba como impedir a criação de uma nova chave de acesso caso já exista uma no gerenciador de senhas do usuário.

Um guia para os conceitos básicos do IndexedDB.

CSS digno de ferramenta, eficiente e estável que você pode usar hoje.

Aprenda a otimizar a métrica "Tempo até o primeiro byte".

Qual é a diferença entre um host, um site e uma origem? O que é um eTLD+1? Explicamos neste artigo.

Saiba o que são credenciais detectáveis e como criar experiências do usuário adequadas ao seu caso de uso.

Os usuários percebem se sites e aplicativos não funcionam bem. Por isso, otimizar o desempenho da renderização é crucial.

O "ResizeObserver" notifica você quando o retângulo de conteúdo de um elemento muda de tamanho para que você possa reagir de acordo.

Além de eliminar downloads desnecessários de recursos, o melhor que você pode fazer para melhorar a velocidade de carregamento da página é minimizar o tamanho geral do download otimizando e compactando os recursos restantes.

Este documento explica como você pode usar a API OffscreenCanvas para melhorar o desempenho ao renderizar elementos gráficos no seu app da Web.

Esta postagem apresenta a métrica "Primeira exibição de conteúdo" (FCP, na sigla em inglês) e explica como medi-la

Este artigo fornece uma visão geral abrangente das redes de fornecimento de conteúdo (CDNs). Além disso, o guia explica como escolher, configurar e otimizar uma configuração da CDN.

Orientações práticas para desenvolvedores sobre o que fazer quando um usuário sai do site.

Esta postagem apresenta a métrica "Tempo para interação da página" (TTI, na sigla em inglês) e explica como fazer a medição dela

A API Fetch Priority indica a prioridade relativa dos recursos para o navegador. Isso permite o carregamento ideal e melhora as Principais métricas da Web.

Sobre as pseudoclasses :user-valid e :user-invalid e como usá-las para melhorar a experiência do usuário de validação de entrada.

Saiba como as pessoas que tomam decisões nas empresas e não desenvolvedores podem melhorar as Principais métricas da Web.

Entenda e evite problemas comuns ao aplicar a codificação e a decodificação em base64 a strings.

A subgrade permite o compartilhamento de grade, permitindo que grades aninhadas sejam alinhadas a ancestrais e irmãos.

No mundo digital de hoje, a publicidade on-line é uma parte essencial da Web sem custo financeiro que todos nós usamos. No entanto, anúncios mal implementados podem tornar a experiência de navegação mais lenta, frustrar os usuários e diminuir o engajamento. Aprenda a carregar anúncios de maneira eficaz sem afetar a velocidade da página, garantindo uma experiência do usuário perfeita e maximizando as oportunidades de receita para proprietários de sites.

Saiba o que é a cobertura de código e descubra quatro maneiras comuns de medi-la.

Determine o que você precisa testar e o que pode descartar.

Determine o que testar, defina seus casos de teste e priorize.

As métricas de performance centradas no usuário são uma ferramenta essencial para entender e melhorar a experiência no seu site, beneficiando usuários reais.

Saiba mais sobre possibilidades novas e empolgantes de pré-carregamento de imagens responsivas para garantir uma ótima experiência do usuário.

Um método para adaptar uma fonte às preferências dos seus usuários, para que eles fiquem o máximo possível na leitura do seu conteúdo.

Descubra como combinar diferentes tipos de teste em uma estratégia razoável que corresponda ao seu projeto.

Vamos começar com o básico! Exploração dos dois modos gerais de teste e três tipos comuns de automação de testes.

Você deve auditar seus recursos periodicamente para garantir que cada um deles esteja ajudando a oferecer uma melhor experiência ao usuário.

O programa mkbitmap C lê uma imagem e aplica uma ou mais das seguintes operações a ela, nesta ordem: inversão, filtragem de passagem alta, dimensionamento e limite. Cada operação pode ser controlada e ativada ou desativada individualmente. Este artigo mostra como compilar mkbitmap para o WebAssembly.

Uma introdução ao WebAssembly (às vezes abreviado como Wasm), ao formato de código binário portátil e ao formato de texto correspondente para programas executáveis, bem como interfaces de software para facilitar as interações entre tais programas e o ambiente de host.

O padrão de sistema de arquivos apresenta um sistema de arquivos privado de origem (OPFS, na sigla em inglês) como um endpoint de armazenamento privado para a origem da página e não visível para o usuário, que oferece acesso opcional a um tipo

Como exibir com segurança conteúdo controlado pelo usuário em aplicativos da Web.

Uma visão geral de como o AVIF é adotado no ecossistema e os benefícios de desempenho e qualidade que os desenvolvedores podem esperar do AVIF para imagens estáticas e animações.

Saiba como otimizar a interação do seu site com a próxima exibição.

conhecer apenas alguns dos recursos que fazem parte do valor de referência.

O atraso na entrada pode contribuir significativamente para a latência total de interação e afetar negativamente a INP da sua página. Neste guia, você vai aprender o que é o atraso de entrada e como reduzi-lo para uma interatividade mais rápida.

Ao carregar scripts, o navegador leva tempo para avaliá-los antes da execução, o que pode resultar em tarefas longas. Saiba como funciona a avaliação de script e o que fazer para evitar que ela gere tarefas longas durante o carregamento da página.

Grandes tamanhos de DOM podem ser um fator que afeta a velocidade das interações. Saiba mais sobre a relação entre o tamanho do DOM e o INP e o que fazer para reduzir o tamanho do DOM e outras formas de limitar o trabalho de renderização quando sua página tiver muitos elementos de DOM.

Renderizar HTML com JavaScript é diferente de renderizar HTML enviado pelo servidor e que pode afetar o desempenho. Saiba as diferenças neste guia e o que fazer para preservar o desempenho de renderização do seu site, especialmente no que diz respeito às interações.

O WordPress completo com tecnologia PHP executado apenas no navegador com o WebAssembly

Esta postagem apresenta a métrica Mudança de layout cumulativa (CLS) e explica como medi-la.

Uma vitrine de ferramentas agora disponíveis na Web graças ao WebAssembly.

Eles podem ser enviados para app stores, como a Android Play Store, a Microsoft Store e muito mais.

Melhorar a experiência de depuração da Web com mapas de origem.

CSS digno de ferramenta, eficiente e estável que você pode usar hoje.

Calcule o seno, o cosseno, a tangente e muito mais no CSS.

O método requestVideoFrameCallback() permite que autores da Web registrem um callback que é executado nas etapas de renderização quando um novo frame de vídeo é enviado ao compositor.

Uma de uma série de entrevistas com membros do programa Especialistas do Google Developers (GDE).

Esta postagem do blog anuncia uma nova coleção de padrões para apps de mídia.

Vamos criar esse efeito de texto com gradiente animado usando propriedades personalizadas com escopo e background-clip. Acesse o CodePen e crie uma nova caneta. Crie a marcação do texto. Vamos usar um cabeçalho com a palavra "Speedy": Em seguida,

Como o livro de rolagem ganhou vida por compartilhar dicas e truques divertidos e assustadores neste Chrometober.

Uma visão geral básica de como criar um elemento personalizado de dica adaptável e acessível.

As chaves de acesso tornam as contas de usuário de um site mais seguras, simples, fáceis de usar e sem senha. Este artigo discute como um login sem senha com chaves de acesso deve ser projetado, acomodando os usuários atuais com senhas.

As chaves de acesso tornam as contas de usuário de um site mais seguras, simples, fáceis de usar e sem senha. Este artigo discute como permitir que os usuários criem chaves de acesso para seu site.

Uma visão geral básica de como criar componentes de FAB adaptáveis a cores, responsivos e acessíveis.

Saiba como otimizar fontes da Web para as Principais métricas da Web.

Vamos criar um carregador CSS animado com propriedades personalizadas com escopo e função de tempo de animação Acesse o CodePen e crie uma nova caneta. Crie a marcação para nosso carregador. Observe o uso de propriedades personalizadas inline: Você

Uma visão geral de três ferramentas e técnicas para testar e verificar o contraste de cores acessível do seu design.

Uma de uma série de entrevistas com membros do programa Especialistas do Google Developers (GDE).

Este tutorial descreve como criar uma navegação principal acessível em um site. Você aprenderá sobre HTML semântico, acessibilidade e como usar atributos ARIA às vezes pode ser mais prejudicial do que vantajoso.

Esse pseudosseletor de CSS oferece uma maneira de selecionar elementos modais.

Veja algumas maneiras úteis e criativas de estilizar uma lista.

Otimize tags e gerenciadores de tags para as Core Web Vitals.

Uma análise divertida de como recriar uma ilusão de óptica com CSS.

os benefícios de usar propriedades personalizadas em sistemas de design e bibliotecas de componentes.

Aprenda a usar as propriedades CSS de translação, rotação e escalonamento individuais para abordar transformações de maneira intuitiva.

Várias maneiras de animar uma borda no CSS

Para melhorar a segurança e o desempenho, a BBC está lançando o HSTS no site da BBC. Descubra o que isso significa e como a HSTS pode ajudar você.

Saiba por que as ferramentas que monitoram as Principais métricas da Web talvez reportem diferentes números, e como interpretar essas diferenças.

GDE Enrique Fernandez Guerra sobre a abertura do código da ONG HelpDev dele.

O que o final do suporte ao Internet Explorer significava para os clientes e desenvolvedores da Maersk.com.

Por enquanto, HTML5Rocks, foi bom conhecer você.

Saiba como definir cookies primários para garantir segurança, compatibilidade entre navegadores e minimizar as chances de falha quando os cookies de terceiros forem desativados.

A API de áudio da Web permite realizar corretamente a sincronização AV.

Gradientes cônicos podem ser usados para criar alguns efeitos interessantes, como este exemplo de borda. Este CodePen criado por Adam Argyle, originalmente compartilhado neste tweet no Twitter, mostra como usar um gradiente cônico para criar uma

Detecção de erros ao trabalhar com a API Fetch.

Entenda as decisões relacionadas ao uso de uma biblioteca ou framework JavaScript.

Entenda as diferenças entre frameworks e bibliotecas no contexto de um ambiente JavaScript do lado do cliente.

Este recurso ajuda você a navegar rapidamente pelo terminal.

Atualização sobre a API CSS do Google Fonts: como funciona, como usá-la e como pode fornecer suas fontes da Web de forma eficiente.

O GOV.UK descartou a dependência da jQuery do front-end. Você nunca vai adivinhar o que aconteceu. (Sim.)

Uma visão geral básica de como criar componentes adaptáveis a cores, responsivos e acessíveis.

Descubra o que é o verificador de pré-carregamento do navegador, como ele ajuda no desempenho e como você pode evitar problemas.

Facilitando a criação para a Web.

Como medir as Métricas da Web com sua ferramenta de análise atual

Especialistas do Google Developers na Web para saber como os programas de mentoria permitiram que eles se tornassem líderes.

Compartilhando um guia prático de fontes variáveis, com muitos exemplos.

Esta ferramenta de Josh W Comeau simplifica muito a criação de gradientes bonitos.

Uma coleção de insights sobre os principais pontos problemáticos, coletados de várias conversas individuais com desenvolvedores da Web.

Confira o estado das ferramentas de imagem.

Saiba mais sobre o escopo e como ele funciona no JavaScript.

Uma visão geral básica de como criar mini e mega modais acessíveis, responsivos e com adaptação de cores com o elemento " ".

Saiba como depurar erros de reprodução de mídia na Web.

Uma de uma série de entrevistas com membros do programa Especialistas do Google Developers (GDE).

Carregar imagens com rapidez na janela de visualização inicial, enquanto o carregamento lento do restante é mais flexível, pode melhorar as Core Web Vitals ao carregar menos bytes.

Uma visão geral básica de como criar uma barra de carregamento acessível e adaptativa de cores com o elemento ``.

Mantenha os formulários de registro e login o mais simples possível. Salve as credenciais dos formulários de login para que os usuários não precisem fazer login novamente quando retornarem. Para armazenar credenciais de usuários em formulários: Antes

Alterações na string do user agent, as estratégias que o Chrome e o Firefox estão adotando para reduzir o impacto e como você pode ajudar.

Uma visão geral básica sobre como criar um favicon adaptável.

Aprenda a renderizar gráficos 2D em uma tela na Web com o WebAssembly com o Emscripten.

Esquecer ou usar indevidamente o cabeçalho Cache-Control pode afetar negativamente a segurança do seu site e a privacidade dos usuários. Receba recomendações de sites importantes.

Métricas essenciais para um site íntegro

Saiba como o gPhoto2 foi transferido para o WebAssembly para controlar câmeras externas via USB de um app da Web.

Use o Network Error Logging (NEL) para coletar erros de rede no lado do cliente.

Aprenda a usar os recursos mais recentes do WebAssembly e oferecer suporte a usuários em todos os navegadores.

Saiba como o código que interage com dispositivos externos pode ser transferido para a Web com as APIs WebAssembly e Fugu.

Uma visão geral básica de como criar um componente de mudança de tema adaptável e acessível.

Saiba como incorporar o código JavaScript à biblioteca do WebAssembly para se comunicar com o mundo externo.

O Oculus Quest 2 é um headset de realidade virtual (RV) criado pela Oculus, uma divisão da Meta. Os desenvolvedores agora podem criar e distribuir Progressive Web Apps (PWA) 2D e 3D que aproveitam o recurso multitarefa do Oculus Quest 2. Este artigo descreve a experiência e como criar, transferir por sideload e testar seu PWA no Oculus Quest 2.

Uma prévia do processo e das ferramentas usadas para criar a experiência no estilo de calendário de festas de fim de ano da Designcember.

É uma tentativa esqueuórfica de recriar uma calculadora solar na Web que usa o sensor de luz ambiente e o recurso de sobreposição de controles da janela.

Por mais tempo, foi preciso recorrer a soluções alternativas e bibliotecas para criar uma cópia detalhada de um valor JavaScript. A plataforma agora vem com `structuredClone()`, uma função integrada para cópia profunda.

Visão geral básica de como criar um componente de aviso adaptável e acessível.

Anúncio do fundo de IU do Chrome, criado para oferecer subsídios para pessoas que trabalham com ferramentas de design, CSS e HTML.

Uma visão geral básica de como criar um menu de jogo em 3D responsivo, adaptável e acessível.

Saiba como medir animações, como considerar frames de animação e a suavidade geral da página.

Um resumo de todos os principais anúncios da Conferência de Desenvolvedores do Chrome 2021 com os links para você saber mais.

Teste uma nova API Lighthouse para medir o desempenho e as práticas recomendadas em todo o fluxo de usuários.

Saiba mais sobre as novidades do PageSpeed Insights para avaliar e otimizar melhor a qualidade da página e do site.

Nos últimos três anos, o Chrome tem trabalhado para capacitar aplicativos da Web que desejam expandir os limites do que é possível no navegador. Um desses aplicativos da web foi o Photoshop. A ideia de executar um software tão complexo como o Photoshop diretamente no navegador seria difícil de imaginar alguns anos atrás. No entanto, usando várias tecnologias novas da web, a Adobe agora trouxe uma versão beta pública do Photoshop para a web.

Uma visão geral básica de como criar um componente de seleção múltipla responsivo, adaptável e acessível para classificar e filtrar as experiências do usuário.

Aprenda os conceitos básicos do uso das APIs Navigation e Resource Timing para avaliar o desempenho de carregamento no campo.

O objetivo da nova API Sanitizer é criar um processador robusto para que strings arbitrárias sejam inseridas com segurança em uma página. Este artigo apresenta a API e explica o uso dela.

Este documento discute as práticas recomendadas de desempenho que você pode usar ao carregar incorporações de terceiros, técnicas de carregamento eficientes e a ferramenta Layout Shift Terminator, que ajuda a reduzir as mudanças de layout para incorporações populares.

As respostas a perguntas comuns sobre SPAs, Principais métricas da Web e o Google planejam abordar as limitações de medição atuais.

preventDefault e stopPropagation: quando usar cada um e o que exatamente cada método faz. O processamento de eventos do JavaScript geralmente é simples. Isso é especialmente verdadeiro ao lidar com uma estrutura HTML simples (relativamente plana). As