Como posso combinar os ficheiros no meu sítio WordPress?

Procédure

O que é combinar?

A combinação é a ação de combinar todos os ficheiros CSS ou JS de um sítio num único ficheiro. Isto tem o efeito de reduzir o número de pedidos HTTP feitos ao seu sítio, tornando-o mais rápido. Ao contrário da minificação, a combinação de ficheiros é mais difícil de implementar porque altera a ordem pela qual os ficheiros são carregados, o que pode causar erros no seu sítio e torná-lo inutilizável, mas, por outro lado, os ganhos de desempenho são geralmente maiores. Para ultrapassar este problema, os ficheiros são geralmente agrupados em vários ficheiros em vez de apenas um; a eficiência da combinação é ligeiramente reduzida, mas isso reduz os problemas que pode causar.

Para tornar as coisas mais claras, tomemos o exemplo de uma página de um sítio sem combinação e vejamos o número de ficheiros CSS carregados:

24 dos 73 pedidos enviados provêm de ficheiros CSS, ou seja, quase um terço dos pedidos. Uma vez combinados os ficheiros, esta mesma página passa a carregar apenas 12 ficheiros, ou seja, uma redução de 50% no número de pedidos enviados para ficheiros CSS.

Como combinar os ficheiros do seu sítio?

Para combinar os ficheiros num sítio WordPress, é necessário utilizar uma extensão que faça o trabalho por si, pois não é possível combinar manualmente os ficheiros CSS/JS num sítio WordPress sem correr o risco de comprometer o bom funcionamento do sítio. Além disso, sempre que actualiza as suas extensões, o seu tema ou mesmo o WordPress, os ficheiros são repostos no seu estado original e as alterações perdem-se.

Existem várias extensões do WordPress que lhe permitem combinar os seus ficheiros, incluindo o LWS Optimize, uma extensão de otimização de sites criada pela LWS que pode combinar os seus ficheiros CSS e JS.

Combinar os seus ficheiros com o LWS Optimize

Para ativar a combinação dos ficheiros do seu site, vá às definições da extensão e depois ao separador "Front-End":

Em seguida, active as opções "Combinar os seus ficheiros CSS" e "Combinar os seus ficheiros JS":

A combinação de ficheiros está agora activada no seu sítio, mas como está ligada ao sistema de cache de ficheiros, pode ser necessário limpar esta cache para que tenha efeito nas páginas do seu sítio. Para tal, aceda ao separador "Caching" e clique no botão "Esvaziar cache" junto à ação "Purga manual":

Pode acontecer que alguns dos seus ficheiros CSS/JS não funcionem quando combinados ou que simplesmente não queira que sejam combinados; neste caso, pode voltar ao separador "Front-End" e clicar no botão "Excluir ficheiros" da ação da sua escolha para abrir o modal de exclusão:

No exemplo acima, o ficheiro "woocommerce.css", todos os ficheiros com a extensão elementor e todos os ficheiros style.css foram excluídos da combinação. Terá de limpar a cache de ficheiros do seu site para que as exclusões tenham efeito.

Como o LWS Optimize combina seus arquivos

Conclusão

Agora já sabe como :

• Utilizar as extensões do WordPress para automatizar a combinação de ficheiros sem comprometer o funcionamento do site,
• Configurar a extensão LWS Optimize para combinar eficazmente os seus ficheiros CSS e JS e gerir as excepções,
• Reconhecer o impacto positivo da combinação no número de pedidos HTTP e, consequentemente, na velocidade de carregamento do seu sítio.

Ao otimizar o seu sítio com estes métodos, oferece aos seus visitantes uma experiência de utilizador mais rápida e agradável, melhorando potencialmente a sua classificação nos motores de busca. 🌐

Esperamos que este artigo tenha dado a você o conhecimento necessário para aumentar o desempenho do seu site WordPress. Obrigado pela leitura e sinta-se à vontade para compartilhar suas experiências ou fazer qualquer pergunta que você possa ter, deixando um comentário abaixo! 😊👇