(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:

  1. Zmierz

  2. Znajdź słabe punkty

  3. Napraw trochę

  4. 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:

Made with Slides.com