Uma vez que o CDN esteja habilitado, as configurações de minificação de código estarão disponíveis. A minificação remove caracteres desnecessários como comentários e espaço em branco do seu código.

Estes caracteres são ótimos para humanos quando estamos editando código, mas os navegadores não precisam deles. Removê-los otimiza seu código, reduz o tamanho da página e reduz o tempo de carregamento da página.

Clique no botão Configurações para ajustar suas configurações preferidas de minificação de código.

Configurações de minificação de código para CDN em MyKinsta.
Configurações de minificação de código para CDN em MyKinsta.

No pop-up modal de minificação de código que aparece, escolha CSS, JS, ou ambos, e clique no botão Alterar Configurações para salvar suas configurações.

Salvar configurações de minificação de código para CDN.
Salvar configurações de minificação de código para CDN.

Notas importantes

  • Certifique-se de verificar o seu site após habilitar a minificação do Código. Alguns navegadores podem ter problemas com itens minificados. Se você ver algum problema em seu site, desabilite a minificação de código.
  • A ativação da minificação de código pode levar alguns minutos para ter efeito.
  • Se você tem sua própria conta Cloudflare, você precisará limpar o cache no Cloudflare (seja no painel do Cloudflare ou no plugin Cloudflare) para que a minificação funcione.
  • Quaisquer arquivos terminando em .css ou .js servidos sobre o domínio Kinsta-hosted serão minificados, dependendo do tipo de arquivo para o qual você ativar a minificação ou se você ativá-la para ambos. Por exemplo, se você hospedar o example.com conosco e escolher minificar arquivos CSS, ambos example.com/wp-content/themes/yourtheme/style.css e example.com/wp-content/plugins/woocommerce/some-file.css serão minificados, mas ativos ligados externamente como twitter.com/styles/example-shared.css não podem ser minificados por esta ferramenta.

Verificação da minificação de código

  1. Visite seu site e abra ferramentas de desenvolvimento no seu navegador.
  2. Na aba Network, clique duas vezes em um arquivo JS ou CSS para abri-lo em uma nova aba. Certifique-se de escolher um que não tenha sido minificado previamente pelo seu tema ou um plugin.
  3. Verifique o arquivo para espaço em branco ou comentários. Se você estiver vendo algum arquivo JS ou CSS que não esteja minificado, limpe o cache CDN e recarregue a página algumas vezes, então verifique os arquivos JS ou CSS novamente.
  4. Se os arquivos não forem minificados após limpar o cache CDN, abra um novo chat com nossa equipe de suporte e informe as URL dos arquivos que não foram minificados.

Vantagens da minificação de código do CDN

Esta minificação é feita no Cloudflare e também é armazenada em cache, portanto tem algumas vantagens sobre a minificação de código com um plugin:

  • Seu servidor não tem que usar recursos (CPU/memória/armazenamento) para minificar os arquivos. O Cloudflare lida com isso do lado deles.
  • Seu servidor também não precisa servir subsequentemente os arquivos minificados. O Cloudflare os serve diretamente do servidor mais próximo ao visitante que faz o pedido.
  • O Cloudflare minifica os arquivos em segundo plano, portanto o primeiro pedido a um ativo ainda não minificado não é atrasado pelo processo do Cloudflare para torná-lo minificado. A próxima solicitação para esse ativo deve obter a versão em cache, minificada.