Testando aplicações PWA com Lighthouse - TDC 2017 | São Paulo

•Transferir como PPTX, PDF•

0 gostou•202 visualizações

Slides da palestra "Testando aplicações PWA com Lighthouse" apresentada no TDC 2017 | São Paulo - Trilha DevTest. Lighthouse é uma ferramenta open source desenvolvida pelo Google que permite realizar testes e validações em uma aplicação web. O resultado mostra se a aplicação é uma PWA (implementa todos os itens do PWA Checklist do Google), se a performance e a acessibilidade da aplicação está boa, além de analisar o uso de boas práticas no desenvolvimento de aplicações web modernas. Nesta talk veremos como implementar o Lighthouse nos testes de uma aplicação PWA.

Globalcode – Open4education
Trilha – DevTest
Jefferson Martins de Andrade
GitHub/Twitter: @jeffersondev

Globalcode – Open4education
TESTANDO APLICAÇÕES PWA
COM LIGHTHOUSE
Trilha DevTest

Globalcode – Open4education
Agenda
O que é
Como utilizar
O que ele testa
Arquitetura
Integrações

Globalcode – Open4education
O que é Lighthouse
Testes em aplicações web (PWA)
Desenvolvido pelo Google
Opensource e Ativo
Boa documentação
Extensível

Globalcode – Open4education
Como utilizar o Lighthouse
Google Chrome Canary
Extensão Google Chrome
CLI (pacote npm)

Globalcode – Open4education
O que o Lighthouse testa

Globalcode – Open4education
Categoria PWA
Baseado no Google PWA Checklist
14 verificações
HTTPs
Web App Manifest
Service Worker
...

Globalcode – Open4education
Categoria Performance

Globalcode – Open4education
Categoria Performance
Imagens otimizadas
Tamanho e tempo de carregamento de js
Quantidade de nós no DOM renderizado
...

Globalcode – Open4education
Categoria Acessibilidade
Elementos bem estruturados
Utilização correta de atributos
Atributos ARIA
Contraste de cores
...

Globalcode – Open4education
Melhores práticas
APIs depreciadas
Uso correto de cache
Solicitar permissões no carregamento da página
Paste em input de senhas
...

Globalcode – Open4education
ARQUITETURA LIGHTHOUSE

Globalcode – Open4education
Calibre
https://calibreapp.com/

Globalcode – Open4education
WebPageTest
https://www.webpagetest.org/
Projeto iniciado pelo AOL em 2008
Atualmente mantido pelo Google
Opensource

Globalcode – Open4education
CLI
Gulp
Webpack Plugin
Integração com Mocha
Configurável
lighthouse --config-path=custom-config.js

Recomendados

TDC2016POA | Trilha .NET - Trazendo o poder dos containers ao mundo .NET

tdc-globalcode

TDC2016POA | Trilha .NET - O que esperar do C# 7

tdc-globalcode

Revolução Go TDC 2016

Tomas Cretella Foglio

TDC 2015 - Trilha PHP - Testes e Ambiente de Integração Contínua PHP para o D...

Bruno Tanoue

Abordagem Funcional para Gerenciamento de Erros em .NET

Gabriel Schade Cardoso

Metralhando sua API

Thalita Pinheiro

Migração de Banco de Dados - Oracle para MongoDB - TDC2014

Jonathan Prates

Novidades do C#6

Vinicius Mussak

Novidades do c#6

Vinicius Mussak

TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...

tdc-globalcode

TDC2016SP - Trilha DevOps Java

tdc-globalcode

O documento apresenta uma introdução ao Docker Compose, explicando que ele permite a criação e execução de múltiplos containers através de um arquivo YAML. Ele também discute por que usar o Docker Compose, destacando que ele padroniza e replica ambientes de desenvolvimento, teste e produção. Finalmente, o documento descreve os 3 passos básicos para usar o Docker Compose: definir imagens, declarar serviços no arquivo YAML e executar o comando "dc up".

Novidades das Bibliotecas Jetpack do Android (2021)

