Mesclador de Arquivos - otimizar CSS e JS

O Mesclador de Arquivos do SEOFuxx vasculha um site e reúne os arquivos locais de CSS e JavaScript que você selecionar.

O que o Merger faz atualmente

Ele escaneia a URL que você informar em busca de arquivos locais .css e .js e mostra todas as ocorrências como uma lista clicável. Da sua seleção, é gerado um arquivo CSS e um arquivo JS, opcionalmente já minificados (interruptor Minimizar arquivos).

Passo a passo

  1. Abra File Merger na navegação
  2. Insira seu domínio (ex.: https://deine-website.de)
  3. Clique em Analisar website
  4. Selecione os arquivos que devem ser mesclados
  5. Deixe Minimizar arquivos ativado se você quiser que fiquem menores
  6. Clique em Mesclar arquivos
O Mesclador de Arquivos com campo de URL e o botão Analisar website
O Mesclador de Arquivos com campo de URL e o botão Analisar website

Arquivos de resultado

Após a mesclagem, dois arquivos ficam prontos:

  • global.js
  • global.css

Os links de download aparecem logo abaixo na ferramenta.

Integração no seu site

  1. Envie global.js e global.css para o seu servidor
  2. Substitua as inclusões individuais anteriores pelos novos arquivos
  3. Depois, limpe o cache do navegador/servidor

Assim fica a inclusão:

<link rel="stylesheet" href="/assets/global.css?v=1" />
<script src="/assets/global.js?v=1"></script>

Avisos importantes

Ordem no JavaScript

Em JavaScript, a ordem importa. jQuery e outras bibliotecas devem ser carregadas antes dos plugins que dependem delas.

Recursos externos

O Merger funciona apenas com arquivos locais. O que vem de um CDN não é incorporado de forma confiável.

Após cada atualização do frontend

Se seus arquivos CSS ou JS mudarem, você precisa executar a mesclagem novamente, caso contrário seu site entregará a versão antiga.

Solução de problemas

Layout ou funções quebradas após a mesclagem

  • Primeiro, verifique a ordem do JS
  • Exclua temporariamente um arquivo suspeito da mesclagem para testar
  • Limpe o cache e teste novamente

Arquivo não encontrado

  • Os caminhos para global.js e global.css estão corretos?
  • Os arquivos estão realmente no servidor web?

Dica

Meça antes e depois com PageSpeed Insights ou Lighthouse. Assim você vê se o esforço valeu a pena.

Este conteúdo foi útil?

·