Mantys CoreGuías y base de conocimiento
Rendimiento de WordPress en la práctica, explicado sin jerga.
¿Por qué mi minicarrito de WooCommerce deja de mostrarse cuando activo Remove Unused CSS?
Resumen en una frase: el panel del minicarrito está oculto hasta que alguien pasa el cursor sobre él, así que un proceso de used-CSS elimina sus estilos y un retraso de JavaScript impide que se abra. Vuelve a funcionar en cuanto mantiene sus estilos en una safelist y deja que sus scripts, incluidos los cart fragments, se ejecuten.
Cómo acelerar un sitio Divi y mejorar sus Core Web Vitals (paso a paso)
En una frase: un sitio Divi puede ser rápido si se optimiza en el orden correcto, primero las imágenes, luego el CSS y después el JavaScript, empezando por las palancas que no pueden romper nada antes de tocar las que sí pueden.
¿Por qué mi menú de hamburguesa solo se abre al segundo clic?
En una frase: si activó un retraso de JavaScript (cargar los scripts en el primer clic o tras un temporizador), el primer toque en la hamburguesa despierta la carga del script, no abre el menú. El menú solo responde al segundo toque. La solución: aislar el script del menú y sus dependencias fuera del retraso, o mejor aún, darle un menú vanilla sin dependencias.
¿Qué optimizaciones puede activar sin ningún riesgo de romper su sitio?
El resumen en una frase: existe toda una familia de optimizaciones que no pueden romper su sitio, porque reducen el peso de los archivos o dan pistas al navegador, sin cambiar nunca lo que se ejecuta. Empiece por ahí: le ganan lo esencial, con los ojos cerrados.
¿Por qué mi critical CSS rompió mi menú / superposición (aparece abierto al cargar)?
El resumen en una frase: los generadores de critical CSS solo conservan los estilos de lo que es visible en la parte superior de la página al cargar. Sus elementos ocultos por defecto y que se abren al hacer clic (menú móvil, superposición de búsqueda, modal, panel lateral) se consideran inútiles y se eliminan. El resultado: al cargar, aparecen abiertos, rotos, sin estilo.
¿Por qué PageSpeed Insights sigue diciendo “Properly size images” si ya tengo un srcset?
Resumen en una frase: srcset le ofrece al navegador una lista de tamaños, pero es el atributo sizes el que le indica cuál elegir. Si sizes falta, es incorrecto o se ignora, el navegador descarga la imagen más grande de la lista, y PageSpeed lo marca, haya o no srcset.