Nelson Glauber Leal

Indo além dos testes de classes com BDD (Behavior-Driven Development) - Inter...

Renato Groff

Como melhoramos a performance dos testes automatizados com py.test e factoryboy

Leonardo Galani

O documento discute como a equipe melhorou os testes automatizados usando py.test e factoryboy. Inicialmente, os testes eram desenvolvidos separadamente da equipe de desenvolvimento e erros só eram encontrados no Jenkins. Posteriormente, a equipe adotou py.test e factoryboy para gerar dados de teste e dependências de forma dinâmica, permitindo testes mais completos e integrados ao desenvolvimento. Isso melhorou a qualidade dos testes e facilitou a adoção de padrões de teste na equipe.

Ideais Cowabunga - Headless Testing com GhostDriver

Stefan Teixeira

TDC2018SP | Trilha Kotlin - Kodando com Kotlin aplicacoes front-end.

tdc-globalcode

Testes de desempenho do WordPress através do uso de ferramentas de software l...

pichiliani

Minas Testing Conference - Entrega Contínua

Samanta Cicilia

Entregar software que atenda as objetivos do negócio, em pouco tempo e com um alto padrão de qualidade ainda é um desafio para muitas empresas já que processos de desenvolvimento são muitas vezes burocráticos Nessa palestra vamos mostrar como estamos implementando Entrega Contínua na Infoglobo. Serão abordados os seguintes temas:Introdução à Entrega Contínua de software - Pipeline de Entrega - Estágio de Commit - Deploys nos ambientes de teste - Smoke Tests -Testes de Performance Automatizados - Análise de Log - Promoção dos pacotes para cada ambiente - Testes Regressivos (Automatizados/Manuais) - Deploy em Produção - Desafios Culturais -Próximos Passos

TDC Floripa 2018 - Metralhando sua API

Edlaine Zamora

TDC - Técnicas e recursos para desenvolvimento web em cenários de grande escala

Cleber Dantas

Gerando aplicações Spring Boot e AngularJS com gerador de código JHipster

Edlaine Zamora

Palestra apresentada no TDC Florianópolis 2017. Fazer o startup de aplicações Web com Java Stack tem custado muitas horas de engenheiros experientes. Quem nunca sofreu ou gastou muito tempo com configurações de frameworks, bibliotecas, gerenciador de dependências, entre outros ao criar um projeto Java web? Aprenda a gerar toda sua arquitetura com JHipster com apenas alguns comandos e economizar seu tempo.

Testes de aceitação automatizados com robotium utilizando a técnica bdd TDC...

Rafael Chiavegatto

Testes para Android de ponta a ponta

Elias Nogueira

Testes Funcionais em um ALM Open Source - TDC 2012 SP

Elias Nogueira

Automação de testes em projetos ágeis

Cristiano Caetano

Este documento discute a automação de testes em projetos ágeis. Ele descreve como os testes ágeis são integrados ao processo de desenvolvimento, frequentemente automatizados, e realizados em todas as camadas do sistema. Além disso, explica como técnicas como testes unitários, BDD e ferramentas como Cucumber e Pyccuracy podem ser usadas para automatizar testes funcionais e de aceitação de forma a apoiar a entrega contínua em metodologias ágeis.

TDC2016SP - Trilha Microservices

tdc-globalcode

O documento discute monitoramento de serviços REST usando Application Insights e Distributed Tracing. Apresenta o contexto atual de microserviços e escalabilidade, explica porque monitorar é importante e como fazer isso. Detalha como o Application Insights coleta automaticamente métricas de desempenho e logs para análise, e como o Distributed Tracing mapeia requisições entre serviços. Aponta exemplos de uso de Application Insights e Zipkin para esse fim.

TDC 2013 SP | Trilha ALM: Construindo uma solução de ponta a ponta com ferram...

tdc-globalcode

Monitorando serviços REST com o Application Insights

Renato Groff

Introduzindo StimulusJS: o novo Framework JavaScript para Ruby On Rails.

Sergio Lima

