(w opinii klienta)
Twoja aplikacja działa wolno.
Ola Kunysz
Wrocław JUG 10.04.2018
Co teraz?
Twoja aplikacja
-
ma czysty kod
-
jest SOLIDna
-
luksusowa SPA
-
hipsterskie frameworki '18
-
jest piękna, it's beautiful
Szczerze?
Kiedy każdy widok ładuje się 4 sekundy
Gdzie leży problem?
Od czego zacząć?
Dev tools: Network Performance
Od czego zacząć?
PageSpeed
Co podkręcić na froncie?
Co podkręcić na froncie?
Obrazki ściągane w odpowiednim rozmiarze
CDN dla danych statycznych lub prawie statycznych
Dynamiczne importy
Co podkręcić na froncie?
CSSy i JSy zminimalizowane, nieblokujące, skonkatenowane, skompresowane
Oszustwo wizualne - content placeholding
Co podkręcić na froncie?
Co podkręcić na froncie?
Optimistic updates
(tam gdzie można sobie na nie pozwolić)
Co podkręcić na backendzie?
Co podkręcić na backendzie?
REST
- ilość wysyłanych danych
- stronicowanie
- wydzielanie "drogich" danych do osobnych endpointów
- cache (304 Not Modified)
Co podkręcić na backendzie?
Baza danych
- indeksy dla częstych i drogich zapytań
- optymalizacja zapytań
- duplikacja?
- rozproszenie?
Co podkręcić na backendzie?
Monitoring
Wprowadź testy wydajnościowe
Plan działania:
-
Zmierz
-
Znajdź słabe punkty
-
Napraw trochę
-
Powtórz
Dziękuję
@OlaQnysz
PeggyBrown
- https://www.bloomberg.com/company/announcements/bloomberg-women-in-technology-bwit-taking-gender-out-of-coding/
- https://imgur.com/gallery/CakjE
- https://tenor.com/view/draw-spinner-fidget-spinners-gif-8647480
- https://devrant.com/search?term=frontend
- https://steemit.com/steem/@zombee/dmania-v0-6-better-performance-and-improved-user-onboarding
- https://devrant.com/rants/1233263/front-end-vs-back-end
- https://forums.gtracer.net/threads/bad-car-tuning.2778/
- https://en.wikipedia.org/wiki/Cloudinary
- http://gatling.io
- https://github.com/jamiebuilds/react-loadable
- https://mage2.pro/t/topic/912
- https://www.tipser.com
Śmieszne i poważne obrazki: