Mantys CoreGuías y base de conocimiento
Rendimiento de WordPress en la práctica, explicado sin jerga.
Cómo acelerar un sitio Divi y mejorar sus Core Web Vitals (paso a paso)
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?
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?
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)?
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?
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.