Do regresso ao progresso: automação de testes em aplicativos mobile

Lucas Carvalho

Mais conteúdo relacionado

Mais procurados

Novidades do c#6

Vinicius Mussak

TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...

tdc-globalcode

TDC2016SP - Trilha DevOps Java

tdc-globalcode

Novidades das Bibliotecas Jetpack do Android (2021)

Nelson Glauber Leal

Indo além dos testes de classes com BDD (Behavior-Driven Development) - Inter...

Renato Groff

Como melhoramos a performance dos testes automatizados com py.test e factoryboy

Leonardo Galani

Ideais Cowabunga - Headless Testing com GhostDriver

Stefan Teixeira

TDC2018SP | Trilha Kotlin - Kodando com Kotlin aplicacoes front-end.

tdc-globalcode

Testes de desempenho do WordPress através do uso de ferramentas de software l...

pichiliani

Minas Testing Conference - Entrega Contínua

Samanta Cicilia

Mais procurados (10)

Novidades do c#6

TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...

TDC2016SP - Trilha DevOps Java

Novidades das Bibliotecas Jetpack do Android (2021)

Indo além dos testes de classes com BDD (Behavior-Driven Development) - Inter...

Como melhoramos a performance dos testes automatizados com py.test e factoryboy

Ideais Cowabunga - Headless Testing com GhostDriver

TDC2018SP | Trilha Kotlin - Kodando com Kotlin aplicacoes front-end.

Testes de desempenho do WordPress através do uso de ferramentas de software l...

Minas Testing Conference - Entrega Contínua

Semelhante a Testando aplicações PWA com Lighthouse - TDC 2017 | São Paulo

TDC Floripa 2018 - Metralhando sua API

Edlaine Zamora

TDC - Técnicas e recursos para desenvolvimento web em cenários de grande escala

Cleber Dantas

Gerando aplicações Spring Boot e AngularJS com gerador de código JHipster

Edlaine Zamora

Testes de aceitação automatizados com robotium utilizando a técnica bdd TDC...

Rafael Chiavegatto

Testes para Android de ponta a ponta

Elias Nogueira

Testes Funcionais em um ALM Open Source - TDC 2012 SP

Elias Nogueira

Automação de testes em projetos ágeis

Cristiano Caetano

TDC2016SP - Trilha Microservices

tdc-globalcode

TDC 2013 SP | Trilha ALM: Construindo uma solução de ponta a ponta com ferram...

tdc-globalcode

Monitorando serviços REST com o Application Insights

Renato Groff

Introduzindo StimulusJS: o novo Framework JavaScript para Ruby On Rails.

Sergio Lima

Do regresso ao progresso: automação de testes em aplicativos mobile

Lucas Carvalho

Buscapé 2.0 - Como mudamos uma empresa em 1 ano

Thiago Freitas

Agileze seus testes com automacao e grid

Elias Nogueira

Este documento discute como agilizar testes de interface gráfica de aplicativos móveis através da automação e do uso de grids de execução. Ele introduz as ferramentas Appium para automação de testes em Android, iOS e FirefoxOS e Selenium Grid para gerenciar hubs e nós de execução em grids. O documento também fornece um link para um projeto no GitHub que demonstra o código e execução de testes automatizados em grids com Appium.

IC-Testes Invasao

Denny Vriesman

O documento discute a integração de testes de invasão nos processos de desenvolvimento contínuo (CI/CD) através da abordagem SecDevOps. Ele apresenta ferramentas como ZAP, Arachni e ThreadFix que podem ser usadas para automatizar testes de segurança e consolidar resultados de múltiplas ferramentas. A integração dessas ferramentas com Jenkins é destacada como forma de realizar testes de segurança como parte dos builds noturnos.

Monitorando serviços REST com o Application Insights e Distributed Tracing

Renato Groff

O documento discute monitoramento de serviços REST usando Application Insights e Distributed Tracing. Apresenta o contexto atual de microserviços e escalabilidade, explica porque monitorar é importante e como fazer isso. Detalha como o Application Insights coleta automaticamente métricas e logs para análise, e como o Distributed Tracing mapeia requisições entre serviços. Aponta exemplos de soluções como Zipkin e Application Insights.

