PT <link rel="dns-prefetch> lida com um pequeno subconjunto do que é tratado por <link rel="preconnect">
PT <link rel="dns-prefetch> lida com um pequeno subconjunto do que é tratado por <link rel="preconnect">
EN <link rel="dns-prefetch> handles a small subset of what is handled by <link rel="preconnect">
Portekizce | İngilizce |
---|---|
amp | amp |
gt | gt |
pequeno | small |
subconjunto | subset |
rel | rel |
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:
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:
Portekizce | İngilizce |
---|---|
tente | try |
amp | amp |
gt | gt |
ajuste | tweak |
desempenho | performance |
mantenha | keep |
casos | cases |
rel | rel |
PT <link rel="dns-prefetch"> é outro <link> relacionado a conexões. Ele lida apenas com a pesquisa de DNS, mas tem suporte para navegador mais amplo, então pode servir como um bom substituto. Você o usa exatamente da mesma maneira:
EN <link rel="dns-prefetch"> is another <link> type related to connections. This handles the DNS lookup only, but it's got wider browser support, so it may serve as a nice fallback. You use it the exact same way:
Portekizce | İngilizce |
---|---|
amp | amp |
gt | gt |
relacionado | related |
conexões | connections |
pesquisa | lookup |
dns | dns |
navegador | browser |
amplo | wider |
bom | nice |
usa | use |
maneira | way |
rel | rel |
PT Use <link rel="preload" as="font"> para baixar seus arquivos de fonte com antecedência. Saiba mais:
EN Use <link rel="preload" as="font"> to fetch your font files earlier. Learn more:
Portekizce | İngilizce |
---|---|
use | use |
amp | amp |
gt | gt |
seus | your |
arquivos | files |
rel | rel |
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.
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.
Portekizce | İngilizce |
---|---|
amp | amp |
gt | gt |
principais | key |
web | web |
chance | chance |
encontrar | meet |
layout | layout |
rel | rel |
mudança | shifting |
PT Combinar <link rel=preload> e font-display: optional
EN Combining <link rel=preload> and font-display: optional
Portekizce | İngilizce |
---|---|
combinar | combining |
amp | amp |
gt | gt |
e | and |
rel | rel |
PT Se você sabe que um determinado recurso deve ser priorizado, use <link rel="preload"> para baixá-lo mais cedo
EN If you know that a particular resource should be prioritized, use <link rel="preload"> to fetch it sooner
Portekizce | İngilizce |
---|---|
se | if |
você | you |
determinado | particular |
recurso | resource |
use | use |
amp | amp |
gt | gt |
rel | rel |
PT InittorType : como o recurso foi obtido: por exemplo, através de uma <script> ou <link> ou de fetch()
EN initiatorType: how the resource was fetched: such as from a <script> or <link> tag, or from fetch()
Portekizce | İngilizce |
---|---|
recurso | resource |
foi | was |
amp | amp |
gt | gt |
ou | or |
PT É possível especificar o ícone usado pelo app com a inclusão de uma tag <link rel="apple-touch-icon" href="/example.png"> no <head> da página
EN You can specify what icon your app should use by including a <link rel="apple-touch-icon" href="/example.png"> tag in the <head> of your page
Portekizce | İngilizce |
---|---|
especificar | specify |
ícone | icon |
amp | amp |
example | example |
png | png |
gt | gt |
página | page |
rel | rel |
PT O Lighthouse sinaliza as páginas sem uma tag <link rel="apple-touch-icon" href="/example.png"> em <head>:
EN Lighthouse flags pages without a <link rel="apple-touch-icon" href="/example.png"> tag in the <head>:
Portekizce | İngilizce |
---|---|
lighthouse | lighthouse |
páginas | pages |
sem | without |
tag | tag |
amp | amp |
example | example |
png | png |
gt | gt |
rel | rel |
PT Adicione <link rel="apple-touch-icon" href="/example.png"> ao <head> da sua página:
EN Add <link rel="apple-touch-icon" href="/example.png"> to the <head> of your page:
Portekizce | İngilizce |
---|---|
adicione | add |
amp | amp |
example | example |
png | png |
gt | gt |
ao | to |
página | page |
rel | rel |
PT Modifique o layout dos seus temas e adicione tags <link rel=preload>
EN Modify your themes's layout and add <link rel=preload> tags.
Portekizce | İngilizce |
---|---|
modifique | modify |
layout | layout |
seus | your |
temas | themes |
adicione | add |
tags | tags |
amp | amp |
gt | gt |
rel | rel |
PT <link rel="preconnect"> informa ao navegador que sua página pretende estabelecer uma conexão com outra origem e que deseja que o processo seja iniciado o mais rápido possível
EN <link rel="preconnect"> informs the browser that your page intends to establish a connection to another origin, and that you'd like the process to start as soon as possible
Portekizce | İngilizce |
---|---|
amp | amp |
gt | gt |
informa | informs |
navegador | browser |
página | page |
pretende | intends |
conexão | connection |
origem | origin |
processo | process |
rel | rel |
rápido | soon |
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.
EN Combining <link rel="preload"> with font-display: optional is the most effective way to guarantee no layout jank when rendering custom fonts.
Portekizce | İngilizce |
---|---|
amp | amp |
gt | gt |
maneira | way |
eficaz | effective |
layout | layout |
personalizadas | custom |
rel | rel |
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'>
EN Optimizations have landed in Chrome 83 to entirely remove the first render cycle for optional fonts that are preloaded with <link rel="preload'>
Portekizce | İngilizce |
---|---|
otimizações | optimizations |
chrome | chrome |
remover | remove |
totalmente | entirely |
ciclo | cycle |
renderização | render |
fontes | fonts |
opcionais | optional |
amp | amp |
gt | gt |
rel | rel |
PT A seção Oportunidades de seu relatório Lighthouse lista todas as solicitações principais que ainda não estão priorizando solicitações de busca com <link rel=preconnect>:
EN The Opportunities section of your Lighthouse report lists all key requests that aren't yet prioritizing fetch requests with <link rel="preconnect">:
Portekizce | İngilizce |
---|---|
oportunidades | opportunities |
relatório | report |
lighthouse | lighthouse |
principais | key |
priorizando | prioritizing |
amp | amp |
gt | gt |
rel | rel |
PT <link rel=preconnect> é compatível com a maioria dos navegadores. Consulte Compatibilidade do navegador.
EN <link rel="preconnect"> is supported on most browsers. See Browser compatibility.
Portekizce | İngilizce |
---|---|
amp | amp |
gt | gt |
é | is |
consulte | see |
compatibilidade | compatibility |
rel | rel |
PT <link rel="preconnect"> informa ao navegador que sua página pretende estabelecer uma conexão com outra origem e que deseja que o processo seja iniciado o mais rápido possível.
EN <link rel="preconnect"> informs the browser that your page intends to establish a connection to another origin, and that you'd like the process to start as soon as possible.
Portekizce | İngilizce |
---|---|
amp | amp |
gt | gt |
informa | informs |
navegador | browser |
página | page |
pretende | intends |
conexão | connection |
origem | origin |
processo | process |
rel | rel |
rápido | soon |
PT Lembre-se de que, embora <link rel="preconnect"> seja muito barato, ele ainda pode consumir um tempo valioso da CPU, principalmente em conexões seguras
EN Bear in mind that while <link rel="preconnect"> is pretty cheap, it can still take up valuable CPU time, particularly on secure connections
Portekizce | İngilizce |
---|---|
amp | amp |
gt | gt |
barato | cheap |
valioso | valuable |
cpu | cpu |
principalmente | particularly |
conexões | connections |
rel | rel |
muito | pretty |
19 çeviriden 19 tanesi gösteriliyor