Sitio web | Documentación | Registro de cambios | Mastodonte
Bienvenido a sitespeed.io
, la herramienta integral de rendimiento web diseñada para todos los apasionados por la velocidad web. Ya sea que sea desarrollador, propietario de un sitio o simplemente alguien con curiosidad sobre el rendimiento del sitio web, sitespeed.io
ofrece una forma poderosa pero fácil de usar para analizar y optimizar su sitio web.
sitespeed.io
es más que una simple herramienta; es una solución completa para medir, monitorear y mejorar el rendimiento de su sitio web. Creado teniendo en cuenta la simplicidad y la eficiencia, le permite:
Casos de uso sobre cuándo utilizar sitespeed.io
.
sitespeed.io
se adapta a sus necesidades.sitespeed.io
a su flujo de trabajo de desarrollo, sistemas de integración continua y configuraciones de monitoreo. Hemos dedicado innumerables horas a nuestra documentación para ayudarlo a aprovechar al máximo sitespeed.io
. Desde guías de instalación hasta escenarios de uso avanzado, nuestra documentación es un tesoro de información y consejos.
Comenzar a utilizar sitespeed.io
es sencillo. Puede instalarlo usando Docker o NodeJS, según sus preferencias y configuración. Siga estos sencillos pasos para comenzar a optimizar el rendimiento de su sitio web.
Usar Docker es la forma más fácil de comenzar con sitespeed.io
, especialmente si no deseas manejar las dependencias manualmente. Ejecute el siguiente comando para usar sitespeed.io
en un contenedor Docker:
docker run --rm -v " $( pwd ) " :/sitespeed.io sitespeedio/sitespeed.io https://www.sitespeed.io/
Este comando extrae la última imagen de Docker de sitespeed.io y ejecuta una prueba en el sitio web de sitespeed.io. La parte -v "$(pwd)":/sitespeed.io monta el directorio actual en el contenedor, lo que le permite acceder fácilmente a los resultados de las pruebas.
Si prefiere instalar sitespeed.io
como un paquete npm, asegúrese de tener NodeJS instalado en su sistema. Luego, instale sitespeed.io
globalmente usando npm:
npm i -g sitespeed.io
Después de la instalación, puede comenzar a usar sitespeed.io ejecutando:
sitespeed.io https://www.example.com
Reemplace https://www.example.com con la URL que desea probar. Tenga en cuenta que el uso de NodeJS puede requerir dependencias adicionales como FFmpeg y Python. Las instrucciones de instalación detalladas para estas dependencias se pueden encontrar aquí.
Elija el método que mejor se adapte a su entorno y prepárese para sumergirse en la optimización del rendimiento web con sitespeed.io.
sitespeed.io
está diseñado para ser fácil de usar, lo que hace que las pruebas de rendimiento web sean accesibles independientemente de su experiencia técnica. A continuación le ofrecemos una guía sencilla que le ayudará a comenzar su viaje de optimización del rendimiento web.
Para comenzar a probar su sitio web, simplemente ejecute sitespeed.io
con la URL del sitio que desea analizar. Por ejemplo:
sitespeed.io https://www.example.com --browser chrome -n 5
Este comando prueba https://www.example.com usando Chrome y realiza 5 iteraciones de la prueba. Este enfoque ayuda a obtener una medición del rendimiento medio más precisa al probar el sitio varias veces.
sitespeed.io ofrece una amplia gama de opciones de configuración para adaptar las pruebas a sus necesidades específicas. Puede especificar diferentes navegadores, ajustar la configuración de conectividad y mucho más. Para obtener una lista completa de todas las opciones disponibles, visite nuestra documentación de configuración.
Además, para obtener una descripción general rápida de todas las opciones de la línea de comandos, puede ejecutar:
sitespeed.io --help
Este comando muestra todos los indicadores y configuraciones disponibles que puede usar con sitespeed.io, lo que lo ayuda a ajustar sus pruebas de rendimiento para que se ajusten a sus requisitos únicos.
Ya sea que esté realizando una verificación rápida o un análisis detallado, sitespeed.io brinda la flexibilidad y el poder que necesita para comprender en profundidad y mejorar el rendimiento de su sitio web.
En el mundo actual en el que los dispositivos móviles son lo primero, es crucial garantizar que su sitio web funcione de manera óptima en teléfonos inteligentes y tabletas. Con sitespeed.io
, puede simular y analizar el rendimiento de su sitio web en dispositivos móviles, lo que le ayudará a comprender y mejorar la experiencia del usuario para audiencias móviles.
Para comenzar a probar el rendimiento móvil de su sitio web, debe configurar su teléfono móvil para realizar pruebas. Recibimos documentación para configurar su teléfono Android e iOS.
Cuando su configuración esté lista, puede ejecutar pruebas en su teléfono Android.
sitespeed.io https://www.example.com --android
sitespeed.io
proporciona informes HTML detallados que le ayudan a visualizar y comprender el rendimiento de su sitio web. Aquí hay algunos ejemplos para ilustrar lo que puede lograr:
A continuación se muestra un ejemplo de un informe resumido en HTML, que ofrece una descripción general completa de las métricas de rendimiento de su sitio:
Este informe incluye indicadores clave de rendimiento, como tiempos de carga, tamaño de página y recuentos de solicitudes, lo que le brinda una instantánea rápida del estado general de su sitio.
Para un análisis más detallado, aquí hay un informe de página individual:
Este informe profundiza en el rendimiento de una sola página y proporciona métricas sobre aspectos como secuencias de comandos, renderizado y actividad de red, cruciales para identificar áreas específicas de mejora.
Para monitorear el rendimiento de su sitio web a lo largo del tiempo, consulte nuestra configuración en vivo en Dashboard.sitespeed.io, que integra sitespeed.io
con Graphite y Grafana.
Métricas recopiladas de una URL visualizada en Graphite/Grafana:
Esta configuración permite un seguimiento continuo del rendimiento, lo que le ayuda a identificar tendencias y problemas potenciales.
Las tendencias a lo largo del tiempo en Grafana brindan una visión a largo plazo del rendimiento de su sitio:
Con esta información, puede tomar decisiones informadas sobre optimizaciones y realizar un seguimiento del impacto de los cambios que realice.
Para obtener comentarios visuales, sitespeed.io
puede generar videos, lo que facilita ver cómo se carga su sitio en tiempo real. Aquí hay un vídeo de muestra:
El análisis de vídeo se realiza más fácilmente con Docker y ofrece una perspectiva única de la experiencia del usuario, destacando las áreas que necesitan atención.
¡Agradecemos las contribuciones de la comunidad! Ya sea que esté corrigiendo un error, agregando una función o mejorando la documentación, su ayuda es valiosa. Así es como puedes contribuir:
Antes de contribuir, lea nuestro CONTRIBUTING.md para obtener información más detallada sobre cómo contribuir.
¿Encontró un error o tiene una solicitud de función? Utilice los problemas de GitHub para informarlos. Asegúrese de verificar los problemas existentes para evitar duplicados.
¡Únete a nuestra comunidad! Ya sea que necesite ayuda, desee compartir su experiencia o analizar posibles mejoras, existen varias formas de participar:
¡Estamos emocionados de tenerte en nuestra comunidad y esperamos tus contribuciones e interacciones!
La Licencia MIT (MIT).