Traduzir "optimize css" para português

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

• resultado dessa minimização
• avançada
• encontrar CSS quebrado
• variável de ambiente
• predefinição cssnano padrão

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.

• Revisões de CSS
• CSS personalizado
• alterações
• revisão é salva
• revisões de CSS

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.

• Ocarregamento do Ajax
• adicionado à Injeção
• código seja carregado
• vez disso
• CSS

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.

• carregamento do Ajax
• adicionado à injeção
• código seja carregado
• vez disso

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

• resultado dessa minimização
• avançada
• encontrar CSS quebrado
• variável de ambiente
• predefinição cssnano padrão

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?

• últimos anos houve
• JavaScript
• estilos CSS
• desabilitação
• Então
• quanto estamos usando
• Houdini
• técnicas como CSS-in-JS

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

• Embora a análise
• olhar o código
• desenvolvedores CSS querem
• certa forma é
• interessante

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.

• fim
• painel 'CSS' sempre
• atual para fácil
• estilo
• usar este painel
• importar um CSS

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.

• dar uma olhada
• Colocar todo CSS
• fácil
• CSS em linha
• adiado
• explicadas nestas Perguntas

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.

• momento
• Junho
• CSS em linha
• adiado
• Filamentgroup
• resultando no CSS
• sendo

PT CSS e JS agregado), incluindo imagens de fundo no CSS (quando não estiver usando data-uri?s).

• CSS
• JS agregado
• estiver usando data-uri

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?

• miniaturiza o JS
• Desde o AO
• JS
• CSS
• opções diversas
• desmarcando

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

• Sim
• deseja servir arquivos
• exemplo
• wp-content
• resources
• invés do padrão
• cache
• autoptimize
• então adicione isto

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

• taato o Autoptimize
• plugin de melhoria
• CSS separada estiverem
• ativas
• plugin da melhoria
• cuidar da parte
• CSS crítico

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).

• cache de páginas
• link para CSS
• JS Autoptimized qu
• removido nom eio
• cache foi limpo
• então a página
• cache não vai
• erro

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

• CSS Crítico
• melhorias de segurança
• importação de configuração
• CSS crítico
• basedo no sugerido

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.

• File
• tema de criança
• boa
• dois
• plugins CSS oferecidos

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"

• Passo seu arquivo
• direito do mouse
• ele
• selecionando
• Copie
• cole o código
• seguir no documento

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

• CSS
• usamos a predefinição
• avançada
• junto com vários
• PostCSS adicionais
• otimização de nível
• clean-css

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.

• tema ao CSS
• diretamente do Customizer

PT O módulo CSS personalizado do Jetpack permite que você adicione mais funcionalidades para esse editor CSS, como explicado abaixo.

• módulo CSS personalizado
• adicione mais funcionalidades
• esse editor CSS
• explicado

PT Primeiro, acesse o editor CSS via Aparência → Personalizar → CSS Adicional.

• Primeiro
• acesse o editor
• via Aparência
• Personalizar
• CSS

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

• for sua primeira
• Editor CSS
• adicionou um código
• personalizado
• verá uma mensagem
• edição

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.

• adicionar seu código
• personalizado
• começar agora
• adicionar seu CSS

PT Preprocessador: o editor CSS tem suporte para preprocessadores CSS dos tipos LESS e Sass (Sintaxe SCSS)

• Preprocessador
• LESS
• Sass
• Sintaxe SCSS

PT Para restaurar uma versão anterior de seu CSS personalizado, clique em Restaurar referente à data em questão. Assim, o CSS personalizado é revertido.

• restaurar uma versão
• CSS personalizado
• clique em Restaurar
• CSS personalizado é

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.

• Jetpack inclui
• padrão
• folha de estilo
• documento
• entanto
• CSS personalizado exceder
• comprimento
• estilo externa
• criará o vínculo

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.

• Injeção de Código
• destina a inserção
• conteúdo
• estilos
• adicionar CSS personalizado
• use o Editor
• CSS

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>.

• Recomendamos adicionar CSS
• Editor de CSS
• vez da Injeção
• Código
• estiver adicionando à
• coloque o código
• tags

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

