7 etapas para usar o Autoptimize! Você pode realmente aumentar a velocidade do seu site?

Configurações recomendadas ao usar o construtor de páginas

Aqui, BEAVERBuilder eElementorExplicaremos as configurações recomendadas ao usar um construtor de páginas.

Opções de JavaScript

「Otimizando o código JavaScriptEConcatenar arquivos JS”, cada configuração é explicada em detalhes.

1. "Otimizando código JavaScript"

• 説明: se você ativar esta configuração, o Autoptimize otimizará (minificará/compactará) o código JavaScript em seu site. Remova espaços e comentários desnecessários, reduza o tamanho do arquivo JavaScript e acelere o carregamento da página.
• Configurações recomendadas: Para ativargeralmente é recomendado.
  • Razão: a otimização do JavaScript reduz o tamanho do arquivo e, portanto, melhora a velocidade de carregamento da página. Especialmente se sua página tiver vários arquivos JavaScript, otimizá-la melhorará a experiência do usuário.

2. "Concatenar arquivos JS"

• 説明: esta é uma configuração para concatenar vários arquivos JavaScript em um. Esperançosamente, isso reduzirá o número de solicitações ao servidor e tornará o carregamento das páginas mais rápido. Porém, ao usar esse recurso, os arquivos JavaScript são processados ​​todos de uma vez, portanto, se ocorrer um erro nos arquivos concatenados, existe o risco de todo o JavaScript parar de funcionar.
• Configurações recomendadas: Para ativarEmbora seja comum,Tenha cuidado ao usar Elementor ou outros pluginsが 必要 で す。
  • Razão: ao concatenar arquivos JavaScript, o número de solicitações HTTP é reduzido, o que contribui para melhorar a velocidade de carregamento da página. No entanto, plug-ins como o Elementor em particular usam muito JavaScript, portanto, concatenar tudo pode levar a um design ou funcionalidade quebrada que pode não funcionar corretamente.Alguns arquivos JavaScript são excluídos da concatenação(por exemplo, arquivos relacionados ao jQuery e Elementor) é uma boa maneira de fazer isso.

Pontos de configuração

• Otimizando o código JavaScriptgeralmente é eficaz para melhorar o desempenho do site.EficáciaNão há problema com isso.
• Concatenação de arquivos JSPara evitar a operação do plug-in e falhas no projeto,Exclua arquivos JavaScript importantesÉ recomendável ativá-lo ao mesmo tempo. Em particular, se você tiver scripts que dependem de Elementor ou jQuery, carregue-os separadamente em vez de concatená-los.

Etapas de configuração

1. Configurações de otimização automáticaMude para.
2. "Otimizando código JavaScript"Marque a caixa.
3. "Concatenação de arquivos JS"Marque a caixa.
4. O script do qual você deseja excluir a concatenação (jquery.jsやwp-content/plugins/elementor/assets/js/etc.) para “Scripts a serem excluídos" campo.
5. Salvar configuraçõespara limpar o cache e verificar o comportamento e o design do seu site.

Isso permite melhorar o desempenho do site e garantir que seus designs e plug-ins funcionem corretamente. Você também pode ajustar ainda mais a otimização, se necessário.

1. "Inline JS também é concatenado"

• 説明: normalmente, apenas arquivos JavaScript são concatenados e otimizados, mas se esta opção estiver habilitada, o JavaScript escrito inline dentro do HTML também será concatenado.
• Configurações recomendadas: Melhor não verificarで す.
  • Razão: a concatenação de JS embutido fará com que o tamanho do cache do Autoptimize aumente rapidamente, o que pode ter um impacto negativo no desempenho do seu site. Às vezes, isso pode causar problemas, especialmente se você estiver usando plug-ins como Elementor ou Convert Pro.

2. "Deixe o Autoptimize também extrair JS do HTML"

• 説明: Autoptimize é um recurso que extrai e otimiza código JavaScript de HTML, mas quando ativado, o tamanho do cache pode aumentar rapidamente.
• Configurações recomendadas: Melhor não verificarで す.
  • Razão: essa configuração também pode causar picos de cache, o que pode afetar o desempenho geral do site. Além disso, nem todos os scripts em HTML devem ser otimizados e podem causar problemas; portanto, não há necessidade de ativá-los, a menos que você precise deles especificamente.

3. "Forçar JavaScript na cabeça>"