Utilizando a API do Roslyn, o novo compilador do C#

Paulo Cesar Ortins Brito

O documento discute a API Roslyn do .NET, que permite o acesso ao pipeline de compilação do C# e VB.NET. Isso torna possível implementar ferramentas de código como syntax highlighting, intellisense e refactoring sem precisar reimplementar a análise sintática e semântica. A API Roslyn também permite a geração e análise de código em tempo de execução, facilitando o desenvolvimento de ferramentas de software.

Acelerando o feedback e deploy com Automação de Testes!

Elias Nogueira

TDC 2016 Trilha Testes - Floripa

Walmyr Lima e Silva Filho

Cross testing mobile com ruby, cucumber e appium

Maximiliano Alves

Semelhante a Testando aplicações PWA com Lighthouse - TDC 2017 | São Paulo (20)

TDC Floripa 2018 - Metralhando sua API

TDC - Técnicas e recursos para desenvolvimento web em cenários de grande escala

Gerando aplicações Spring Boot e AngularJS com gerador de código JHipster

Testes de aceitação automatizados com robotium utilizando a técnica bdd TDC...

Testes para Android de ponta a ponta

Testes Funcionais em um ALM Open Source - TDC 2012 SP

Automação de testes em projetos ágeis

TDC2016SP - Trilha Microservices

TDC 2013 SP | Trilha ALM: Construindo uma solução de ponta a ponta com ferram...

Monitorando serviços REST com o Application Insights

Introduzindo StimulusJS: o novo Framework JavaScript para Ruby On Rails.

Do regresso ao progresso: automação de testes em aplicativos mobile

Buscapé 2.0 - Como mudamos uma empresa em 1 ano

Agileze seus testes com automacao e grid

IC-Testes Invasao

Monitorando serviços REST com o Application Insights e Distributed Tracing

Utilizando a API do Roslyn, o novo compilador do C#

Acelerando o feedback e deploy com Automação de Testes!

TDC 2016 Trilha Testes - Floripa

Cross testing mobile com ruby, cucumber e appium

Último

Logica de Progamacao - Aula (1) (1).pptx

Momento da Informática

DESENVOLVIMENTO DE SOFTWARE I_aula1-2.pdf

Momento da Informática

A linguagem C# aproveita conceitos de muitas outras linguagens, mas especialmente de C++ e Java. Sua sintaxe é relativamente fácil, o que diminui o tempo de aprendizado. Todos os programas desenvolvidos devem ser compilados, gerando um arquivo com a extensão DLL ou EXE. Isso torna a execução dos programas mais rápida se comparados com as linguagens de script (VBScript , JavaScript) que atualmente utilizamos na internet

Segurança Digital Pessoal e Boas Práticas

Danilo Pinotti

Em um mundo cada vez mais digital, a segurança da informação tornou-se essencial para proteger dados pessoais e empresariais contra ameaças cibernéticas. Nesta apresentação, abordaremos os principais conceitos e práticas de segurança digital, incluindo o reconhecimento de ameaças comuns, como malware e phishing, e a implementação de medidas de proteção e mitigação para vazamento de senhas.

História da Rádio- 1936-1970 século XIX .2.pptx

TomasSousa7

Manual-de-Credenciamento ANATER 2023.pdf

WELITONNOGUEIRA3

Certificado Jornada Python Da Hashtag.pdf

joaovmp3

PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...

Faga1939

