Guía · WordPress
Cómo quitar CSS y JS que no usas en WordPress
Aprende a detectar y descargar scripts y estilos innecesarios en WordPress por página, con prudencia, copias y pruebas para no romper el diseño.
Muchos plugins cargan sus estilos y scripts en todas las páginas, aunque solo se usen en una. Descargarlos donde no hacen falta reduce el peso y el trabajo del navegador. Se debe hacer con prudencia, probando cada cambio, porque quitar un archivo necesario puede romper formularios o menús.
Detectar
Cómo ver qué se carga
- Abre la página y las herramientas de desarrollo, pestaña Red.
- Filtra por JS y CSS y ordena por tamaño.
- Fíjate en la ruta de cada archivo: indica a qué plugin o tema pertenece.
- Usa el panel Cobertura de Chrome para ver cuánto código no se ejecuta.
Ejemplos
Dónde suele sobrar código
| Plugin | Dónde se necesita realmente |
|---|---|
| Formularios de contacto | Solo en la página del formulario |
| Sliders y galerías | Solo en páginas que los incluyan |
| Mapas o reservas | Solo en su página |
| Constructores visuales | Parte del código solo en páginas construidas con ellos |
Método
Cómo descargarlos con seguridad
- Usa los ajustes de tu plugin de caché u optimización para desactivar archivos por página, si ofrece esa función.
- En desarrollo propio, WordPress dispone de funciones para registrar y desregistrar scripts y estilos; consulta la documentación para desarrolladores.
- Haz el cambio en staging primero.
- Cambia un archivo cada vez y prueba la página y las que dependan de ella.
- Anota qué descargaste para poder revertirlo.
Riesgos
Qué evitar
No elimines archivos de WordPress ni de plugins desde el servidor: se restauran con la próxima actualización y puedes romper el sitio. No minimices ni combines todo sin pruebas, porque la combinación de scripts puede producir errores de orden de ejecución. Si al terminar ves que apenas mejora, quizá el problema real está en otro lado, como el hosting o las imágenes. Contrasta con la cantidad de plugins y el INP.
Antes de descargar nada, mide el efecto potencial: anota cuánto pesa cada recurso candidato y en qué páginas aparece. Si un archivo es pequeño y se cachea bien, quizá no merezca el riesgo. Concéntrate en los recursos grandes que solo se usan en una página, como librerías de sliders o de mapas. Después de cada cambio, prueba la página afectada en distintos navegadores y dispositivos, y mantén anotada la regla para poder revertirla con rapidez.
Lista de comprobación final:
- Haz copia antes de descargar recursos.
- Cambia un recurso cada vez y prueba formularios, menús y carrito.
- Documenta qué se desactivó y en qué página.
Resumen
En resumen
- Cómo ver qué se carga: Abre la página y las herramientas de desarrollo, pestaña Red.; Filtra por JS y CSS y ordena por tamaño.
- Cómo descargarlos con seguridad: Usa los ajustes de tu plugin de caché u optimización para desactivar archivos por página, si ofrece esa función.; En desarrollo propio, WordPress dispone de funciones para registrar y desregistrar scripts y…
- Qué evitar: No elimines archivos de WordPress ni de plugins desde el servidor: se restauran con la próxima actualización y puedes romper el sitio.
Preguntas frecuentes
Lo que suelen preguntar sobre quitar CSS y JS sin usar en WordPress
¿Se puede hacer sin saber programar?
Sí, con plugins que permiten desactivar archivos por página, aunque requiere pruebas cuidadosas.
¿Mejora la puntuación en las herramientas de velocidad?
Puede mejorar, pero el objetivo es una carga más ligera para el visitante, no la puntuación.
¿Quitar archivos puede romper las actualizaciones?
Si usas ajustes del plugin de optimización, no. Si borras archivos del servidor, sí, por lo que no es recomendable.