sitespeed.io

sitespeed.io

Site | Documentação | Registro de alterações | Mastodonte

Índice

• Bem-vindo ao maravilhoso mundo do desempenho na Web
  • O que é sitespeed.io?
  • Por que escolher sitespeed.io?
  • Mergulhe em nossa documentação
• Instalação
  • Docker
  • NodeJS
• Uso
  • Uso Básico
  • Configuração avançada
  • Teste de desempenho móvel
• Exemplos
• Contribuindo
• Relatando problemas
• Comunidade e Suporte
• Licença

Bem-vindo ao maravilhoso mundo do desempenho na web!

Bem-vindo ao sitespeed.io , a ferramenta abrangente de desempenho da web projetada para todos os apaixonados pela velocidade da web. Quer você seja um desenvolvedor, proprietário de um site ou apenas alguém curioso sobre o desempenho do site, sitespeed.io oferece uma maneira poderosa e fácil de analisar e otimizar seu site.

O que é sitespeed.io?

sitespeed.io é mais do que apenas uma ferramenta; é uma solução completa para medir, monitorar e melhorar o desempenho do seu site. Construído com simplicidade e eficiência em mente, ele permite:

• Teste sites usando navegadores reais : simule interações e condições reais do usuário para obter dados de desempenho precisos.
• Feedback sobre otimização de velocidade : obtenha insights detalhados sobre a construção do seu site e descubra oportunidades para aumentar a velocidade.
• Acompanhe o desempenho ao longo do tempo : monitore mudanças e tendências no desempenho do seu site para ficar à frente de possíveis problemas.

Casos de uso sobre quando usar sitespeed.io .

• Auditoria de desempenho da Web : execute testes de desempenho em seu terminal.
• Integração Contínua : Detecte regressões de desempenho da web no início do ciclo de desenvolvimento.
• Monitoramento de Produção : Monitore o desempenho na produção e seja alertado sobre regressões.

Por que escolher sitespeed.io?

• Código aberto e orientado para a comunidade : construído e mantido por uma comunidade, garantindo melhoria e inovação contínuas.
• Versátil e extensível : quer você tenha um blog simples ou um site de comércio eletrônico complexo, sitespeed.io se adapta às suas necessidades.
• Integração perfeita : incorpore facilmente sitespeed.io ao seu fluxo de trabalho de desenvolvimento, sistemas de integração contínua e configurações de monitoramento.

Mergulhe em nossa documentação

Dedicamos inúmeras horas à nossa documentação para ajudá-lo a aproveitar ao máximo o sitespeed.io . Desde guias de instalação até cenários de uso avançados, nossa documentação é um tesouro de informações e dicas.

Instalação

Começar a usar sitespeed.io é simples. Você pode instalá-lo usando Docker ou NodeJS, dependendo de sua preferência e configuração. Siga estas etapas simples para começar a otimizar o desempenho do seu site.

Docker

Usar o Docker é a maneira mais fácil de começar sitespeed.io , especialmente se você não quiser lidar com dependências manualmente. Execute o seguinte comando para usar sitespeed.io em um contêiner Docker:

docker run --rm -v " $( pwd ) " :/sitespeed.io sitespeedio/sitespeed.io https://www.sitespeed.io/

Este comando extrai a imagem Docker mais recente do sitespeed.io e executa um teste no site sitespeed.io. A parte -v "$(pwd)":/sitespeed.io monta o diretório atual no contêiner, permitindo acessar facilmente os resultados do teste.

NodeJS

Se você preferir instalar sitespeed.io como um pacote npm, certifique-se de ter o NodeJS instalado em seu sistema. Em seguida, instale sitespeed.io globalmente usando npm:

npm i -g sitespeed.io

Após a instalação, você pode começar a usar o sitespeed.io executando:

sitespeed.io https://www.example.com

Substitua https://www.example.com pelo URL que você deseja testar. Observe que o uso do NodeJS pode exigir dependências adicionais como FFmpeg e Python. Instruções detalhadas de instalação para essas dependências podem ser encontradas aqui.

Escolha o método que melhor se adapta ao seu ambiente e prepare-se para mergulhar na otimização de desempenho web com sitespeed.io!

Uso

sitespeed.io foi adaptado para ser fácil de usar, tornando os testes de desempenho da web acessíveis, independentemente do seu conhecimento técnico. Aqui está um guia simples para ajudá-lo a iniciar sua jornada de otimização de desempenho na web.

Uso Básico

Para começar a testar seu site, basta executar sitespeed.io com a URL do site que deseja analisar. Por exemplo:

sitespeed.io https://www.example.com --browser chrome -n 5

Este comando testa https://www.example.com usando o Chrome e executa 5 iterações do teste. Essa abordagem ajuda a obter uma medição de desempenho médio mais precisa, testando o site várias vezes.

Configuração avançada

sitespeed.io oferece uma ampla gama de opções de configuração para adaptar os testes às suas necessidades específicas. Você pode especificar diferentes navegadores, ajustar as configurações de conectividade e muito mais. Para obter uma lista abrangente de todas as opções disponíveis, visite nossa documentação de configuração.

Além disso, para uma rápida visão geral de todas as opções de linha de comando, você pode executar:

sitespeed.io --help

Este comando exibe todos os sinalizadores e configurações disponíveis que você pode usar com sitespeed.io, ajudando você a ajustar seus testes de desempenho para atender aos seus requisitos exclusivos.

