EN In no event shall any reference to any third party or third-party Software or service be construed as an approval or endorsement by Keeper Security of that third party or of any Software or service provided by a third party.
{gözleg Iňlis -da aşakdaky Portugaliýa sözlere / sözlemlere terjime edilip bilner:
EN In no event shall any reference to any third party or third-party Software or service be construed as an approval or endorsement by Keeper Security of that third party or of any Software or service provided by a third party.
PT Em nenhum evento qualquer referência a um terceiro ou a um Software ou serviço de terceiro deverá ser interpretada como aprovação ou endosso da Keeper Security daquele terceiro ou do Software ou serviço fornecido por um terceiro.
Iňlis | Portugaliýa |
---|---|
event | evento |
reference | referência |
approval | aprovação |
endorsement | endosso |
security | security |
keeper | keeper |
or | ou |
software | software |
service | serviço |
be | ser |
a | um |
in | em |
no | nenhum |
of | do |
EN If as a result of this advanced CSS minification you find broken CSS, build your website with the environment variable USE_SIMPLE_CSS_MINIFIER=true to minify CSS with the default cssnano preset
PT Se, como resultado dessa minimização CSS avançada, você encontrar CSS quebrado, construa seu site com a variável de ambiente USE_SIMPLE_CSS_MINIFIER=true para reduzir CSS com o predefinição cssnano padrão
Iňlis | Portugaliýa |
---|---|
advanced | avançada |
css | css |
broken | quebrado |
build | construa |
website | site |
variable | variável |
default | padrão |
preset | predefinição |
if | se |
environment | ambiente |
result | resultado |
of | de |
find | encontrar |
with | use |
use | com |
the | o |
you | você |
this | dessa |
EN CSS Revisions show prior versions of your custom CSS. Each time you save your changes, a revision is saved. Jetpack will store the last 25 CSS revisions made to any theme on your blog.
PT Revisões de CSS mostram versões anteriores de seu CSS personalizado. Sempre que você salva suas alterações, uma revisão é salva. O Jetpack armazena as últimas 25 revisões de CSS feitas em qualquer tema de seu blog.
Iňlis | Portugaliýa |
---|---|
css | css |
revisions | revisões |
show | mostram |
versions | versões |
save | salva |
changes | alterações |
revision | revisão |
store | armazena |
made | feitas |
theme | tema |
blog | blog |
last | últimas |
is | é |
the | o |
a | uma |
of | de |
you | você |
EN Ajax loading may prevent CSS added to Code Injection from loading correctly. Add CSS to the CSS Editor instead.
PT Ocarregamento do Ajax pode impedir que o CSS adicionado à Injeção de código seja carregado corretamente. Em vez disso, adicione CSS ao editor CSS em.
Iňlis | Portugaliýa |
---|---|
ajax | ajax |
prevent | impedir |
css | css |
code | código |
injection | injeção |
correctly | corretamente |
editor | editor |
may | pode |
added | adicionado |
add | adicione |
from | de |
the | o |
instead | em vez |
to | em |
EN Ajax loading may prevent CSS added to code injection from loading correctly. Add CSS to the CSS Editor instead.
PT O carregamento do Ajax pode impedir que o CSS adicionado à injeção de código seja carregado corretamente. Em vez disso, adicione CSS ao Editor CSS.
Iňlis | Portugaliýa |
---|---|
ajax | ajax |
loading | carregamento |
prevent | impedir |
css | css |
code | código |
injection | injeção |
correctly | corretamente |
editor | editor |
may | pode |
added | adicionado |
add | adicione |
from | de |
the | o |
instead | em vez |
to | em |
EN If as a result of this advanced CSS minification you find broken CSS, build your website with the environment variable USE_SIMPLE_CSS_MINIFIER=true to minify CSS with the default cssnano preset
PT Se, como resultado dessa minimização CSS avançada, você encontrar CSS quebrado, construa seu site com a variável de ambiente USE_SIMPLE_CSS_MINIFIER=true para reduzir CSS com o predefinição cssnano padrão
Iňlis | Portugaliýa |
---|---|
advanced | avançada |
css | css |
broken | quebrado |
build | construa |
website | site |
variable | variável |
default | padrão |
preset | predefinição |
if | se |
environment | ambiente |
result | resultado |
of | de |
find | encontrar |
with | use |
use | com |
the | o |
you | você |
this | dessa |
EN The last few years has seen a greater interaction between CSS and JavaScript, beyond the simple setting of CSS classes and styles or off. So how much are we using technologies like Houdini and techniques like CSS-in-JS?
PT Nos últimos anos houve uma maior interação entre CSS e JavaScript, além das simples configurações de classes e estilos CSS ou desabilitação. Então, o quanto estamos usando tecnologias como Houdini e técnicas como CSS-in-JS?
Iňlis | Portugaliýa |
---|---|
interaction | interação |
css | css |
setting | configurações |
classes | classes |
styles | estilos |
technologies | tecnologias |
techniques | técnicas |
last | últimos |
javascript | javascript |
or | ou |
using | usando |
the | o |
simple | simples |
years | anos |
a | uma |
so | então |
and | e |
of | de |
EN While analyzing CSS code tells us what CSS developers are doing, looking at preprocessor code can tell us a bit about what CSS developers want to be doing, but can?t, which in some ways is more interesting
PT Embora a análise do código CSS nos diga o que os desenvolvedores CSS estão fazendo, olhar o código do pré-processador pode nos dizer um pouco sobre o que os desenvolvedores CSS querem fazer, mas não podem, o que de certa forma é mais interessante
Iňlis | Portugaliýa |
---|---|
analyzing | análise |
css | css |
code | código |
developers | desenvolvedores |
ways | forma |
interesting | interessante |
is | é |
want to | querem |
a | um |
bit | um pouco |
are | estão |
can | pode |
be | podem |
tell | dizer |
in | de |
us | nos |
to | a |
but | mas |
which | o |
more | mais |
about | sobre |
EN Finally, the 'CSS' panel always has the CSS for the current gradient for easy copying and pasting into your stylesheet. You can also use this panel to import an existing gradient CSS into the tool.
PT Por fim, o painel 'CSS' sempre tem o CSS para o gradiente atual para fácil cópia e colagem na sua folha de estilo. Também pode usar este painel para importar um CSS de gradiente existente para a ferramenta.
EN Your use of the Third Party Software is subject to and governed by the respective Third Party Software licenses, which relevant licenses for such Third Party Software You may view from within the Software.
PT Seu uso do Software de Terceiros está sujeito e é regido pelas respectivas licenças de Software de Terceiros, cujas licenças relevantes para tal Software de Terceiros Você pode encontrar dentro do Software.
Iňlis | Portugaliýa |
---|---|
respective | respectivas |
licenses | licenças |
software | software |
is | é |
use | uso |
may | pode |
third | terceiros |
relevant | relevantes |
you | você |
of | do |
and | e |
by | pelas |
EN Your use of the Third Party Software is subject to and governed by the respective Third Party Software licenses, which relevant licenses for such Third Party Software You may view from within the Software.
PT Seu uso do Software de Terceiros está sujeito e é regido pelas respectivas licenças de Software de Terceiros, cujas licenças relevantes para tal Software de Terceiros Você pode encontrar dentro do Software.
Iňlis | Portugaliýa |
---|---|
respective | respectivas |
licenses | licenças |
software | software |
is | é |
use | uso |
may | pode |
third | terceiros |
relevant | relevantes |
you | você |
of | do |
and | e |
by | pelas |
EN You are permitted to use the Third-Party Software in conjunction with the Software, provided that such use is consistent with the terms of this EULA and the Third-Party Terms applicable to such Third-Party Software
PT Você tem permissão para usar o Software de Terceiros em conjunto com o Software, desde que tal uso seja compatível com os termos do presente EULA e os Termos de Terceiros aplicáveis a tal Software de Terceiros
Iňlis | Portugaliýa |
---|---|
eula | eula |
software | software |
applicable | aplicáveis |
third | terceiros |
you | você |
in | em |
terms | termos |
use | usar |
of | do |
and | e |
the | o |
EN You have sole discretion whether to purchase or connect to any Third-Party Offerings, and your use of any Third-Party Offering is governed solely by the terms of such Third-Party Offerings.
PT Fica a seu critério exclusivo comprar ou conectar com qualquer Oferta de Terceiros, e o uso de quaisquer Ofertas de Terceiros pelo Cliente é regido exclusivamente pelos termos da Oferta de Terceiros.
Iňlis | Portugaliýa |
---|---|
discretion | critério |
connect | conectar |
solely | exclusivamente |
or | ou |
purchase | comprar |
is | é |
third | terceiros |
offerings | ofertas |
of | de |
terms | termos |
the | o |
sole | exclusivo |
offering | oferta |
use | uso |
and | e |
by | com |
EN We also use first and third-party cookies. First party cookies are used and controlled by us to provide services for the Services. Third-party cookies are controlled by third-parties, mostly for analytics purposes.
PT Também usamos cookies originais e de terceiros. Os cookies originais são usados e controlados por nós para facultarem serviços para os Serviços. Os cookies de terceiros são controlados por terceiros, principalmente para fins de análise.
EN A further distinction is between first party cookies which are served directly by us to your Device and third-party cookies which are served by a third party on our behalf.
PT Uma outra distinção é entre cookies primários, que são servidos diretamente por nós ao seu dispositivo, e cookies de terceiros, que são servidos por um terceiro em nosso nome.
Iňlis | Portugaliýa |
---|---|
distinction | distinção |
cookies | cookies |
served | servidos |
device | dispositivo |
directly | diretamente |
is | é |
behalf | nome |
a | um |
third | terceiros |
are | são |
us | nós |
further | que |
between | de |
and | e |
our | nosso |
EN Most third party EAs and indicators are located on other websites, although a few third party tools are available in the platform. Stability of 3rd party tools, besides the ones from JFD, is not guaranteed.
PT A maioria dos EAs e indicadores de terceiros estão localizados em outros sites, embora algumas ferramentas de terceiros estejam disponíveis na plataforma. A estabilidade de ferramentas de terceiros, além das de JFD, não é garantida.
Iňlis | Portugaliýa |
---|---|
indicators | indicadores |
tools | ferramentas |
stability | estabilidade |
jfd | jfd |
other | outros |
platform | plataforma |
websites | sites |
available | disponíveis |
is | é |
in | em |
the | a |
although | embora |
not | não |
third | terceiros |
of | de |
guaranteed | garantida |
and | e |
EN For both mobile and desktop clients, more third-party requests are sent than first-party at every percentile. If this seems surprising, let?s find out how much actual code shipped comes from third-party vendors.
PT Para clientes móveis e de desktop, mais solicitações são enviadas para conteúdo de terceiros do que conteúdo de origem em cada percentil. Se isso parece surpreendente, vamos descobrir quanto código real enviado vem de fornecedores terceirizados.
Iňlis | Portugaliýa |
---|---|
mobile | móveis |
desktop | desktop |
clients | clientes |
requests | solicitações |
seems | parece |
surprising | surpreendente |
s | s |
actual | real |
code | código |
vendors | fornecedores |
if | se |
more | mais |
this | vamos |
third | terceiros |
sent | enviado |
let | para |
are | são |
find out | descobrir |
comes | vem |
and | e |
how | quanto |
EN Neither Party may disclose or in any other way make confidential information available to any third party without the written consent of the other Party.
PT Nenhuma das partes pode divulgar ou de qualquer outra forma disponibilizar informações confidenciais para terceiros sem o consentimento por escrito da outra parte.
Iňlis | Portugaliýa |
---|---|
disclose | divulgar |
information | informações |
consent | consentimento |
or | ou |
available | disponibilizar |
without | sem |
the | o |
other | outra |
third | terceiros |
written | escrito |
may | pode |
confidential | confidenciais |
EN You can look into ?inline all CSS? (easy) or ?inline and defer CSS? (better) which are explained in this FAQ as well.
PT Você pode dar uma olhada em ?Colocar todo CSS inline?? (fácil) ou ?CSS em linha e adiado??(melhor) que também são explicadas nestas Perguntas Frequentes.
Iňlis | Portugaliýa |
---|---|
css | css |
easy | fácil |
explained | explicadas |
faq | perguntas frequentes |
or | ou |
better | melhor |
in | em |
you | você |
can | pode |
look | que |
are | são |
and | e |
which | o |
EN At the moment (June 2017) it seems RocketLoader might break AO?s ?inline & defer CSS?, which is based on Filamentgroup’s loadCSS, resulting in the deferred CSS not loading.
PT No momento (Junho 2017) parece que o RocketLoader pode quebrar o ?CSS em linha e adiado? do AO, que é baseado no loadCSS do Filamentgroup, resultando no CSS adiado não sendo carregado.
Iňlis | Portugaliýa |
---|---|
june | junho |
break | quebrar |
inline | em linha |
css | css |
might | pode |
ao | ao |
the | o |
seems | parece |
is | é |
based on | baseado |
in | em |
not | não |
moment | e |
at | no |
EN aggregated CSS and JS), including background-images in the CSS (when not using data-uri?s).
PT CSS e JS agregado), incluindo imagens de fundo no CSS (quando não estiver usando data-uri?s).
Iňlis | Portugaliýa |
---|---|
css | css |
js | js |
including | incluindo |
s | s |
images | imagens |
background | fundo |
using | usando |
when | quando |
and | e |
in | de |
EN AO minifies excluded JS/ CSS if the filename indicates the file is not minified yet. As of AO 2.5 you can disable this on the ?JS, CSS & HTML?-tab under misc. options by unticking ?minify excluded files?.
PT AO miniaturiza o JS/CSS se o nome do arquivo indica que não foi miniaturizado ainda. Desde o AO 2.5 você pode desativar isto na aba ?JS, CSS & HTML? em opções diversas, desmarcando ?arquivos excluídos do miniaturizar?
Iňlis | Portugaliýa |
---|---|
js | js |
css | css |
filename | nome do arquivo |
indicates | indica |
disable | desativar |
html | html |
tab | aba |
amp | amp |
ao | ao |
if | se |
of | do |
options | opções |
the | o |
file | arquivo |
you | você |
files | arquivos |
this | isto |
can | pode |
as | desde |
excluded | excluídos |
yet | que |
EN Yes, if you want to serve files from e.g. /wp-content/resources/aggregated_12345.css instead of the default /wp-content/cache/autoptimize/autoptimize_12345.css, then add this to wp-config.php:
PT Sim, se você deseja servir arquivos de, por exemplo, /wp-content/resources/aggregated_12345.css ao invés do padrão /wp-content/cache/autoptimize/autoptimize_12345.css, então adicione isto ao seu wp-config.php
Iňlis | Portugaliýa |
---|---|
files | arquivos |
css | css |
default | padrão |
cache | cache |
php | php |
resources | resources |
autoptimize | autoptimize |
if | se |
add | adicione |
you | você |
serve | servir |
yes | sim |
of | do |
this | isto |
EN When both Autoptimize 2.7 and the separate Critical CSS power-up are installed and active, the power-up will handle the critical CSS part
PT Quando taato o Autoptimize 2.7 quando o plugin de melhoria Critical CSS separada estiverem instaladas e ativas, o plugin da melhoria vai cuidar da parte do CSS crítico
Iňlis | Portugaliýa |
---|---|
css | css |
installed | instaladas |
active | ativas |
autoptimize | autoptimize |
separate | separada |
the | o |
when | quando |
will | vai |
and | e |
critical | critical |
EN If there is HTML in a page cache that links to Autoptimized CSS/ JS that has been removed in the mean time (when the cache was cleared) then the page from cache will not look/ work as expected as the CSS or JS were not found (a 404 error).
PT Se houver HTML em uma cache de páginas que tem link para CSS/JS Autoptimized qu foi removido nom eio tempo (quando o cache foi limpo) então a página do cache não vai funcionarS/JS não foi encontrado (um erro 404).
Iňlis | Portugaliýa |
---|---|
html | html |
cache | cache |
links | link |
css | css |
js | js |
found | encontrado |
error | erro |
if | se |
a | um |
page | página |
was | foi |
is | houver |
in | em |
removed | removido |
time | tempo |
the | o |
will | vai |
when | quando |
EN Critical CSS: further security improvements of critical CSS import settings upload, based on the input of Marcin Weglowski of afine.com
PT CSS Crítico: mais melhorias de segurança na importação de configuração do CSS crítico, basedo no sugerido pelo Marcin Weglowski da afine.com
Iňlis | Portugaliýa |
---|---|
critical | crítico |
css | css |
improvements | melhorias |
import | importação |
settings | configuração |
security | segurança |
based | com |
on | no |
of | do |
the | pelo |
EN If you are making a couple, say one or two, modifications to your CSS, we suggest using one of the CSS plugins offered by WordPress.
PT File ou Style.css, um tema de criança é uma boa ideia.Se você estiver fazendo um par, digamos um ou dois, modificações no seu CSS, sugerimos usar um dos plugins CSS oferecidos pelo WordPress.
Iňlis | Portugaliýa |
---|---|
making | fazendo |
modifications | modificações |
css | css |
plugins | plugins |
offered | oferecidos |
wordpress | wordpress |
if | se |
or | ou |
a | um |
of | de |
using | usar |
we suggest | sugerimos |
you | você |
to | a |
are | é |
EN Step #4. Open your style.css file by right-clicking on it and selecting "Edit" >> Copy and paste the following code into your style.css document and click "Save Changes"
PT Passo 4.Abra seu arquivo Style.css clicando com o botão direito do mouse em ele e selecionando "Editar" >> Copie e cole o código a seguir no documento do seu estilo.CSS e clique em "Salvar alterações"
Iňlis | Portugaliýa |
---|---|
style | estilo |
css | css |
copy | copie |
paste | cole |
code | código |
right | direito |
gt | gt |
file | arquivo |
selecting | selecionando |
edit | editar |
document | documento |
save | salvar |
changes | alterações |
clicking | clicando |
step | passo |
click | clique |
the | o |
it | ele |
by | com |
and | e |
EN For advanced minification of CSS bundle, we use the advanced cssnano preset (along with additional several PostCSS plugins) and level 2 optimization of clean-css
PT Para a minimização avançada do pacote CSS, usamos a predefinição cssnano avançada (junto com vários plug-ins PostCSS adicionais) e otimização de nível 2 do clean-css
Iňlis | Portugaliýa |
---|---|
advanced | avançada |
css | css |
bundle | pacote |
preset | predefinição |
level | nível |
optimization | otimização |
additional | adicionais |
plugins | plug-ins |
we use | usamos |
the | a |
with | junto |
of | do |
and | e |
use | com |
EN Starting with WordPress 4.7, you can now add custom CSS to your own theme directly from the Customizer. Just choose the Additional CSS tab when customizing your current theme to get started!
PT Começando com o WordPress 4.7, você pode agora adicionar seu próprio tema ao CSS personalizado diretamente do Customizer. Basta escolher a guia CSS Adicional quando personalizar seu tema atual para começar agora.
Iňlis | Portugaliýa |
---|---|
wordpress | wordpress |
css | css |
theme | tema |
choose | escolher |
tab | guia |
now | agora |
add | adicionar |
current | atual |
started | começar |
can | pode |
directly | diretamente |
the | o |
additional | adicional |
you | você |
to | basta |
when | quando |
custom | personalizado |
EN Jetpack?s Custom CSS feature allows you to add more features to that CSS editor, as explained below.
PT O módulo CSS personalizado do Jetpack permite que você adicione mais funcionalidades para esse editor CSS, como explicado abaixo.
Iňlis | Portugaliýa |
---|---|
css | css |
allows | permite |
editor | editor |
explained | explicado |
features | funcionalidades |
you | você |
below | abaixo |
custom | personalizado |
add | adicione |
more | mais |
EN First, access the CSS editor via Appearance → Customize → Additional CSS.
PT Primeiro, acesse o editor CSS via Aparência → Personalizar → CSS Adicional.
EN If this is your first visit to the CSS Editor (or you have not yet added any custom CSS code), you will see a placeholder message in the editing window
PT Se esta for sua primeira visita ao Editor CSS (ou se você ainda não adicionou um código CSS personalizado), verá uma mensagem de espaço reservado na janela de edição
Iňlis | Portugaliýa |
---|---|
css | css |
added | adicionou |
code | código |
message | mensagem |
window | janela |
if | se |
visit | visita |
editor | editor |
or | ou |
editing | edição |
see | verá |
a | um |
you | você |
the | primeira |
to | ainda |
in | de |
EN When you’re ready to begin adding your custom CSS code, simply remove the message to get started or add your CSS after it.
PT Quando você estiver pronto para começar a adicionar seu código CSS personalizado, basta remover a mensagem começar agora ou adicionar seu CSS depois dela.
Iňlis | Portugaliýa |
---|---|
css | css |
code | código |
remove | remover |
ready | pronto |
message | mensagem |
or | ou |
the | a |
add | adicionar |
to | basta |
started | começar |
when | quando |
custom | personalizado |
EN Preprocessor: the CSS editor has support for CSS preprocessors LESS and Sass (SCSS Syntax)
PT Preprocessador: o editor CSS tem suporte para preprocessadores CSS dos tipos LESS e Sass (Sintaxe SCSS)
Iňlis | Portugaliýa |
---|---|
css | css |
editor | editor |
syntax | sintaxe |
less | less |
support | suporte |
the | o |
and | e |
for | para |
EN To restore a previous version of your custom CSS, click Restore for that date and the custom CSS is reverted back.
PT Para restaurar uma versão anterior de seu CSS personalizado, clique em Restaurar referente à data em questão. Assim, o CSS personalizado é revertido.
Iňlis | Portugaliýa |
---|---|
css | css |
is | é |
restore | restaurar |
the | o |
click | clique |
date | data |
a | uma |
of | de |
to | assim |
previous | anterior |
version | versão |
your | seu |
EN Jetpack will include the custom CSS as an in-line stylesheet inside the document by default. However, if the custom CSS exceeds 2000 characters in length, Jetpack will generate an external stylesheet and link to it.
PT O Jetpack inclui, por padrão, o CSS personalizado como uma folha de estilo embutida no documento. No entanto, se o CSS personalizado exceder 2.000 caracteres de comprimento, o Jetpack gerará uma folha de estilo externa e criará o vínculo para ela.
Iňlis | Portugaliýa |
---|---|
css | css |
stylesheet | folha de estilo |
document | documento |
characters | caracteres |
length | comprimento |
external | externa |
if | se |
generate | gerar |
the | o |
it | ela |
EN Code Injection isn't intended for adding content or styles. To add content to your site, visit Building a page. To add custom CSS for styles, use the Custom CSS Editor.
PT A Injeção de Código não se destina a inserção de conteúdo ou estilos. Para adicionar conteúdo ao site, visite Construir uma página. Para adicionar CSS personalizado para estilos, use o Editor de CSS Personalizado.
Iňlis | Portugaliýa |
---|---|
code | código |
injection | injeção |
styles | estilos |
visit | visite |
css | css |
editor | editor |
content | conteúdo |
or | ou |
site | site |
page | página |
intended | destina |
the | o |
a | uma |
add | adicionar |
use | use |
EN We recommend adding CSS to the Custom CSS Editor instead of Code Injection. If you're adding it to Code Injection, surround the code with <style></style> tags.
PT Recomendamos adicionar CSS ao Editor de CSS Personalizado em vez da Injeção de Código. Se você estiver adicionando à Injeção de Código, coloque o código entre as tags <style></style>.
Iňlis | Portugaliýa |
---|---|
css | css |
editor | editor |
instead | em vez |
code | código |
injection | injeção |
lt | lt |
tags | tags |
we recommend | recomendamos |
gt | gt |
if | se |
adding | adicionando |
to | em |
the | o |
of | de |
with | entre |
EN The horizontal accordion and vertical accordion in Unbounce landing pages will create collapsing accordion pure CSS portfolio for a business template with optional CSS HTML only accordion
PT O acordeão horizontal e o acordeão vertical nas páginas de destino da Unbounce criarão um portfólio CSS puro de acordeão em colapso para um modelo de negócios com acordeão CSS apenas HTML opcional
Iňlis | Portugaliýa |
---|---|
horizontal | horizontal |
accordion | acordeão |
vertical | vertical |
pure | puro |
css | css |
portfolio | portfólio |
optional | opcional |
html | html |
pages | páginas |
the | o |
a | um |
in | em |
template | modelo |
create | criar |
and | e |
business | negócios |
EN To learn more about what CSS properties trigger layout, see CSS Triggers and High-performance animations.
PT Para saber mais sobre quais propriedades CSS causam alterações no layout, veja Gatilhos CSS e Animações de alto desempenho.
Iňlis | Portugaliýa |
---|---|
css | css |
properties | propriedades |
layout | layout |
triggers | gatilhos |
animations | animações |
performance | desempenho |
high | alto |
learn | e |
more | mais |
about | sobre |
EN Inline any critical-path CSS used for above-the-fold content by including it directly in <head>.Critical CSS inlined
PT Embuta qualquer CSS essencial que é usado para conteúdo acima da dobra incluindo-o diretamente no <head>.CSS crítico embutido
Iňlis | Portugaliýa |
---|---|
css | css |
directly | diretamente |
amp | amp |
gt | gt |
used | usado |
content | conteúdo |
including | incluindo |
in | no |
critical | crítico |
any | qualquer |
EN Inlining important styles eliminates the need to make a round-trip request to fetch critical CSS. Deferring the rest minimizes CSS blocking time.
PT Embutir estilos importantes elimina a necessidade de fazer uma solicitação de ida e volta para buscar CSS crítico. Adiar o restante minimiza o tempo de bloqueio do CSS.
Iňlis | Portugaliýa |
---|---|
styles | estilos |
eliminates | elimina |
fetch | buscar |
css | css |
rest | restante |
minimizes | minimiza |
blocking | bloqueio |
round | volta |
important | importantes |
request | solicitação |
critical | crítico |
need | necessidade |
time | tempo |
the | o |
a | uma |
make | de |
EN Critters is a webpack plugin that inlines critical CSS and lazy-loads the restExample of LCP improvement: Before and after inlining critical CSS
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
Iňlis | Portugaliýa |
---|---|
webpack | webpack |
plugin | plugin |
critical | crítico |
css | css |
lcp | lcp |
improvement | melhoria |
loads | carrega |
is | é |
a | um |
the | o |
of | de |
that | que |
and | e |
before | antes |
EN At times, important resources that are declared or used in a certain CSS or JavaScript file may be fetched later than you would like, such as a font tucked deep in one of the many CSS files of an application.
PT Às vezes, recursos importantes que são declarados ou usados num determinado arquivo CSS ou JavaScript podem ser baixados mais tarde do que você gostaria, como uma fonte escondida num dos muitos arquivos CSS de uma aplicação.
Iňlis | Portugaliýa |
---|---|
resources | recursos |
used | usados |
css | css |
javascript | javascript |
font | fonte |
application | aplicação |
or | ou |
a | uma |
files | arquivos |
times | vezes |
file | arquivo |
important | importantes |
be | ser |
of | de |
may | podem |
as | como |
many | muitos |
EN It is also possible to include separate stylesheets in your main CSS file using the @import syntax, @import url(print.css) print;, however this use is not recommended for performance reasons
PT Também é possível incluir folhas de estilo separadas no seu arquivo CSS principal usando a sintaxe @import, @import url(print.css) print;, no entanto, esse uso não é recomendado por motivos de desempenho
Iňlis | Portugaliýa |
---|---|
separate | separadas |
main | principal |
css | css |
file | arquivo |
syntax | sintaxe |
url | url |
recommended | recomendado |
reasons | motivos |
is | é |
possible | possível |
performance | desempenho |
using | usando |
use | uso |
include | incluir |
the | a |
also | também |
your | seu |
EN Basic knowledge of how HTML and CSS work is recommended. If you haven’t got any experience in working with these, Javier teaches a course that you may want to do before taking this one: Introduction to Responsive Web Development with HTML and CSS.
PT É recomendável ter conhecimento básico de HTML e CSS. Caso você não tenha, poderá fazer o curso de Javier: Introdução ao desenvolvimento de sites responsivos com HTML e CSS.
Iňlis | Portugaliýa |
---|---|
html | html |
css | css |
javier | javier |
responsive | responsivos |
web | sites |
course | curso |
development | desenvolvimento |
basic | básico |
you | você |
knowledge | conhecimento |
may | poderá |
introduction | introdução |
to | caso |
of | de |
and | e |
EN Inlining extracted styles in the <head> of the HTML document eliminates the need to make an additional request to fetch these styles. The remainder of the CSS can be loaded asynchronously.Inlined critical CSS
PT Colocar inline estilos extraídos no <head> do documento HTML elimina a necessidade de fazer uma solicitação adicional para buscar esses estilos. O restante do CSS pode ser carregado de forma assíncrona.CSS crítico inline
Iňlis | Portugaliýa |
---|---|
styles | estilos |
html | html |
document | documento |
eliminates | elimina |
fetch | buscar |
remainder | restante |
css | css |
loaded | carregado |
critical | crítico |
amp | amp |
gt | gt |
request | solicitação |
can | pode |
need | necessidade |
be | ser |
the | o |
additional | adicional |
of | do |
EN The performance impact you can achieve with this technique depends on the type of your website. Generally speaking, the more CSS a site has, the greater the possible impact of inlined CSS.
PT O impacto no desempenho que você pode obter com essa técnica depende do tipo de seu site. De modo geral, quanto mais CSS um site tiver, maior será o impacto possível do CSS inline.
Iňlis | Portugaliýa |
---|---|
technique | técnica |
generally | geral |
css | css |
performance | desempenho |
impact | impacto |
a | um |
on | no |
type | tipo |
the | o |
this | essa |
can | pode |
depends | depende |
possible | possível |
achieve | com |
you | você |
has | é |
of | do |
EN It doesn't have options to inline and minify critical CSS, but it does let you force-include rules that don't actually belong in critical CSS and gives you more granular control over including @font-face declarations.
PT Ele não tem opções para embutir e minimizar CSS crítico, mas permite que você force a inclusão de regras que não pertencem realmente ao CSS crítico e dá a você um controle mais granular sobre a inclusão de declarações @font-face
Iňlis | Portugaliýa |
---|---|
critical | crítico |
css | css |
granular | granular |
force | force |
options | opções |
control | controle |
you | você |
does | o |
rules | regras |
let | para |
to | a |
and | e |
but | mas |
in | de |
more | mais |
{Totalresult} terjimeleriniň 50 görkezmek