Terjemahkan "lcp" ke bahasa Inggris

PT A seção de intervalos do painel Performance no Chrome DevTools inclui um marcador de LCP e mostra qual elemento está associado com a LCP quando você passar o mouse sobre o campo Related Node.

• seção de intervalos
• LCP
• mostra qual elemento
• passar o mouse
• campo Related

PT Imagens: novo filtro (autoptimize_filter_imgopt_lazyload_from_nth) para dizer ao Autoptimize para não carregar as primeiras X imagens (para melhorar o LCP / CLS).

• Imagens
• novo filtro
• dizer ao Autoptimize
• carregar as primeirasximagens
• melhorar o LCP
• CLS

PT No entanto, eles realmente não se preocupam com seu SEO porque não estão tentando classificar o LCP para os mecanismos de pesquisa

• entanto
• classificar o LCP
• mecanismos de pesquisa

PT A métrica Largest Contentful Paint (LCP) informa o tempo de renderização da maior imagem ou bloco de texto visível na janela de visualização (viewport), em relação a quando a página começou a carregar pela primeira vez.

• métrica Largest Contentful
• LCP
• renderização da maior
• bloco de texto
• janela de visualização
• viewport
• primeira

PT Para manter baixo o overhead de calcular e despachar novas entradas de desempenho, alterações no tamanho ou na posição de um elemento não geram novos candidatos a LCP

• calcular
• despachar novas entradas
• desempenho
• alterações no tamanho
• geram novos candidatos
• LCP

PT Isto é porque é um elemento <svg> e elementos <svg> não são considerados candidatos LCP

• Isto é porque
• elemento
• elementos
• considerados candidatos LCP

PT O primeiro candidato LCP é o texto no segundo quadro.

• primeiro candidato LCP
• texto no segundo

PT A LCP pode ser medida em laboratório ou em campo e está disponível nas seguintes ferramentas:

• laboratório
• campo

PT Para medir o LCP em JavaScript, você pode usar a API Largest Contentful Paint. O exemplo a seguir mostra como criar um PerformanceObserver que escuta as largest-contentful-paint e as registra no console.

• medir o LCP
• JavaScript
• usar a API
• Contentful Paint
• exemplo a seguir
• criar um PerformanceObserver
• escuta as largest-contentful-paint

PT Este código mostra como registrar largest-contentful-paint no console, mas medir a LCP em JavaScript é mais complicado. Veja detalhes abaixo:

• largest-contentful-paint no console
• medir a LCP
• Veja detalhes

PT Em vez de memorizar todas essas diferenças sutis, os desenvolvedores podem usar a biblioteca JavaScript web-vitals para medir a LCP, que já lida com essas diferenças (onde for possível):

• vez de memorizar
• essas diferenças sutis
• desenvolvedores podem usar
• biblioteca JavaScript web-vitals
• medir a LCP
• lida com essas
• onde for possível

PT Para um exemplo completo de como medir a LCP em JavaScript, consulte o código-fonte de getLCP().

• medir a LCP
• JavaScript
• consulte o código-fonte
• getLCP

PT Em alguns casos (como iframes de origem cruzada), não é possível medir a LCP em JavaScript. Consulte a seção de limitações da biblioteca web-vitals para mais detalhes.

• alguns casos
• iframes de origem
• é possível medir
• LCP em JavaScript
• Consulte a seção
• limitações da biblioteca

PT Largest Contentful Paint - LCP (maior renderização de conteúdo) é uma métrica Core Web Vitals e mede quando o maior elemento de conteúdo na janela de visualização se torna visível

• Largest Contentful Paint
• LCP
• é uma métrica
• Web Vitals
• elemento de conteúdo
• janela de visualização
• torna visível

PT Quanto mais tempo leva para um navegador receber conteúdo do servidor, mais tempo leva para processar qualquer coisa na tela. Um tempo de resposta mais rápido do servidor melhora diretamente cada métrica de carregamento de página, incluindo a LCP.

• navegador receber conteúdo
• servidor
• leva para processar
• coisa na tela
• resposta mais rápido
• servidor melhora diretamente
• métrica de carregamento
• página

PT O gráfico a seguir mostra como as distribuições de LCP foram reduzidas em um site usando este padrão:Distribuição de Largest Contentful Paint para carregamento de páginas com e sem service worker - philipwalton.com

• gráfico a seguir
• distribuições de LCP
• Largest Contentful Paint
• carregamento de páginas
• service worker

PT O gráfico mostra a distribuição de LCP de um único site nos últimos 28 dias, segmentado pelo estado do service worker

• últimos dias
• segmentado pelo estado
• service worker

PT Observe como aumentou o número de carregamentos de página com LCP mais rápido depois que o serviço de páginas HTML usando a estratégia cache-first foi introduzida no service worker (parte azul do gráfico).

• Observe como aumentou
• número de carregamentos
• página com LCP
• serviço de páginas
• usando a estratégia
• introduzida no service

PT As solicitações do servidor para origens de terceiros também podem afetar a LCP, especialmente se forem necessárias para exibir conteúdo crítico na página