• acordeão horizontal
• destino da Unbounce
• portfólio CSS puro
• acordeão em colapso
• modelo de negócios
• opcional

PT Para saber mais sobre quais propriedades CSS causam alterações no layout, veja Gatilhos CSS e Animações de alto desempenho.

• propriedades CSS causam
• layout
• veja Gatilhos CSS
• Animações de alto

PT Embuta qualquer CSS essencial que é usado para conteúdo acima da dobra incluindo-o diretamente no &LThead>.CSS crítico embutido

• Embuta qualquer CSS
• acima da dobra
• crítico embutido

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.

• Embutir estilos importantes
• solicitação de ida
• volta para buscar
• crítico
• Adiar o restante

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 À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.

• Às vezes
• declarados
• usados num determinado
• CSS
• gostaria
• fonte escondida num
• muitos arquivos CSS

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

• é possível incluir
• arquivo CSS principal
• sintaxe
• url
• print
• entanto
• recomendado por motivos
• desempenho

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.

• básico de HTML
• CSS
• Javier
• Introdução ao desenvolvimento

PT Colocar inline estilos extraídos no &LThead> 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

• Colocar inline estilos
• documento HTML elimina
• esses estilos
• restante do CSS
• crítico inline

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.

• impacto no desempenho
• obter com essa
• depende do tipo
• modo geral
• quanto mais CSS
• tiver
• possível do CSS

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

• embutir
• minimizar CSS crítico
• inclusão de regras
• crítico
• controle mais granular
• inclusão de declarações

PT O Penthouse não detecta folhas de estilo automaticamente. Você precisa especificar os arquivos HTML e CSS para os quais deseja gerar CSS crítico. A vantagem é que ele é bom para executar muitos jobs em paralelo.DesempenhoCSS

• Penthouse não detecta
• estilo automaticamente
• deseja gerar CSS

PT A Injeção de Código não se destina a adicionar conteúdo ou estilos. Para adicionar conteúdo ao seu site, acesse Noções básicas sobre páginas e conteúdo. Para adicionar CSS personalizado para estilos, use o Editor de CSS personalizado.

• Injeção de Código
• destina a adicionar
• estilos
• acesse Noções básicas
• páginas
• conteúdo
• adicionar CSS personalizado
• use o Editor
• CSS

PT Recomendamos adicionar CSS ao Editor de CSS personalizado em vez da injeção de código. Ao adicionar a injeção de código, coloque o código entre as tags <style></style>.

• Recomendamos adicionar CSS
• Editor de CSS
• vez da injeção
• código
• adicionar a injeção
• coloque o código
• tags

PT Incorpore o CSS crítico e adie o CSS não crítico

• Incorpore o CSS
• adie o CSS
• crítico

PT A seção Oportunidades de seu relatório Lighthouse lista todas as folhas de estilo com CSS não utilizado com uma economia potencial de 2 KiB ou mais. Remova o CSS não utilizado para reduzir bytes desnecessários consumidos pela atividade de rede:

• relatório Lighthouse lista
• folhas de estilo
• CSS não utilizado
• Remova o CSS
• utilizado para reduzir

PT A aba Cobertura do Chrome DevTools pode ajudá-lo a descobrir qual o CSS que é crítico e qual o que não é crítico. Veja Exibir CSS usado e não usado com a aba Cobertura.Chrome DevTools: aba Cobertura.

• DevTools pode ajudá-lo
• é crítico
• Veja Exibir CSS
• DevTools
• aba

PT Incorpore o CSS crítico e adie o CSS não crítico #

• Incorpore o CSS
• adie o CSS
• crítico

PT Use um minificador CSS para minificar seu código CSS

• Use um minificador
• minificar seu código

PT Minificar arquivos CSS pode melhorar o desempenho do carregamento da página. Os arquivos CSS geralmente são maiores do que precisam ser. Por exemplo:

• Minificar arquivos CSS
• melhorar o desempenho
• carregamento da página
• arquivos CSS geralmente

PT Use um minificador CSS para minificar seu código CSS #

• Use um minificador
• minificar seu código