Velocidad web: ¿mejorarla por tu cuenta o con un especialista?
Distingue las mejoras que puedes hacer con seguridad de los problemas que necesitan un diagnóstico técnico y una comprobación posterior.
Temas
Optimización de velocidad web
Tutoriales prácticos para acelerar carga y renderizado: PageSpeed Insights, Lighthouse, imágenes, JavaScript, CSS, fuentes, caché y scripts de terceros.
9 artículos
Un archivo más pequeño ayuda cuando corrige el retraso que experimenta el visitante. Una imagen descubierta tarde, un hilo principal bloqueado y una hoja de estilos necesaria para el primer renderizado son dependencias diferentes.
Esta sección explica cómo leer PageSpeed Insights y Lighthouse y, después, investigar imágenes, JavaScript, CSS, fuentes e integraciones de terceros. Los ejemplos se centran en hacer disponible la siguiente parte útil de la página sin romper su diseño ni sus funciones.
Empieza con una página representativa y una grabación guardada. Sigue el recurso o la tarea que retrasa el resultado, cambia una parte relevante y compara en las mismas condiciones. Conserva las mediciones de campo junto a las pruebas de laboratorio, sin reducir toda la experiencia a una puntuación sintética.
Cómo evaluar Cloudinary para optimizar imágenes responsive
Define la entrega según los componentes y comprueba calidad visual, dimensiones, tiempos de solicitud y coste operativo.
Scripts de terceros: mide su coste y cárgalos cuando hagan falta
Un cargador pequeño no convierte una función en ligera: mide toda la interacción.
Cómo reducir el tiempo de ejecución de JavaScript y dividir las tareas largas
Una grabación de rendimiento indica qué código eliminar, aplazar, dividir o trasladar a un worker.
Eliminar recursos que bloquean el renderizado: CSS y JavaScript sin romper la página
Retira dependencias innecesarias del primer renderizado y conserva estilos e interacciones fiables.
Optimizar fuentes web: texto más rápido sin cambios de diseño evitables
Controla cuándo aparece el texto, qué archivos necesita y qué cambia al llegar la fuente definitiva.
Optimización de imágenes web: formatos, tamaños adaptables y prioridades de carga
Un archivo más pequeño ayuda cuando el navegador recibe la imagen adecuada en el momento oportuno.
Cómo se calcula la puntuación de rendimiento de Lighthouse y por qué cambia
La puntuación es un resultado de laboratorio ponderado; las decisiones útiles empiezan por sus mediciones y condiciones.
Cómo leer PageSpeed Insights y elegir la siguiente mejora
Empieza por la experiencia real y utiliza el diagnóstico de laboratorio para localizar el componente responsable.