Este artigo tem por objetivo apresentar como ocorreu a evolução do consumo e da produção de energia desde a pré-história até os tempos atuais, bem como propor o futuro da energia requerido para o mundo. Da pré-história até o século XVIII predominou o uso de fontes renováveis de energia como a madeira, o vento e a energia hidráulica. Do século XVIII até a era contemporânea, os combustíveis fósseis predominaram com o carvão e o petróleo, mas seu uso chegará ao fim provavelmente a partir do século XXI para evitar a mudança climática catastrófica global resultante de sua utilização ao emitir gases do efeito estufa responsáveis pelo aquecimento global. Com o fim da era dos combustíveis fósseis virá a era das fontes renováveis de energia quando prevalecerá a utilização da energia hidrelétrica, energia solar, energia eólica, energia das marés, energia das ondas, energia geotérmica, energia da biomassa e energia do hidrogênio. Não existem dúvidas de que as atividades humanas sobre a Terra provocam alterações no meio ambiente em que vivemos. Muitos destes impactos ambientais são provenientes da geração, manuseio e uso da energia com o uso de combustíveis fósseis. A principal razão para a existência desses impactos ambientais reside no fato de que o consumo mundial de energia primária proveniente de fontes não renováveis (petróleo, carvão, gás natural e nuclear) corresponde a aproximadamente 88% do total, cabendo apenas 12% às fontes renováveis. Independentemente das várias soluções que venham a ser adotadas para eliminar ou mitigar as causas do efeito estufa, a mais importante ação é, sem dúvidas, a adoção de medidas que contribuam para a eliminação ou redução do consumo de combustíveis fósseis na produção de energia, bem como para seu uso mais eficiente nos transportes, na indústria, na agropecuária e nas cidades (residências e comércio), haja vista que o uso e a produção de energia são responsáveis por 57% dos gases de estufa emitidos pela atividade humana. Neste sentido, é imprescindível a implantação de um sistema de energia sustentável no mundo. Em um sistema de energia sustentável, a matriz energética mundial só deveria contar com fontes de energia limpa e renováveis (hidroelétrica, solar, eólica, hidrogênio, geotérmica, das marés, das ondas e biomassa), não devendo contar, portanto, com o uso dos combustíveis fósseis (petróleo, carvão e gás natural).

TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf

Momento da Informática

Testando aplicações PWA com Lighthouse - TDC 2017 | São Paulo

1. Globalcode – Open4education Trilha – DevTest Jefferson Martins de Andrade GitHub/Twitter: @jeffersondev

2. Globalcode – Open4education TESTANDO APLICAÇÕES PWA COM LIGHTHOUSE Trilha DevTest

3. Globalcode – Open4education Agenda O que é Como utilizar O que ele testa Arquitetura Integrações

4. Globalcode – Open4education O que é Lighthouse Testes em aplicações web (PWA) Desenvolvido pelo Google Opensource e Ativo Boa documentação Extensível

5. Globalcode – Open4education Como utilizar o Lighthouse Google Chrome Canary Extensão Google Chrome CLI (pacote npm)

6. Globalcode – Open4education O que o Lighthouse testa

7. Globalcode – Open4education Categoria PWA Baseado no Google PWA Checklist 14 verificações HTTPs Web App Manifest Service Worker ...

8. Globalcode – Open4education Categoria Performance

9. Globalcode – Open4education Categoria Performance Imagens otimizadas Tamanho e tempo de carregamento de js Quantidade de nós no DOM renderizado ...

10. Globalcode – Open4education Categoria Acessibilidade Elementos bem estruturados Utilização correta de atributos Atributos ARIA Contraste de cores ...

11. Globalcode – Open4education Melhores práticas APIs depreciadas Uso correto de cache Solicitar permissões no carregamento da página Paste em input de senhas ...

12. Globalcode – Open4education DEMOS

13. Globalcode – Open4education ARQUITETURA LIGHTHOUSE

14. Globalcode – Open4education

15. Globalcode – Open4education INTEGRAÇÕES

16. Globalcode – Open4education Calibre https://calibreapp.com/

17. Globalcode – Open4education WebPageTest https://www.webpagetest.org/ Projeto iniciado pelo AOL em 2008 Atualmente mantido pelo Google Opensource

18. Globalcode – Open4education CLI Gulp Webpack Plugin Integração com Mocha Configurável lighthouse --config-path=custom-config.js

19. Globalcode – Open4education DEMO

20. Obrigado!