• 説明: normalmente o JavaScript é executado após o carregamento da página, mas ativar esta opção fará com que o JavaScript seja executado enquanto a página está sendo carregada, potencialmente fazendo com que o JavaScript seja executado antes da página ser renderizada (ocorre o bloqueio da renderização).
• Configurações recomendadas: Melhor não verificarで す.
  • Razão: forçar o carregamento do JavaScript no head pode atrasar a renderização da página e aumentar o tempo que os usuários levam para visualizar a página (especialmente diminuindo o desempenho em dispositivos móveis). Essa configuração não é recomendada, a menos que você tenha requisitos específicos.

4. "Envolver em try-catch"

• 説明: código JavaScripttry-catchEsta é uma configuração para evitar que a página inteira seja quebrada, mesmo que ocorra um erro de JavaScript ao cercá-la com . Fornece tratamento de erros específico, mas pode afetar o desempenho geral.
• Configurações recomendadas: Geralmente é melhor não verificarで す.
  • Razão: try-catchVocê pode minimizar o impacto dos erros de JavaScript cercando-o com , mas normalmente não é necessário fazer isso. Se você usar isso, o tratamento de erros do JavaScript poderá funcionar de maneira não natural, dificultando a depuração. Não recomendado para uso geral, mas só vale a pena tentar se o problema estiver ocorrendo com um script específico.

まとめ:

Estas opções podem ser úteis em determinadas circunstâncias, mas em ambientes normaisÉ mais seguro não verificaré. Ao deixá-los desativados, você evita o risco de o tamanho do cache do Autoptimize se tornar muito grande e reduzir o desempenho da página.

Se ocorrer um problema específico, alterar as configurações uma por uma e testar pode ajudar a resolver o problema.

Configurando opções de CSS

Explicaremos cada configuração e recomendação de ativação/desativação para cada opção de otimização automática relacionada ao CSS.

1. "Otimizar código CSS"

• 説明: ativar esta opção reduzirá o tamanho do arquivo CSS. Ao remover partes desnecessárias, como espaços em branco e comentários, e tornar o arquivo mais leve, as páginas carregam mais rapidamente.
• Configurações recomendadas: Para ativarÉ recomendado.
  • Razão: melhore o desempenho da página minimizando arquivos CSS. A minificação em si não tem efeito no comportamento do CSS.

2. "Concatenar arquivos CSS"

• 説明: esta opção combina vários arquivos CSS em um, reduzindo o número de solicitações ao servidor e melhorando a velocidade de carregamento da página. Isto tem o efeito de evitar a deterioração do desempenho devido à geração de muitas solicitações.
• Configurações recomendadas: Para ativarIsso é comum, mas deve-se tomar cuidado para evitar o colapso do projeto.
  • Razão: a concatenação de arquivos CSS reduz o número de solicitações e melhora o desempenho. No entanto, se o Elementor ou outros plug-ins exigirem arquivos CSS específicos para funcionar, a concatenação poderá prejudicar o design, portanto, teste com cuidado.

3. "Concatenar CSS embutido"

• 説明: uma opção para concatenar CSS escrito in-line em HTML com um arquivo CSS externo.
• Configurações recomendadas: Melhor não verificarで す.
  • Razão: a concatenação de CSS in-line pode aumentar o tamanho do cache, o que pode afetar o desempenho geral do site. O CSS inline geralmente é usado para uma finalidade específica, portanto, há pouca necessidade de concatená-lo.

4. "Geração de dados: converter imagem em URI"

• 説明: esta opção incorpora (base64iza) imagens em arquivos CSS em vez de baixar imagens pequenas (como ícones) separadamente. Isto tem o efeito de reduzir o número de solicitações ao servidor.
• Configurações recomendadas: Ative se necessário.
  • Razão: melhora o desempenho, pois imagens pequenas podem ser carregadas de uma só vez. No entanto, a conversão de uma imagem grande em um URI aumenta o tamanho do arquivo e tem um impacto negativo no desempenho, portanto, é recomendável converter uma imagem grande em um URI.imagem pequenadeve ser mantido apenas.

5. "Remover CSS de bloqueio de renderização"

• 説明: esta é uma técnica chamada Critical CSS, que incorpora CSS de primeira visualização para evitar bloqueio de renderização. O restante do CSS será carregado de forma assíncrona após o carregamento da página.
• Configurações recomendadas: Para ativarRecomendamos que você faça isso, mas defina isso com cuidado.
  • Razão: esta configuração acelera a renderização da página, mas pode levar a designs corrompidos se não for definida corretamente. Você pode melhorar o desempenho enquanto mantém o design usando um plug-in que gera automaticamente Critical CSS (por exemplo, usando a guia CriticalCSS no Autoptimize) ou configurando-o manualmente.

