Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja...

24
Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki Michał Prażuch Warszawa, 09.11.2017

Transcript of Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja...

Page 1: Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja Trendy FinTech 2018

Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki

Michał Prażuch Warszawa, 09.11.2017

Page 2: Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja Trendy FinTech 2018

Jak zdefiniować perfomance?

Page 3: Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja Trendy FinTech 2018

Dlaczego mobile?

źródło - SimilarWeb - Kwiecień 2017

Page 4: Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja Trendy FinTech 2018

Performance

UŻYTKOWNICY URZĄDZENIA SIEĆ

Page 5: Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja Trendy FinTech 2018

Urządzenia

Page 6: Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja Trendy FinTech 2018

Urządzenia

Page 7: Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja Trendy FinTech 2018

Urządzenia

Page 8: Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja Trendy FinTech 2018

Urządzenia

Page 9: Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja Trendy FinTech 2018

Sieć

źródło - Open Signal - Październik 2017

Page 10: Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja Trendy FinTech 2018

Sieć

Page 11: Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja Trendy FinTech 2018

Sieć

Page 12: Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja Trendy FinTech 2018

Sieć

źródło - GSMA Mobile Economy - Październik 2017

Page 13: Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja Trendy FinTech 2018

Sieć

Page 14: Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja Trendy FinTech 2018

Sieć

Page 15: Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja Trendy FinTech 2018

RAIL

Page 16: Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja Trendy FinTech 2018

RAIL

- Response - Animation - Idle - Load

Page 17: Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja Trendy FinTech 2018

Response

<100ms

Page 18: Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja Trendy FinTech 2018

Animation

60fps (16ms)

Page 19: Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja Trendy FinTech 2018

Idle

50ms

Page 20: Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja Trendy FinTech 2018

Load

<5s oraz <2s

First Paint First Contentful Paint

First Meaningful Paint

Time To Interactive

Page 21: Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja Trendy FinTech 2018

Demo

Page 22: Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja Trendy FinTech 2018

Progressive Web App

Page 23: Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja Trendy FinTech 2018

Progressive Web Apps

Page 24: Performance mobilnych serwisów bankowych - analiza, optymalizacja i dobre praktyki - konferencja Trendy FinTech 2018

Dziękuję