Profilozom a React vagy Next.js alkalmazásodat, és felgyorsítom, számokkal alátámasztva

Rendelje meg ezt, ha úgy gondolja, hogy a lassú oldalak feliratkozásokat vagy keresési forgalmat rontanak, és meg akarja tartani a meglévő alkalmazását. A React és a Next.js már tartalmazza a gyors alkalmazáshoz szükséges legtöbb dolgot, így a nyereség ezen eszközök jó használatából származik, nem pedig a technológiai stack váltásából.

Számokat kap, nem jelzőket: LCP, CLS, INP és csomagméret útvonalanként, mérve előtte és utána ugyanazon a korlátozott kapcsolaton, egy táblázatban.

A Starter egy oldal auditja: a futtatások, a megtérülés szerint rangsorolt megállapítások, kódváltoztatás nélkül. A Standard ebből az auditból indul ki, és a fennmaradó időt a számokat mozgató javításokra fordítja. Az Advanced akár 5 útvonalat is lefed, finomhangolja a renderelést és a gyorsítótárazást, és csomagköltségvetést hagy a CI-ben, hogy a következő kiadás ne tudja csendben visszavonni a munkát.

A munka az Ön repository-jának egy ágán történik, commitról commitra, mindegyik a saját indokával. Semmit sem telepítek, hacsak nem kéri.

Nincsenek hívások. Minden írásban történik, beleértve azokat a méréseket is, amelyek nem értenek egyet velem.

A projekt befejezésének lépései
1. Mérje meg, mit kapnak valójában a felhasználók – Lighthouse az élő oldalakon és egy React profilozó munkamenet a lassú oldalakon, korlátozott kapcsolaton. LCP, CLS, INP és csomagméret útvonalanként, leírva, mielőtt bármihez hozzányúlnánk.
2. Keresse meg, mi kerül a legtöbbe – A csomag és a hálózati vízesés: mi az, ami eljut, de senki sem használja, mi blokkolja az első festést, mely komponensek renderelődnek újra és miért. Minden megállapítás becsült megtakarítást tartalmaz milliszekundumban vagy kilobájtban.
3. Javítsa ki, a legnagyobb nyereséggel kezdve – Kód felosztás, kép- és betűtípus-kezelés, renderelés-blokkoló munka, memoizálás, ahol a profilozó kéri, adatlekérés áthelyezése a kritikus útvonalról. Egy commit változásonként, mindegyik a saját indokával.
4. Mérje meg újra, egymás mellett – Ugyanazok a futtatások a megváltozott builden: előtte és utána egy táblázatban, útvonalanként és metrikánként. Ha egy változás rontott valamit, a táblázat jelzi, és a változás visszavonásra kerül.
5. Átadás a repository-ban – Egy ág vagy patch a repository-ban, a jelentés, és egy őszinte lista arról, amit nem tettem meg, és mennyit érne. A telepítés az Ön kezében marad.