6. "Incorporar todo CSS"

• 説明: uma opção que incorpora todo o CSS no seu site, eliminando completamente os blocos de renderização. No entanto, incorporar o CSS aumenta significativamente o tamanho do arquivo HTML.
• Configurações recomendadas: Melhor não verificarで す.
  • Razão: Se todo o CSS estiver embutido, o arquivo HTML ficará enorme e o tempo de carregamento poderá aumentar. Também,FacebookAo compartilhar no WhatsApp, etc., a posição da meta tag pode ficar distorcida e a imagem ou link compartilhado pode não ser exibido corretamente. Para evitar o bloqueio de renderização, as técnicas CSS críticas são melhores.

Pontos de ajuste:

1. "Otimizar código CSS"Certifique-se de habilitá-lo para reduzir o tamanho do arquivo.
2. "Concatenar arquivos CSS"Ative-o tomando cuidado para não quebrar o design.
3. "Concatenar CSS embutido"Evitar.
4. "Geração de dados: converter imagem em URI"está ativado apenas para imagens pequenas.
5. "Remover CSS de bloqueio de renderização"será ativado se você configurar o CSS crítico adequadamente.
6. "Incorporar todo CSS", que pode causar inchaço no HTML e problemas relacionados ao compartilhamento, deve ser evitado.

As configurações CSS do Autoptimize agora otimizarão seu site para maximizar seu desempenho enquanto preservam seu design.

Opções de HTML

Otimização automáticaOpções de HTMLExplicaremos o significado e as configurações recomendadas de cada configuração.

1. "Otimizar código HTML"

• 説明: Habilitar esta opção removerá espaços desnecessários, quebras de linha, comentários, etc. do seu código HTML, reduzindo o tamanho do arquivo. Como resultado, as páginas carregam mais rápido.
• Configurações recomendadas: Para ativarEu recomendo isso.
  • Razão: a otimização de HTML é uma maneira simples e eficaz de reduzir o tamanho do arquivo e melhorar o desempenho geral da página. Normalmente, a otimização do código HTML não causa problemas como designs corrompidos, portanto, há poucos motivos para desativá-la.

2. "Minimizar JS/CSS embutido"

• 説明: JavaScript e CSS escritos inline em HTML também são opções a serem minimizadas. Isso remove espaços extras e comentários em scripts e estilos embutidos, reduzindo o tamanho do arquivo.
• Configurações recomendadas: Para ativaré comum, mas recomendamos que você o use com cautela.
  • Razão: Minimizar JS/CSS in-line pode melhorar ainda mais o desempenho, mas em casos raros pode afetar o design e a funcionalidade. Especialmente se Elementor, Convert Pro, etc. dependem de CSS/JS inline, a minimização pode causar problemas, portanto, prossiga enquanto verifica a operação.

3. "Manter comentários HTML"

• 説明: normalmente, os comentários contidos no HTML são removidos durante a otimização, mas se esta opção estiver habilitada, os comentários permanecem. Os comentários HTML são normalmente usados ​​para explicar ou anotar o código, mas não são visíveis para o usuário.
• Configurações recomendadas: Desabilitar(ou seja, excluir o comentário) é melhor.
  • Razão: Geralmente não há necessidade de deixar comentários em HTML. A remoção de comentários pode reduzir ligeiramente o tamanho do arquivo e melhorar um pouco a velocidade da página. Habilite-o somente se desejar preservar comentários para fins de desenvolvimento ou depuração.

Resumo das configurações:

• "Otimizar código HTML"é eficaz para melhorar o desempenho,Para ativar.
• "Minimizar JS/CSS embutido"é eficaz, masVerifique se há problemas com o design e a funcionalidade do siteAtive enquanto faz isso.
• "Manter comentários HTML"não é necessário, entãoDesabilitarIsso o torna mais leve.

Suas configurações de otimização de HTML estão concluídas e seu site carregará mais rápido.

Outras opções

1. "Salvar script/CSS concatenado como arquivo estático"

• 説明: Autoptimize salva arquivos CSS e JavaScript concatenados.arquivo estáticoSalvar como. Isso permite que o servidor sirva arquivos estáticos com eficiência, permitindo que eles sejam armazenados em cache e compactados. No entanto, se o seu servidor não lidar corretamente com essas compactações ou tempos de expiração, você deverá desmarcá-los.
• Configurações recomendadas: Para ativaré comum.
  • Razão: a maioria dos ambientes de servidor possui armazenamento e compactação de arquivos estáticos habilitados para melhorar o desempenho. No entanto, se as configurações do servidor causarem problemas (por exemplo, a compactação não funcionar corretamente), pode ser apropriado desativá-la.