Esteja você executando uma verificação rápida ou uma análise detalhada, o sitespeed.io oferece a flexibilidade e o poder que você precisa para compreender profundamente e melhorar o desempenho do seu site.

Teste de desempenho móvel

No mundo atual, que prioriza os dispositivos móveis, garantir o desempenho ideal do seu site em smartphones e tablets é crucial. Com sitespeed.io , você pode simular e analisar o desempenho do seu site em dispositivos móveis, ajudando a entender e melhorar a experiência do usuário para o público móvel.

Por que testar no celular?

• Experiência do usuário : uma parcela significativa do tráfego da web vem de dispositivos móveis. O teste em dispositivos móveis garante que seu site esteja otimizado para esses usuários.
• Classificação do mecanismo de pesquisa : mecanismos de pesquisa como o Google priorizam sites compatíveis com dispositivos móveis em seus resultados de pesquisa.
• Insights de desempenho : os dispositivos móveis têm características de desempenho diferentes dos desktops, como limitações de CPU e variabilidade de rede.

Como o sitespeed.io ajuda

• Teste de navegador real : simule navegadores móveis para obter dados de desempenho precisos, conforme experimentados por usuários reais.
• Métricas específicas do dispositivo : obtenha insights sobre o desempenho do seu site em diferentes dispositivos móveis e redes.
• Análise de design responsivo : teste o quão bem seu site se adapta a vários tamanhos e orientações de tela.

Começando

Para começar a testar o desempenho do seu site em dispositivos móveis, você precisa configurar seu telefone para teste. Temos documentação para configurar seu telefone Android e iOS.

Quando sua configuração estiver pronta, você poderá executar testes em seu telefone Android.

sitespeed.io https://www.example.com --android

Exemplos

sitespeed.io fornece relatórios HTML esclarecedores que ajudam você a visualizar e compreender o desempenho do seu site. Aqui estão alguns exemplos para ilustrar o que você pode alcançar:

Relatório resumido

Aqui está um exemplo de relatório resumido em HTML, oferecendo uma visão geral abrangente das métricas de desempenho do seu site:

Este relatório inclui indicadores-chave de desempenho, como tempos de carregamento, tamanho da página e contagens de solicitações, fornecendo um resumo rápido da saúde geral do seu site.

Relatório de página individual

Para uma análise mais detalhada, aqui está um relatório de página individual:

Este relatório se aprofunda no desempenho de uma única página, fornecendo métricas sobre aspectos como scripts, renderização e atividade de rede, cruciais para identificar áreas específicas de melhoria.

Painel de monitoramento de desempenho

Para monitorar o desempenho do seu site ao longo do tempo, confira nossa configuração ao vivo em dashboard.sitespeed.io, que integra sitespeed.io com Graphite e Grafana.

Métricas em Grafite/Grafana

Métricas coletadas de uma URL visualizada em Graphite/Grafana:

Essa configuração permite o monitoramento contínuo do desempenho, ajudando a identificar tendências e possíveis problemas.

Tendências em Grafana

As tendências ao longo do tempo no Grafana fornecem uma visão de longo prazo do desempenho do seu site:

Com esses insights, você pode tomar decisões informadas sobre otimizações e acompanhar o impacto das alterações feitas.

Análise de desempenho de vídeo

Para feedback visual, sitespeed.io pode gerar vídeos, tornando mais fácil ver como o seu site carrega em tempo real. Aqui está um exemplo de vídeo:

A análise de vídeo é feita mais facilmente usando Docker e oferece uma perspectiva única sobre a experiência do usuário, destacando áreas que precisam de atenção.

Contribuindo

Aceitamos contribuições da comunidade! Esteja você corrigindo um bug, adicionando um recurso ou melhorando a documentação, sua ajuda é valiosa. Veja como você pode contribuir:

1. Crie um problema : crie um problema e discuta conosco como implementá-lo.
2. Bifurcar e clonar : bifurque o repositório e clone-o localmente.
3. Crie uma ramificação : crie uma nova ramificação para seu recurso ou correção de bug.
4. Desenvolver : Faça suas alterações. Certifique-se de seguir os padrões de codificação e escrever testes, se aplicável.
5. Teste : execute testes para garantir que tudo funcione conforme o esperado.
6. Envie uma solicitação pull : envie suas alterações para seu fork e envie uma solicitação pull para o repositório principal.

Antes de contribuir, leia nosso CONTRIBUTING.md para obter informações mais detalhadas sobre como contribuir.

Relatando problemas

Encontrou um bug ou tem uma solicitação de recurso? Use os problemas do GitHub para relatá-los. Certifique-se de verificar os problemas existentes para evitar duplicatas.

Comunidade e Suporte

Junte-se à nossa comunidade! Se você precisa de ajuda, deseja compartilhar sua experiência ou discutir possíveis melhorias, há várias maneiras de se envolver:

• Slack : conecte-se com outros usuários e com a equipe de desenvolvimento no Slack.
• Problemas do GitHub : para questões técnicas, solicitações de recursos e relatórios de bugs, use nossos problemas do GitHub.
• RSS/Changelog : Últimos lançamentos e informações sempre podem ser encontrados em nosso feed RSS e em nosso changelog.
• Mastodonte : Siga-nos no Mastodon https://fosstodon.org/@sitespeedio.

Estamos entusiasmados por ter você em nossa comunidade e aguardamos suas contribuições e interações!

Licença

A licença MIT (MIT).