Episódio
Monitoramento contínuo de performance e acessibilidade da Web
Saiba como a equipe de visualização do Centro de Colaboração em Nuvem (CCC) do Azure monitora continuamente um Aplicativo Web para Desempenho e Acessibilidade usando ferramentas de código aberto, API do Lighthouse para perf e Axe-Core para acessibilidade e pipelines de DevOps do Azure para evitar que regressões de perf e bugs comuns de acessibilidade cheguem à produção. Além disso, a capacidade de visualizar e relatar os resultados avançados de forma integrada com o pipeline ADO para detectar as anomalias/violações que podem levar a ações claras.
Pular para:
- [00:30] - Introdução
- [02:10] - Por que monitorar continuamente o perf e a acessibilidade?
- [03:11] - Desempenho percebido vs métricas reais do usuário
- [04:10] - Teste de acessibilidade
- [04:50] - Identificação vs ação
- [05:38] - Monitoramento com pipelines do Azure DevOps
- [08:50] - Recapitulação de introdução
- [09:15] - Usando o Farol
- [10:14] - Demo (Farol & Machado)
- [14:04] - Por que usar Farol e Machado core?
- [15:03] - Resumo & mais informações
Saiba como a equipe de visualização do Centro de Colaboração em Nuvem (CCC) do Azure monitora continuamente um Aplicativo Web para Desempenho e Acessibilidade usando ferramentas de código aberto, API do Lighthouse para perf e Axe-Core para acessibilidade e pipelines de DevOps do Azure para evitar que regressões de perf e bugs comuns de acessibilidade cheguem à produção. Além disso, a capacidade de visualizar e relatar os resultados avançados de forma integrada com o pipeline ADO para detectar as anomalias/violações que podem levar a ações claras.
Pular para:
- [00:30] - Introdução
- [02:10] - Por que monitorar continuamente o perf e a acessibilidade?
- [03:11] - Desempenho percebido vs métricas reais do usuário
- [04:10] - Teste de acessibilidade
- [04:50] - Identificação vs ação
- [05:38] - Monitoramento com pipelines do Azure DevOps
- [08:50] - Recapitulação de introdução
- [09:15] - Usando o Farol
- [10:14] - Demo (Farol & Machado)
- [14:04] - Por que usar Farol e Machado core?
- [15:03] - Resumo & mais informações
Tem comentários? Envie um problema aqui.