2. "Minimizar arquivos CSS e JS excluídos"

• 説明: normalmente, o Autoptimize também inclui arquivos CSS e JS excluídos.Minimizar com base no nome do arquivoEu vou. Se um arquivo excluído for desfragmentado e corrompido, desabilitar esta opção fará com que o arquivo excluído seja tratado como está.
• Configurações recomendadas: Ative se não houver problemasé bom, mas se causar problemas, desative-o.
  • Razão: minimizar os arquivos excluídos também pode melhorar o desempenho geral do site, mas se a minimização quebrar determinados arquivos, é mais seguro desativá-los. Se quiser minimizar, teste se os arquivos excluídos são tratados corretamente.

3. "Usando substitutos 404"

• 説明: se o HTML antigo armazenado em cache no seu site fizer referência ao Autoptimize CSS ou JS que foi removido, ativar esta opção iráarquivo substitutopara evitar erros. Isso evita corrupção de exibição, mas pode exigir configuração adicional no servidor.
• Configurações recomendadas: Não há problema em habilitá-lo.Mas apenas se necessário.
  • Razão: Com a função de fallback, mesmo que os arquivos otimizados pelo Autoptimize não possam ser encontrados devido a um erro 404, eles ainda poderão ser exibidos, evitando o colapso inesperado do site. No entanto, pode exigir configuração do servidor, portanto, ative-o somente se estiver familiarizado com a configuração do servidor.

4. "A otimização também é realizada para editores e administradores logados."

• 説明: por padrão, a otimização por Autoptimize também é aplicada a editores e administradores logados. Desmarcar esta opção desativa a otimização enquanto estiver conectado, facilitando a edição em tempo real ao usar um construtor de páginas (por exemplo, Elementor).
• Configurações recomendadas: Desabilitar(Desmarcado) é melhor.
  • Razão: ao usar um construtor de páginas, a edição pode ser difícil quando a página está otimizada. Ao desativar a otimização durante o login, as páginas são exibidas corretamente e funcionam perfeitamente durante a edição.

5. "Definido para cada postagem/página"

• 説明: ativar esta opção permite ajustar as configurações de otimização automática individualmente para cada postagem ou página. Você pode desativar ou ajustar a otimização para páginas ou postagens específicas.
• Configurações recomendadas: Ative se necessário.
  • Razão: se estiver tendo problemas com a otimização em uma postagem ou página específica, você pode ativar esta opção para ajustar a otimização página por página. Se quiser aplicar configurações de otimização semelhantes a muitas páginas, você pode deixar essa opção desativada.

6. "Desativar lógica de compatibilidade adicional"

• 説明: Autoptimize evita problemas com plug-ins compatíveis (como Gutenberg, Revolution Slider e plug-ins que dependem de jQuery).lógica de compatibilidadeestá sendo aplicado. Desabilitar esta opção aumenta o escopo da otimização se o Autoptimize for “muito cauteloso”, mas também corre o risco de corromper seu site.
• Configurações recomendadas: É melhor não desativá-lo(Recomendado deixar como padrão).
  • Razão: a lógica de compatibilidade é especialmente importante para evitar problemas com a otimização do JavaScript. Desabilitar isso aumenta o risco de bloqueio de renderização e erros de JavaScript em seu site. A menos que seu site esteja enfrentando problemas frequentes de JS, geralmente é seguro deixá-lo ativado.

1. "Salvar script/CSS concatenado como arquivo estático": Eficácia(se o servidor puder acomodá-lo).
2. "Minimizar arquivos CSS e JS excluídos": Válido se não houver problemas, inválido se quebrado.
3. "Usando substitutos 404": conforme necessárioEficácia.
4. "A otimização também é realizada para editores e administradores logados.": Desabilitar(se estiver usando um construtor de páginas).
5. "Definido para cada postagem/página": Ativado se necessário(Se você quiser ajustá-lo para cada página).
6. "Desativar lógica de compatibilidade adicional": não desabilite(Deixe como padrão).

Suas configurações de otimização automática agora devem estar otimizadas e equilibrar o desempenho e o design do seu site.

otimização de imagem

