WordPress Training
ElementorWordPress

Limpiar páginas de Elementor: CSS sin usar, widgets y lastre acumulado

Los sitios web no se construyen lentos, se vuelven lentos. Cada plugin que se probó y no se volvió a quitar, cada fuente que se quiso testear alguna vez, cada plantilla de un borrador descartado: nada de eso es un problema por sí solo. Juntos dan como resultado una página que carga bastante más de lo que muestra.

Este es mi procedimiento cuando limpio un sitio web de Elementor que ha ido creciendo. Por orden, empezando por la palanca más grande.

Antes: copia de seguridad

No es negociable. Todo lo que sigue se puede deshacer, pero solo con una copia de seguridad. Cree una copia completa de archivos y base de datos antes de borrar nada.

1. Plugins que ya no necesita nadie

La palanca individual más grande y la que más se pasa por alto. Repase la lista de plugins y hágase con cada uno la pregunta: ¿qué pasa si lo desactivo?

Preste especial atención a las duplicidades. Dos plugins de caché conviviendo no son un doble beneficio, sino una fuente de errores. Lo mismo vale para dos plugins de formularios cuando uno de ellos solo sigue activo por un único formulario antiguo.

Desactive primero, revise la página y borre después. Por cierto, los plugins desactivados que se quedan ahí durante meses son un riesgo de seguridad: bórrelos de verdad.

2. Fuentes

Cada familia tipográfica y cada grosor es un archivo propio. Quien usa tres familias distintas en tres grosores cada una para títulos, texto corrido y botones carga nueve archivos antes de que aparezca la primera letra.

Con dos familias basta casi siempre, y a menudo con una en dos grosores. Defínalo de forma centralizada en lugar de corregirlo widget por widget: cómo se hace está en Colores y fuentes globales.

Compruebe además si su tema carga en segundo plano fuentes propias que usted no utiliza en absoluto. Eso ocurre con frecuencia en temas premium extensos.

3. Bibliotecas de iconos

Elementor carga por defecto un juego de iconos completo, aunque usted utilice tres iconos. En Elementor → Ajustes → Funciones se puede desactivar la carga de bibliotecas de iconos antiguas.

Revise sus páginas después de cambiarlo. Si en algún sitio aparece un cuadrado vacío en lugar de un icono, ese icono viene de la biblioteca antigua y hay que volver a colocarlo una vez.

4. Activar las optimizaciones de Elementor

También en Ajustes → Funciones: la carga optimizada de CSS y la carga mejorada de recursos. Ambas hacen que solo se cargue lo que la página en cuestión necesita realmente.

Actívelas una a una y revise después de cada una. En casos raros falta luego algún estilo que provenía de un widget de terceros.

5. Plantillas y borradores antiguos

En Plantillas → Plantillas guardadas se acumula bastante con los años. Esas plantillas no cuestan tiempo de carga en el sitio web, pero sí cuestan claridad, y tiempo al buscar.

Lo mismo vale para borradores de páginas que nunca se publicaron y para la papelera. Vacíela.

6. Limitar las revisiones

WordPress guarda cada versión intermedia de una entrada. En una página en la que se ha trabajado mucho tiempo, eso son enseguida cien registros, y las revisiones de Elementor son grandes porque guardan también el diseño completo.

Puede limitar el número de revisiones guardadas. Un valor entre diez y veinte es un buen compromiso entre seguridad y tamaño de la base de datos. Lo acumulado hasta ahora lo limpia una herramienta de base de datos, con copia de seguridad previa.

7. La biblioteca de medios

Busque imágenes que no estén integradas en ningún sitio. Hay plugins que las listan. Pero repase el resultado a mano antes de borrar: las imágenes que solo están dentro de una plantilla o de un popup a veces son señaladas erróneamente como no utilizadas por esas herramientas.

Y revise los tamaños de imagen. Una foto de 5 megabytes en la biblioteca de medios no molesta; esa misma foto integrada en la portada, sí. Lo que eso significa para el tiempo de carga está en Elementor y Core Web Vitals.

8. Regenerar el CSS

Para terminar: en Elementor → Herramientas → Regenerar archivos y datos se reconstruye el CSS acumulado. Después de cambios grandes, ese es el paso que evita que sigan actuando restos de estilos antiguos.

A continuación, vaciar la caché: en el plugin de caché y, si existe, en el proveedor de alojamiento.

Elementor Pro: en esta limpieza, la versión Pro no cambia nada. Ayuda más bien de forma indirecta: quien obtiene formulario, popup y cabecera de una sola herramienta tiene tres plugins menos que mantener. Ver Elementor Pro

Con qué frecuencia hace falta

Una vez al año basta en la mayoría de los sitios web. Más importante que la frecuencia es que lo planifique siquiera, porque si no, no ocurre nunca.

Y el mejor momento es de todos modos antes: quien quita un plugin justo después de probarlo no tiene que limpiar más tarde. Otros temas de mantenimiento los he descrito en Actualizar Elementor sin romper el diseño; y si quiere que repasemos juntos un sitio existente, ese es un caso típico para mi formación de Elementor.

Etiquetas

ElementorPerformanceWartungWordPress