EN 5% of preload HTTP headers do make use of this attribute, which is higher than I would have expected as I would have considered this a niche optimization. Then again, so is the use of preload HTTP headers and/or HTTP/2 push itself!
EN 5% of preload HTTP headers do make use of this attribute, which is higher than I would have expected as I would have considered this a niche optimization. Then again, so is the use of preload HTTP headers and/or HTTP/2 push itself!
PT 5% dos cabeçalhos HTTP pré-carregados usam esse atributo, que é maior do que eu esperava, pois consideraria isso uma otimização de nicho. Então, novamente, também é o uso de cabeçalhos HTTP pré-carregados e/ou HTTP/2 push em si!
inglês | português |
---|---|
http | http |
headers | cabeçalhos |
attribute | atributo |
i | eu |
niche | nicho |
optimization | otimização |
push | push |
is | é |
or | ou |
the | o |
use | uso |
as | pois |
a | uma |
again | novamente |
higher | que |
of | do |
and | e |
this | esse |
EN Moreover don?t worry if your cache never is down to 0 files/ 0KB, as Autoptimize (as from version 2.2) will automatically preload the cache immediately after it has been cleared to speed further minification significantly up.
PT Ademais, não se preocupe se seu cache nunca cai para 0 arquivos / 0 KB, já que o Autoptimize (desde a versão 2.2) vai automaticamente pré carregar o cache imediatamente após ter sido limpo para acelerar ainda mais a minificação.
inglês | português |
---|---|
cache | cache |
files | arquivos |
kb | kb |
automatically | automaticamente |
autoptimize | autoptimize |
if | se |
never | nunca |
immediately | imediatamente |
the | o |
will | vai |
from | desde |
your | seu |
has | sido |
further | que |
EN urgent fix for Google Fonts aggregate & preload that broke badly in 2.7.4.
PT correção urgente para precarregar & agregar Fontes Google que quebraram ?di cum força? no 2.7.4
inglês | português |
---|---|
urgent | urgente |
fix | correção |
fonts | fontes |
aggregate | agregar |
amp | amp |
in | no |
for | para |
that | que |
EN Use <link rel="preload" as="font"> to fetch your font files earlier. Learn more:
PT Use <link rel="preload" as="font"> para baixar seus arquivos de fonte com antecedência. Saiba mais:
inglês | português |
---|---|
rel | rel |
your | seus |
files | arquivos |
amp | amp |
gt | gt |
learn | saiba |
earlier | de |
use | com |
font | font |
more | mais |
EN Using <link rel=preload> on the key web fonts: a preloaded font will have a higher chance to meet the first paint, in which case there's no layout shifting.
PT Usar <link rel=preload> nas principais fontes da web: uma fonte pré-carregada terá uma chance maior de encontrar a primeira renderização, e nesse caso não haverá mudança de layout.
inglês | português |
---|---|
rel | rel |
web | web |
chance | chance |
meet | encontrar |
layout | layout |
shifting | mudança |
amp | amp |
gt | gt |
key | principais |
using | usar |
fonts | fontes |
in | de |
font | fonte |
the | a |
a | uma |
first | primeira |
which | o |
EN Combining <link rel=preload> and font-display: optional
PT Combinar <link rel=preload> e font-display: optional
inglês | português |
---|---|
combining | combinar |
rel | rel |
and | e |
amp | amp |
gt | gt |
EN If you know that a particular resource should be prioritized, use <link rel="preload"> to fetch it sooner
PT Se você sabe que um determinado recurso deve ser priorizado, use <link rel="preload"> para baixá-lo mais cedo
inglês | português |
---|---|
resource | recurso |
rel | rel |
amp | amp |
gt | gt |
if | se |
you | você |
a | um |
use | use |
particular | determinado |
be | ser |
you know | sabe |
should | deve |
it | lo |
EN For any CSS not needed for initial rendering, use loadCSS to load files asynchronously, which leverages rel="preload"and onload.
PT Para qualquer CSS não necessário para renderização inicial, use loadCSS para carregar arquivos de forma assíncrona, o que alavanca rel="preload" e onload.
inglês | português |
---|---|
css | css |
needed | necessário |
rendering | renderização |
files | arquivos |
rel | rel |
load | carregar |
initial | inicial |
use | use |
which | o |
to | para |
and | e |
for | de |
any | qualquer |
EN The Opportunities section of your Lighthouse report flags the third level of requests in your critical request chain as preload candidates:
PT A seção Oportunidades de seu relatório Lighthouse sinaliza o terceiro nível de solicitações em sua cadeia de solicitações críticas como candidatos de pré-carregamento:
inglês | português |
---|---|
opportunities | oportunidades |
report | relatório |
level | nível |
chain | cadeia |
candidates | candidatos |
lighthouse | lighthouse |
requests | solicitações |
in | em |
the | o |
as | como |
of | seção |
EN The potential savings are based on how much earlier the browser would be able to start the requests if you declared preload links
PT A economia potencial é baseada em quanto antes o navegador seria capaz de iniciar as solicitações se você declarasse links de pré-carregamento
inglês | português |
---|---|
potential | potencial |
savings | economia |
browser | navegador |
requests | solicitações |
links | links |
if | se |
you | você |
based on | baseada |
the | o |
be | seria |
be able to | capaz |
earlier | de |
to start | iniciar |
are | é |
EN Preloading requests can make your pages load faster.Without preload links, styles.css and ui.js are requested only after app.js has been downloaded, parsed, and executed.
PT O pré-carregamento de solicitações pode fazer com que suas páginas carreguem mais rápido.Sem links de pré-carregamento, styles.css e ui.js são solicitados somente depois que app.js foi baixado, processado e executado.
inglês | português |
---|---|
requests | solicitações |
pages | páginas |
load | carregamento |
links | links |
css | css |
js | js |
requested | solicitados |
app | app |
downloaded | baixado |
executed | executado |
styles | styles |
can | pode |
without | sem |
are | são |
faster | mais rápido |
and | e |
EN Declare preload links in your HTML to instruct the browser to download key resources as soon as possible.
PT Declare links de pré-carregamento em seu HTML para instruir o navegador a fazer download dos principais recursos o mais rápido possível.
inglês | português |
---|---|
links | links |
html | html |
browser | navegador |
key | principais |
resources | recursos |
possible | possível |
download | download |
in | em |
soon | rápido |
the | o |
your | seu |
EN With preload links, styles.css and ui.js are requested at the same time as app.js.
PT Com links de pré-carregamento, styles.css e ui.js são solicitados ao mesmo tempo que app.js
inglês | português |
---|---|
links | links |
css | css |
js | js |
requested | solicitados |
app | app |
styles | styles |
time | tempo |
are | são |
the | mesmo |
and | e |
EN Preload routes ahead of time to speed up navigation.
PT Pré-carregue as rotas com antecedência para acelerar a navegação.
inglês | português |
---|---|
routes | rotas |
navigation | navegação |
speed up | acelerar |
to | a |
ahead | para |
EN Modify your themes's layout and add <link rel=preload> tags.
PT Modifique o layout dos seus temas e adicione tags <link rel=preload>
inglês | português |
---|---|
modify | modifique |
layout | layout |
add | adicione |
rel | rel |
tags | tags |
amp | amp |
gt | gt |
your | seus |
and | e |
EN Starting in Chrome 83, link rel="preload" and font-display: optional can be combined to remove layout jank completely
PT A partir do Chrome 83, o link rel="preload" e font-display: optional podem ser combinados para remover completamente o erro do layout
inglês | português |
---|---|
link | link |
rel | rel |
combined | combinados |
layout | layout |
completely | completamente |
chrome | chrome |
and | e |
remove | remover |
be | ser |
to | partir |
starting | para |
can | podem |
EN Combining <link rel="preload"> with font-display: optional is the most effective way to guarantee no layout jank when rendering custom fonts.
PT Combinando <link rel="preload"> com font-display: optional é a maneira mais eficaz de garantir que não haja erros de layout ao renderizar fontes personalizadas.
inglês | português |
---|---|
rel | rel |
effective | eficaz |
layout | layout |
rendering | renderizar |
amp | amp |
gt | gt |
is | é |
guarantee | garantir |
fonts | fontes |
the | a |
no | não |
way | de |
EN Optimizations have landed in Chrome 83 to entirely remove the first render cycle for optional fonts that are preloaded with <link rel="preload'>
PT As otimizações chegaram ao Chrome 83 para remover totalmente o primeiro ciclo de renderização para fontes opcionais que são pré-carregadas com <link rel="preload'>
inglês | português |
---|---|
optimizations | otimizações |
remove | remover |
render | renderização |
cycle | ciclo |
optional | opcionais |
fonts | fontes |
rel | rel |
chrome | chrome |
amp | amp |
gt | gt |
are | são |
the | o |
first | primeiro |
to | para |
entirely | totalmente |
that | que |
EN Although it is not necessary to preload an optional font, it greatly improves the chance for it to load before the first render cycle, especially if it is not yet stored in the browser's cache.
PT Embora não seja necessário pré-carregar uma fonte opcional, melhora muito a chance de carregar antes do primeiro ciclo de renderização, especialmente se ainda não estiver armazenada no cache do navegador.
inglês | português |
---|---|
necessary | necessário |
optional | opcional |
font | fonte |
improves | melhora |
chance | chance |
render | renderização |
cycle | ciclo |
browsers | navegador |
cache | cache |
greatly | muito |
especially | especialmente |
if | se |
load | carregar |
the | a |
is | estiver |
before | antes |
first | primeiro |
it | seja |
EN In general, try to use <link rel="preload">, as it's a more comprehensive performance tweak, but do keep <link rel="preconnect"> in your toolbelt for the edge cases like:
PT Em geral, tente usar <link rel="preload">, pois é um ajuste de desempenho mais abrangente, mas mantenha <link rel="preconnect"> em seu cinto de ferramentas para casos extremos como:
inglês | português |
---|---|
try | tente |
rel | rel |
performance | desempenho |
tweak | ajuste |
amp | amp |
gt | gt |
comprehensive | abrangente |
keep | mantenha |
a | um |
your | seu |
in | em |
general | geral |
use | usar |
cases | casos |
more | mais |
but | mas |
EN Then load the rest of the styles asynchronously using the preload link.
PT Em seguida, carregue o restante dos estilos de forma assíncrona usando o link preload.
inglês | português |
---|---|
load | carregue |
rest | restante |
styles | estilos |
the | o |
using | usando |
link | link |
of | de |
EN Preloading a resource with <link rel="preload"> tells the browser to download this resource as soon as possible
PT Pré-carregar um recurso com <link rel="preload"> diz ao navegador para baixar este recurso o mais rápido possível
inglês | português |
---|---|
resource | recurso |
lt | lt |
link | link |
rel | rel |
tells | diz |
browser | navegador |
possible | possível |
gt | gt |
a | um |
the | o |
this | este |
download | baixar |
soon | com |
EN For all sites measured in HTTP Archive, 14.33% of desktop sites and 14.84% of mobile sites use <link rel="preload"> for scripts on their page.
PT Para todos os sites medidos no arquivo HTTP, 14,33% dos sites de desktop e 14,84% dos sites móveis usam <link rel="preload"> para scripts em suas páginas.
inglês | português |
---|---|
http | http |
desktop | desktop |
mobile | móveis |
lt | lt |
rel | rel |
scripts | scripts |
gt | gt |
sites | sites |
page | páginas |
archive | arquivo |
in | em |
link | link |
of | de |
use | usam |
and | e |
EN The preload hint initiates an early request
PT A dica preload inicia uma solicitação antecipada
inglês | português |
---|---|
hint | dica |
request | solicitação |
the | a |
an | uma |
EN For example, if an important image is only discoverable once the browser has received and parsed the stylesheet, it may make sense to preload the image.
PT Por exemplo, se uma imagem importante só puder ser descoberta depois que o navegador receber e analisar a folha de estilo, pode fazer sentido pré-carregar a imagem.
inglês | português |
---|---|
important | importante |
image | imagem |
browser | navegador |
stylesheet | folha de estilo |
sense | sentido |
if | se |
may | pode |
the | o |
example | exemplo |
and | e |
EN A much smaller subset of sites would benefit from adopting prefetch and/or preload
PT Um subconjunto muito menor de sites se beneficiaria com a adoção prefetch e/ou preload
inglês | português |
---|---|
much | muito |
smaller | menor |
subset | subconjunto |
sites | sites |
adopting | adoção |
or | ou |
a | um |
of | de |
and | e |
EN There is greater nuance in successfully using prefetch and preload, which constrains its adoption to a certain extent, but the potential payoff is also greater
PT Há uma nuance maior no uso bem-sucedido de prefetch e preload, o que restringe sua adoção até certo ponto, mas a recompensa potencial também é maior
inglês | português |
---|---|
adoption | adoção |
potential | potencial |
is | é |
the | o |
a | uma |
but | mas |
also | também |
in | de |
using | uso |
and | e |
EN One concern raised by some is that HTTP/2 implementations have repurposed the preload HTTP link header as a signal to push
PT Uma preocupação levantada por alguns é que as implementações HTTP/2 redesignaram o link do cabeçalho preload do HTTP como um sinal para o push
inglês | português |
---|---|
concern | preocupação |
http | http |
implementations | implementações |
link | link |
header | cabeçalho |
signal | sinal |
push | push |
is | é |
a | um |
the | o |
to | para |
by | por |
as | como |
that | que |
EN One of the most popular uses of the preload resource hint is to inform the browser of late-discovered resources, like fonts and images, that the browser will not see until the CSS has been requested, downloaded, and parsed
PT Um dos usos mais populares da dica de recurso preload é informar o navegador sobre recursos descobertos posteriormente, como fontes e imagens, que o navegador não perceberá até que o CSS tenha sido solicitado, baixado e analisado
inglês | português |
---|---|
uses | usos |
hint | dica |
browser | navegador |
images | imagens |
css | css |
requested | solicitado |
downloaded | baixado |
is | é |
fonts | fontes |
the | o |
resource | recurso |
resources | recursos |
popular | populares |
inform | informar |
one | um |
of | de |
not | não |
to | sobre |
and | e |
EN Any performance concern is therefore (again arguably) at the overuse of preload, rather than the resulting HTTP/2 push that happens because of this.
PT Qualquer preocupação com o desempenho é, portanto (mais uma vez, sem dúvida), no uso excessivo do pré-carregamento, em vez do HTTP/2 push que resulta disso.
inglês | português |
---|---|
concern | preocupação |
http | http |
push | push |
performance | desempenho |
the | o |
is | é |
at | no |
of | do |
any | qualquer |
again | mais |
rather | em vez |
EN To get around this unintended push, you can provide the nopush attribute in your preload header:
PT Para contornar esse push não intencional, você pode fornecer o atributo nopush em seu cabeçalho de pré-carregamento:
inglês | português |
---|---|
push | push |
attribute | atributo |
header | cabeçalho |
get around | contornar |
the | o |
to | fornecer |
can | pode |
in | em |
get | para |
this | esse |
you | você |
around | de |
Mostrando 31 de 31 traduções