Em relação a "Atrasar o carregamento de um número especificado de imagens", esta configuração determina a partir de qual número de imagens na página o carregamento lento é aplicado.Isto é para especificar. O carregamento lento é uma técnica que carrega imagens ao mesmo tempo que elas rolam para melhorar o desempenho da página.

O que as configurações significam:

• Não carregue preguiçosamente as primeiras imagens X: Por exemplo, se você definir como "3", as três primeiras imagens serão exibidas imediatamente no carregamento da página, como de costume. A quarta imagem e as subsequentes serão carregadas quando o usuário rolar.
• Se definido como "1", todas as imagens estarão sujeitas a carregamento lento.Será. Isso significa que a imagem não carrega no carregamento da página e só aparece quando o usuário rola até a posição da imagem.

Configurações recomendadas:

• Imagens com conteúdo importante(Por exemplo, os recursos visuais principais e as imagens em destaque exibidas na primeira visualização) não devem ser carregados lentamente.Não carregue lentamente 2-3 imagensconfigurações geralmente são recomendadas.
  • 例: Ao definir como 3, as primeiras 3 imagens da página serão exibidas imediatamente e as imagens subsequentes serão carregadas lentamente.
• Se definido como 1, todas as imagens serão carregadas lentamente.Isso acelerará a exibição da página inicial, mas poderá afetar a experiência do usuário, pois a imagem não aparecerá até ser rolada.

まとめ:

• Imagens importantes (como a primeira parte visível da imagem) devem ser exibidas normalmente, portanto, o carregamento lento é recomendado.Aplica-se nas primeiras 2-3 fotosEste é um cenário equilibrado.
• Defina como "1" se quiser atrasar todas as imagens.

Tente definir o número apropriado de páginas dependendo do layout do seu site e da experiência do usuário.

Otimizações automáticas adicionais

Para otimizar as fontes do Google, consulteDesempenho do siteとBloco de renderização (atraso de exibição)deve ser cuidadosamente ajustado para equilibrar. Explicaremos as diferenças entre cada opção e as configurações recomendadas.

1. Remover fontes do Google

• 説明: uma opção para remover completamente as fontes do Google e mudar para a fonte padrão do sistema. Isso melhora o desempenho, eliminando atrasos no carregamento de fontes e solicitações externas, mas pode alterar significativamente o design e a aparência do seu site.
• Configurações recomendadas: Somente se você não usar fontes do Google em seu designHabilitar.
  • Razão: para sites que não dependem muito de design ou quando o desempenho é sua principal prioridade, você pode remover a fonte e torná-la a fonte padrão. Contudo, se o design for afetado, outras opções deverão ser consideradas.

2. Vinculação e vinculação em cabeçalhos (carregamento rápido de fontes, mas bloqueio de renderização), exibição

Incluindo

• 説明: fontes do GoogleJunte-se por cabeçalhoe carregue-o. Isso permite que as fontes carreguem mais rápido, mas pode bloquear temporariamente a exibição até que a página termine de carregar (bloqueio de renderização).
• Configurações recomendadas: Se você quiser priorizar a exibição da fonteusado para.
  • Razão: essa configuração é melhor se você deseja que suas fontes carreguem o mais rápido possível e mantenham a aparência do seu site. No entanto, como a exibição é bloqueada durante o carregamento das fontes, você corre o risco de atrasar a exibição do conteúdo quando o usuário visualiza a página. Este efeito pode ser especialmente perceptível em dispositivos móveis.

3. Vinculação lenta com junções e cabeçalhos (carregamento lento da fonte, mas sem bloqueio de renderização), exibição

Incluindo

• 説明: fontes do Googlelink de atrasopara evitar bloquear a exibição da página.display: swapé aplicado, a fonte padrão é exibida primeiro e depois muda para a fonte do Google. Isso evita bloqueios de renderização e permite que os usuários vejam o conteúdo da página com mais rapidez.
• Configurações recomendadas: Se você quiser se concentrar no desempenhoRecomendado para.
  • Razão: você pode evitar bloqueios de renderização e acelerar a exibição da página. Ele aparece inicialmente nas fontes do sistema e depois muda para as fontes do Google, melhorando a experiência dos usuários. Essa configuração é ideal se você deseja usar fontes enquanto se concentra no desempenho.

Quais configurações você deve escolher?

• Concentre-se no desempenho: "Links preguiçosos com junções e cabeçalhos"Selecionedisplay: swapAtive para evitar que as fontes causem bloqueios de renderização. Isso faz com que as páginas carreguem mais rápido e melhora a experiência do usuário.

