Como combinar CSS externo no WordPress

Um site de carregamento lento é muito prejudicial para o seu negócio e para a marca em geral, pois pode afastar os visitantes. Felizmente, há muitas coisas que você pode fazer para melhorar a velocidade de carregamento do seu site. Para começar, os proprietários de sites devem testar seus sites em GTmetrix, Pingdomou Google PageSpeed ​​Insights e usar os resultados obtidos como sugestões de melhoria. Além disso, cobrimos alguns problemas que tornam o site mais lento, como remover recursos de bloqueio de renderização e minimizar arquivos JavaScript e CSS. Agora, veremos como combinar CSS externo no WordPress e explicaremos os motivos pelos quais você precisaria fazer isso.

Tópicos do Qode: principais escolhas

Veja a coleção

New Bridge Banner
Ponte

Tema WordPress criativo multifuncional

Estocolmo WordPress Theme
Estocolmo

Um tema genuinamente multi-conceito

Tema WordPress Startit
Começar

Novo tema de negócios de inicialização

Por que você precisa combinar CSS externo no WordPress

Antes de terminar a renderização de um site, há muitos ativos que precisam ser carregados, incluindo imagens, arquivos CSS e JS e vídeos. Embora ter uma CDN (rede de distribuição de conteúdo) para carregar esses ativos possa ajudar a acelerar o seu site geral, pode ter o efeito oposto com arquivos CSS. Ter muitos arquivos CSS hospedados no CDN pode aumentar significativamente o tempo de carregamento, pois eles precisam ser carregados separadamente. Para superar esse problema de tempo de carregamento, você deve combinar todos os seus arquivos CSS externos em um para reduzir o número de solicitações HTTP.

Como combinar CSS externo no WordPress

A maneira mais fácil de combinar CSS externo no WordPress é usar um plugin do WordPress. Os mais úteis são os plug-ins de cache e / ou plug-ins para melhorar o desempenho do site. Um exemplo que se enquadra em ambas as categorias e que você pode combinar, ou seja, adicionar arquivos CSS, é o plug-in Autoptimize.

Auto-otimizar

Auto-otimizar é um ótimo plugin para otimizar seu site em geral. É extremamente útil para adicionar e minimizar arquivos JS e CSS, adiar CSS ou assincronizar JS não agregado, otimizar imagens e fontes do Google e muito mais. Como agregação é apenas um termo diferente para combinação, este plugin é uma solução perfeita para combinar CSS externo.

Para combinar CSS externo usando Autoptimize, você deve primeiro instalar e ativar o plugin. Então, vá para Configurações> Otimização automática e role para baixo para Opções CSS subseção. Simplesmente marque a caixa de seleção ao lado de Otimizar o código CSS? opção. Ao fazer isso, todo um subconjunto de opções estará disponível para você. Dessas opções, as duas primeiras serão verificadas: arquivos CSS adicionados e CSS inline adicionado.

Opções de otimização automática

Mantenha essas opções marcadas e prossiga para salvar as alterações. Role para baixo sob o Opções diversas e aperte o Salve as alterações e esvazie o cache botão. E o plugin fará o resto. Quando terminar, seus arquivos CSS serão mesclados e o tempo de carregamento HTTP / 1.1 será melhorado.

Opções de otimização automática

Pensamentos finais

Ter um grande número de arquivos CSS hospedados no CDN pode afetar negativamente o tempo de carregamento de um site. Felizmente, resolver esse problema é muito fácil – você só precisa combinar seu CSS externo. E, se você seguir nossa recomendação e instalar o plugin Autoptimize, a solução será um momento de trabalho. Certifique-se de ajustar as opções mencionadas e prossiga para aproveitar seus novos tempos de carregamento mais rápidos.

Leia Também:  Baixe 10 plug-ins grátis para acelerar seu site WordPress

Compartilhe este Link:

Compartilhar no facebook
Compartilhar no twitter
Compartilhar no linkedin
Compartilhar no pinterest
Compartilhar no email
Compartilhar no whatsapp
Compartilhar no telegram

Deixe um comentário

Receba nossos preços
e condções direto no seu email

Por favor, preencha os campos abaixo:

Preferência de contato: