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.
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.
EN To measure LCP in JavaScript, you can use the Largest Contentful Paint API. The following example shows how to create a PerformanceObserver that listens for largest-contentful-paint entries and logs them to the console.
португальский | английский |
---|---|
javascript | javascript |
usar | use |
api | api |
largest | largest |
console | console |
lcp | lcp |
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.
EN The Largest Contentful Paint (LCP) metric reports the render time of the largest image or text block visible within the viewport, relative to when the page first started loading.
португальский | английский |
---|---|
métrica | metric |
renderização | render |
imagem | image |
ou | or |
bloco | block |
texto | text |
visível | visible |
começou | started |
carregar | loading |
lcp | lcp |
PT Para lidar com esse potencial de mudança, o navegador despacha um PerformanceEntry do tipo largest-contentful-paint identificando o elemento de maior conteúdo assim que o navegador renderizar o primeiro quadro
EN To handle this potential for change, the browser dispatches a PerformanceEntry of type largest-contentful-paint identifying the largest contentful element as soon as the browser has painted the first frame
португальский | английский |
---|---|
lidar | handle |
potencial | potential |
mudança | change |
navegador | browser |
tipo | type |
identificando | identifying |
elemento | element |
quadro | frame |
conteúdo | contentful |
PT Posteriormente, quando a imagem herói terminar de carregar, uma segunda entrada largest-contentful-paint seria despachada e sua propriedade element faria referência ao elemento <img>.
EN Later, once the hero image finishes loading, a second largest-contentful-paint entry would be dispatched and its element property would reference the <img>.
португальский | английский |
---|---|
posteriormente | later |
imagem | image |
herói | hero |
carregar | loading |
entrada | entry |
propriedade | property |
referência | reference |
gt | gt |
lt | lt |
PT Antes do Chrome 88, os elementos removidos não eram considerados elementos de maior conteúdo e a remoção do candidato atual acionaria uma nova entrada de largest-contentful-paint a ser despachada
EN Prior to Chrome 88, removed elements were not considered as largest contentful elements, and removing the current candidate would trigger a new largest-contentful-paint entry to be dispatched
португальский | английский |
---|---|
chrome | chrome |
elementos | elements |
removidos | removed |
considerados | considered |
remoção | removing |
candidato | candidate |
entrada | entry |
conteúdo | contentful |
PT Aqui estão alguns exemplos de quando a Largest Contentful Paint ocorre em alguns sites populares:
EN Here are some examples of when the Largest Contentful Paint occurs on a few popular websites:
португальский | английский |
---|---|
estão | are |
exemplos | examples |
largest | largest |
ocorre | occurs |
sites | websites |
populares | popular |
PT Embora seja comum o conteúdo de carregamento tardio ser maior que o conteúdo que já está na página, esse não é necessariamente o caso. Os próximos dois exemplos mostram a Largest Contentful Paint ocorrendo antes da página carregar totalmente.
EN While it's often the case that late-loading content is larger than content already on the page, that's not necessarily the case. The next two examples show the Largest Contentful Paint occurring before the page fully loads.
португальский | английский |
---|---|
página | page |
necessariamente | necessarily |
exemplos | examples |
mostram | show |
totalmente | fully |
ocorrendo | occurring |
PT Este código mostra como registrar largest-contentful-paint no console, mas medir a LCP em JavaScript é mais complicado. Veja detalhes abaixo:
EN This code shows how to log largest-contentful-paint entries to the console, but measuring LCP in JavaScript is more complicated. See below for details:
португальский | английский |
---|---|
código | code |
mostra | shows |
registrar | log |
console | console |
medir | measuring |
javascript | javascript |
complicado | complicated |
veja | see |
detalhes | details |
lcp | lcp |
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
EN Largest Contentful Paint (LCP) is a Core Web Vitals metric and measures when the largest content element in the viewport becomes visible
португальский | английский |
---|---|
é | is |
métrica | metric |
web | web |
quando | when |
elemento | element |
torna | becomes |
visível | visible |
lcp | lcp |
janela | viewport |
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
EN The following chart shows how LCP distributions have been reduced on a site using this pattern:Largest Contentful Paint distribution, for page loads with and without a service worker - philipwalton.com
португальский | английский |
---|---|
gráfico | chart |
mostra | shows |
distribuições | distributions |
padrão | pattern |
distribuição | distribution |
largest | largest |
sem | without |
service | service |
lcp | lcp |
reduzidas | reduced |
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.
EN The Largest Contentful Paint (LCP) metric is useful for knowing when the largest image or text block was painted to the screen, but in some cases you want to measure the render time of a different element.
португальский | английский |
---|---|
métrica | metric |
renderização | render |
útil | useful |
saber | knowing |
imagem | image |
ou | or |
bloco | block |
pintado | painted |
tela | screen |
casos | cases |
deseja | want |
tempo | time |
elemento | element |
diferente | different |
lcp | lcp |
PT Os tipos de elementos considerados para a Largest Contentful Paint são os mesmos que podem ser observados por meio da API Element Timing. Se você adicionar o atributo elementtiming a um elemento que não seja um desses tipos, o atributo será ignorado.
EN The types of elements considered for Largest Contentful Paint are the same as those observable via the Element Timing API. If you add the elementtiming attribute to an element that isn't one of those types, the attribute will be ignored.
португальский | английский |
---|---|
considerados | considered |
largest | largest |
api | api |
timing | timing |
atributo | attribute |
ignorado | ignored |
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
EN For example, Largest Contentful Paint (LCP) measures when a user perceives that the largest content of a page is visible
португальский | английский |
---|---|
usuário | user |
página | page |
visível | visible |
lcp | lcp |
PT Posteriormente, quando a imagem herói terminar de carregar, uma segunda entrada largest-contentful-paint seria despachada e sua propriedade element faria referência ao elemento <img>.
EN Later, once the hero image finishes loading, a second largest-contentful-paint entry would be dispatched and its element property would reference the <img>.
португальский | английский |
---|---|
posteriormente | later |
imagem | image |
herói | hero |
carregar | loading |
entrada | entry |
propriedade | property |
referência | reference |
amp | amp |
gt | gt |
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.
EN This is an important distinction to make between First Contentful Paint (FCP) and Largest Contentful Paint (LCP) —which aims to measure when the page's main contents have finished loading.
португальский | английский |
---|---|
distinção | distinction |
importante | important |
largest | largest |
objetivo | aims |
página | page |
carregar | loading |
fcp | fcp |
lcp | lcp |
PT Mais informações sobre: Europe’s largest navigable underground lake (6,000m2, 300m long, 20m wide)
EN Learn more about: Shipping line with the highest location in Europe
португальский | английский |
---|---|
europe | europe |
Показаны переводы 16 из 16