• Ênfase no design (prioridade de exibição da fonte): "Links em junções e cabeçalhos"Escolha priorizar o carregamento da fonte enquanto permite algum bloqueio de renderização.

• Nenhuma fonte necessária: "Excluir fontes do Google"para mudar para a fonte do sistema. Se você não se importa com as fontes, o desempenho será muito melhor.

Conclusãoと し て,"Links preguiçosos com junções e cabeçalhos"é um bom equilíbrio para muitos sites e é ideal se você deseja continuar usando as fontes do Google enquanto se concentra no desempenho.

Remover string de consulta de recursos estáticos

"Remover string de consulta de recursos estáticos"Vou explicar as configurações.

1. 説明:

• Ativar esta opção anexará recursos estáticos, como CSS e JavaScript.string de consulta(principalmente?ver=1.0número da versão) será removido.
• Strings de consulta são usadas por navegadores e servidores de cache para evitar recursos de cache e para gerenciar a frequência de atualização.

2. 效果:

• A remoção da cadeia de consulta pode permitir que determinadas redes de entrega de conteúdo (CDNs) ou servidores de cache armazenem recursos em cache com mais eficiência. Como resultado, o sitePotencial melhoria de desempenhoが あ り ま す.
• No entanto, o tempo de carregamento em si não melhora drasticamente. Além disso, as atualizações do recurso podem não ser refletidas devido à remoção da cadeia de consulta (a nova versão pode não ser armazenada em cache).

3. Configurações recomendadas:

• Para ativarEmbora isso seja geralmente recomendado, existem algumas ressalvas.
  • Para ativar, alguns CDNs e servidores podem ter gerenciamento de cache mais eficiente e desempenho um pouco melhor.
  • No entanto, se um plugin ou tema usar strings de consulta (informações de versão) para controlar o cache de recursos, tome cuidado, pois os recursos mais recentes podem não ser refletidos.

4. Precauções ao usar:

• Em casos raros, a exclusão de strings de consulta pode fazer com que o cache não seja atualizado e estilos e scripts antigos possam continuar a ser usados. Nesse caso, você precisará limpar o cache manualmente ou desabilitar a opção e verificar novamente.

まとめ:

• O desempenho pode ser melhorado removendo strings de consultaPortanto, basicamentePara ativarÉ bom
• No entanto, se você tiver problemas de atualização de recursos ou de cache, considere desativá-lo novamente.

Remova o bloqueio de CSS do WordPress

“Remover CSS de bloqueio do WordPress”Vou explicar as opções.

1. 説明:

• WordPress éeditor de blocosPara sites que usam (Gutenberg),Tipo de bloco CSSやグローバルスタイルAdicionar. Isso simplifica o design das páginas usando o editor de blocos, mas também aumenta o tamanho do arquivo CSS e pode aumentar o tempo de carregamento da página.
• Ativar esta opção permite que estesBloquear CSS e estilos globaispode ser removido. Como resultado, suas páginas podem ser menores e carregar mais rápido.

2. Se aplicável:

• Se você não estiver usando Gutenberg (editor de bloco)ou se você estiver usando um construtor de páginas específico (Elementor, Divi, etc.), você não precisa de bloco CSS, entãoativar e removerこ と が で き ま す.
• Nenhuma página criada com Gutenberg、 ま た はAo controlar estilos com CSS personalizadopode reduzir o tamanho da página e melhorar o desempenho ativando esta opção.

3. Se não for aplicável:

• Estou usando Gutenbergcaso ouTemas que dependem de CSS em bloco ou estilos globaisou plug-ins, você deve desabilitar isso. Depois que esses CSS forem removidos,O design da página está quebradoExiste uma possibilidade.
• Principalmente se você estiver usando Gutenberg para projetar suas páginas ou posts, sem esse CSS os estilos não serão aplicados e seu design correrá o risco de não ser exibido corretamente.

4. Configurações recomendadas:

• Se você não usa Gutenbergは,ativar e removerIsso melhorará o desempenho.
• Ao usar Gutenbergは,deixar desativadoCertifique-se de que isso não estrague seu design.

まとめ:

• Não use Gutenberg(Se você estiver usando outro construtor de páginas como Elementor),“Remover CSS de bloqueio do WordPress”É uma boa ideia habilitar isso para tornar a página mais clara.
• Ao usar GutenbergPara evitar o colapso do design,permanecer desativadoÉ seguro fazer isso.

Acho que agora você pode escolher as melhores configurações.