• solicitações do servidor
• origens de terceiros
• afetar a LCP
• especialmente se forem
• exibir conteúdo crítico
• página

PT Para sites que recebem uma grande parte de seu tráfego a partir das Pesquisas Google, os SXGs podem ser uma ferramenta importante para melhorar a LCP

• sites que recebem
• tráfego a partir
• Pesquisas Google
• LCP

PT Em última análise, reduzir a quantidade de CSS de bloqueio sempre melhorará o tempo que leva para renderizar totalmente o conteúdo principal da página (LCP).

• última análise
• reduzir a quantidade
• CSS de bloqueio
• leva para renderizar
• LCP

PT Exemplo de melhoria da LCP: antes e depois de adiar CSS não crítico

• Exemplo de melhoria
• LCP
• antes
• depois de adiar
• crítico

PT Critters é um plugin webpack que embute CSS crítico e carrega o resto de forma lazyExemplo de melhoria da LCP: antes e depois de embutir CSS crítico

• webpack que embute
• crítico
• carrega o resto
• lazyExemplo de melhoria
• LCP
• antes
• depois de embutir

PT O tempo que leva para carregar esses elementos, se renderizados acima da dobra, terá um efeito direto na LCP. Seguem algumas técnicas para garantir que esses arquivos sejam carregados o mais rápido possível:

• leva para carregar
• elementos
• terá um efeito
• LCP
• Seguem algumas técnicas
• garantir que esses
• rápido

PT Se você estiver construindo um site que é renderizado principalmente no cliente, deve ser cauteloso quanto ao efeito que isto pode ter na LCP se for usado um grande pacote JavaScript

• é renderizado principalmente
• cliente
• deve ser cauteloso
• efeito que isto
• LCP se for
• grande pacote JavaScript

PT No entanto, você também deve considerar a combinação de uma experiência de renderização no servidor para melhorar a LCP tanto quanto for possível.

• entanto
• experiência de renderização
• servidor para melhorar
• LCP tanto quanto

PT Isto pode melhorar a LCP, garantindo que o conteúdo principal da página seja renderizado primeiro no servidor, e não apenas no cliente, mas existem algumas desvantagens:

• Isto pode melhorar
• LCP
• principal da página
• cliente
• existem algumas

PT A pré-renderização é uma técnica separada que é menos complexa do que a renderização do lado do servidor e também fornece uma maneira de melhorar a LCP na sua aplicação

• separada que é
• renderização do lado
• servidor
• fornece uma maneira
• melhorar a LCP
• aplicação

PT Uma série de ferramentas estão disponíveis para medir e depurar LCP:

• série de ferramentas
• disponíveis para medir
• depurar

PT O Lighthouse 6.0 inclui suporte para medição de LCP em ambiente de laboratório.

• Lighthouse inclui suporte
• medição de LCP

PT O Relatório de Experiência do Usuário Chrome fornece valores de LCP do mundo real agregados no nível de origem

• Relatório de Experiência
• Usuário Chrome fornece
• LCP do mundo
• agregados no nível
• origem

PT A métrica Largest Contentful Paint - LCP (maior renderização de conteúdo) é útil para saber quando a maior imagem ou bloco de texto foi pintado na tela, mas em alguns casos você deseja medir o tempo de renderização de um elemento diferente.

• métrica Largest Contentful
• LCP
• maior imagem
• bloco de texto
• pintado na tela

PT Por exemplo, a métrica Largest Contentful Paint (LCP) mede quando um usuário percebe que o maior conteúdo de uma página está visível

• exemplo
• métrica Largest Contentful
• LCP
• está visível

PT O valor da métrica para LCP representa a duração entre o início do carregamento da página pelo usuário e a renderização na página do seu conteúdo principal

• valor da métrica
• início do carregamento
• página pelo usuário
• renderização na página
• conteúdo principal

PT Com base em dados reais do site, os sites de melhor desempenho renderizam a LCP em cerca de 1.220 ms, de modo que o valor da métrica é mapeado para uma pontuação de 99.

• renderizam a LCP
• cerca de ms
• métrica é mapeado

PT Isto é porque é um elemento &LTsvg> e elementos &LTsvg> não são considerados candidatos LCP

• Isto é porque
• elemento
• elementos
• considerados candidatos LCP

PT Esta é uma distinção importante a ser feita entre a First Contentful Paint (FCP) e a Largest Contentful Paint (LCP), que tem como objetivo medir quando o conteúdo principal da página terminou de carregar.

• é uma distinção
• Contentful Paint
• FCP
• Largest Contentful Paint
• LCP

PT Web Vitals Chrome Extension: O Web Vitals Chrome Extension mede e reporta as Core Web Vitals (LCP, FID, e CLS) para uma determinada página

• Web Vitals Chrome
• mede
• reporta as Core
• Vitals
• LCP
• FID
• CLS
• determinada página

PT Lighthouse: O Lighthouse relata sobre LCP, CLS e TBT e também destaca possíveis melhorias de desempenho

• Lighthouse
• CLS
• TBT
• destaca possíveis melhorias
• desempenho