Mejorar la velocidad de su página a menudo requiere el apoyo de varias herramientas. Algunas de estas herramientas se utilizan para medir la velocidad de la página, mientras que otras se utilizan para reducir el tamaño de los activos de su página. En este artículo, hemos creado una biblioteca para que sirva como referencia útil.

Si necesitamos enumerar las áreas cubiertas por las herramientas en este artículo:

  • Herramientas para determinar la velocidad de la página
  • Herramientas para reducir el tamaño de la imagen.
  • Herramientas de optimización CSS, JavaScript y HTML.

Herramientas para determinar la velocidad de la página

  1. Estadísticas de velocidad de página de Google:  La herramienta de velocidad de página más conocida. Califica los sitios que utilizan la infraestructura de Lighthouse y proporciona datos de los últimos 28 días.
  2. Prueba de página web: Una plataforma que realiza tres pruebas diferentes en su infraestructura para brindar resultados promedio y ofrece un informe más técnico con una API.
  3. Treo.sh: La única plataforma que presenta datos visuales de los últimos 12 meses basada en Pagespeed y la infraestructura CrUX.
  4. GTmetrix: una herramienta que proporciona información sobre la velocidad del sitio utilizando la infraestructura de Lighthouse y otorga su propia puntuación.
  5. dareboost: Una herramienta que proporciona información sobre la velocidad del sitio en su infraestructura.
  6. Aplicación Calibri: una herramienta que le permite comparar varias páginas con la competencia utilizando la infraestructura de Lighthouse.
  7. SpeedCurve: Una herramienta paga donde puedes encontrar RUM y datos sintéticos de velocidad del sitio.
  8. Laboratorio amarillo: Una herramienta útil que proporciona métricas únicas y mejorables sobre su infraestructura.
  9. Kit de velocidad: Una de las raras herramientas que no sólo diagnostica sino que también trata problemas del sitio, disponible como complemento de WordPress y para sitios normales.
  10. Perfmatters.io: Un complemento de rendimiento liviano para WordPress.

Herramientas para reducir el tamaño de la imagen

  1. Imaginar.io: Una herramienta para reducir el tamaño de las imágenes, con una API y un complemento de WordPress.
  2. Squoosh.aplicación: Una herramienta muy sencilla y rápida para convertir imágenes a formatos como MozJPEG, OptiPNG y WebP.
  3. TinyJPG: Una herramienta sencilla para reducir el tamaño de JPG.
  4. TinyPNG: La versión PNG de la herramienta anterior.
  5. Compressor.io: Una plataforma que comprime formatos JPEG, PNG, GIF y SVG y destaca por sus visuales comparativos.
  6. Kraken: Una de las herramientas más antiguas y sólidas con soporte API, que ofrece formatos JPEG, PNG, GIF, GIF animado y SVG, junto con complementos de WordPress y Magento.
  7. Optimizilla: Un compresor de archivos JPEG y PNG sencillo y muy útil.
  8. ImageOptim: Una herramienta en línea, particularmente útil para la compresión de imágenes por lotes en computadoras Mac.
  9. Fotos aplastantes: Una herramienta que ofrece optimización sin pérdidas para imágenes con complementos de Shopify y WordPress, también disponible a través de API.
  10. Minifier: Una herramienta compatible con SEO para Shopify que genera etiquetas alternativas para imágenes.
  11. Guardar GIMP para Web: Una aplicación para Windows que permite la compresión de imágenes por lotes.
  12. Herramienta de análisis de imágenes de sitios web: una herramienta que le indica qué formato de imagen está más optimizado según la URL de entrada.

Herramientas de optimización CSS, JavaScript y HTML

  1. Actualizar-SF: una herramienta que comprime CSS, JS y HTML, todo en un solo sitio.
  2. Limpiar CSS: Una herramienta ampliamente utilizada para la compresión CSS.
  3. Estilo limpio: Una herramienta que comprime formatos CSS, JS y HTML en una sola plataforma.
  4. Optimizador CSS: Una plataforma que proporciona optimización CSS.
  5. Tabificador: Una plataforma que comprime estructuras de código HTML, CSS y JSON.
  6. Minifier: Una plataforma que comprime estructuras CSS y JS.
  7. CSS crítico: Un código fuente de GitHub desarrollado por Addy Osmani para extraer CSS crítico de las páginas.
  8. Purificar CSS: Una herramienta muy útil que separa el CSS no utilizado en una página.

Estas herramientas pueden mejorar significativamente su rendimiento del sitio web optimizando varios aspectos, desde la medición de la velocidad de la página hasta la reducción del tamaño de los activos y la optimización del código.