El File Merger de SEOFuxx recorre un sitio web y combina los archivos CSS y JavaScript locales que elijas.
Qué hace actualmente el Merger
Busca archivos locales .css y .js en la URL que indiques y muestra todo lo que encuentra en una lista para marcar. Con tu selección crea un archivo CSS y uno JS, minimizados si quieres (interruptor Minimizar archivos).
Paso a paso
- Abre File Merger en la navegación
- Introduce tu dominio (p. ej.
https://tu-sitio.com) - Haz clic en Analizar sitio web
- Selecciona los archivos que se van a combinar
- Deja activada la opción Minimizar archivos si quieres los archivos pequeños
- Haz clic en Combinar archivos
Archivos resultantes
Después de combinar, tienes dos archivos listos:
global.jsglobal.css
Los enlaces de descarga aparecen justo debajo, en la herramienta.
Integración en tu sitio web
- Sube
global.jsyglobal.cssa tu servidor - Sustituye las inclusiones individuales anteriores por los archivos nuevos
- Después vacía la caché del navegador y del servidor
Así queda la inclusión:
<link rel="stylesheet" href="/assets/global.css?v=1" />
<script src="/assets/global.js?v=1"></script>Notas importantes
Orden del JavaScript
Con JavaScript importa el orden. jQuery y otras bibliotecas tienen que cargarse antes que los plugins que las necesitan.
Recursos externos
El Merger solo trabaja con archivos locales. Lo que viene de un CDN no se recoge de forma fiable.
Tras cada actualización del frontend
Si cambian tus archivos CSS o JS, vuelve a ejecutar la combinación; si no, tu sitio seguirá sirviendo la versión antigua.
Solución de problemas
El diseño o las funciones fallan tras la combinación
- Revisa primero el orden de los JS
- Deja fuera de la combinación, a modo de prueba, el archivo sospechoso
- Vacía la caché y prueba otra vez
Archivo no encontrado
- ¿Son correctas las rutas de
global.jsyglobal.css? - ¿Están los archivos de verdad en el servidor web?
Consejo
Mide antes y después con PageSpeed Insights o Lighthouse. Así ves si el esfuerzo ha merecido la pena.