Našumo optimizavimas dideliu mastu

Iššūkis

Globalaus prekės ženklo klientai atėjo su produkcinėmis platformomis, kurios atrodė nublizgintos, bet krovėsi lėtai — sunkūs bundle, neoptimizuoti paveikslėliai ir grandininės tinklo užklausos, stumiančios LCP virš 4 sekundžių ir kenkiančios konversijai.

Sprendimas

• Pirmiausia profiliavau LCP ir tinklo užklausas — matavimas prieš optimizavimą, kad kiekvienas pakeitimas taikytųsi į realią kliūtį.
• Skaidžiau kodą ir taikiau lazy-loading, optimizavau ir tinkamai dydžiavau paveikslėlius bei mažinau API duomenis.
• Pridėjau išmanią talpyklą ir CDN pristatymą bei apgalvotas krovimo ir klaidų būsenas.
• Pavertau procesą pakartojamu žaidimų planu, taikomu keliose klientų platformose.

Rezultatas

• LCP sumažintas nuo 4,2s iki 1,8s (-57%).
• Bundle dydis sumažintas ~35%.
• Ta pati disciplina dabar taikoma viskam, ką pristatau — našumo biudžetai nuo pirmos dienos, ne kaip gelbėjimas.

Technologijos