Brzina učitavanja stranica: proces na nivou kompanije
Brzina vašeg veb sajta nekada je toliko važna, da je potrebno izvršiti i neophodne organizacione promene poslovanja kompanije, pokazuje primer švedske divizije TUI-ja
Google je pre dve godine na svom blogu predstavio primer turističkog operatera TUI u nordijskim državama koji je pokrenuo čitavu reviziju svoje unutrašnje organizacije i procesa kako bi prioritet dao, verovali ili ne, poboljšanju brzine svoje veb lokacije.
Sa sve većim brojem potrošača koji pristupaju putem mobilnih uređaja, kompanije su prepoznale važnost brzine veb lokacije, ali je postalo evidentno da će za ozbiljne rezultate biti potrebna strukturna podrška same organizacije.
Predstavnici kompanije su pre samog početka projekta „ubrzavanja“ bili svesni da digitalno poslovanje moraju da učine više okrenuto i prilagođeno potrošačima, ali kada su inženjeri počeli da pričaju o brzini veb stranica, menadžeri su shvatili da nema smisla unapređivati korisničko iskustvo, ukoliko ti je sajt – spor.
Iako se unapređenje brzine sajta odnosi na rad softverskih inženjera i programera, ukoliko proces kreće od samog početka, cela organizacija mora da bude uključena, sa dijalozima između menadžmenta, stejkholdera i developera i uključenje agilnih procesa.
TUI je priznao da su tri principa bila ključna kada se pokrenuo ovaj proces:
- podrška od strane menadžmenta, čak do izvršnog direktora
- izgradnja međufunkcionalnih timova, omogućavajući dijalog između predstavnika biznisa i developera
- usvajanje „testiraj-i-uči“ načina razmišljanja
Prodaja širom različitih digitalnih platformi traži od donosioca odluka da slušaju digitalne eksperte, bilo da je vezano sa ekspertizom inženjera u vezi razvoja koda ili preporuke dizajnera kada je u pitanju tim za izgradnju korisničkog iskustva. U slučaju TUI-a, rezultat deljenja znanja širom timova bio je pad bounce rate-a i vremena učitavanja, ali što je najvažnije, izgradnja poverenja.
Rezultati celokupnog projekta bili su sledeći:
- pad vremena učitavanja od 78%
- pad bounce rate-a 31%
- rast stope konverzije na mobilnim uređajima 11%
Kako je izvršena optimizacija u fazama
- Prvo smo operativno prešli sa http na https
- Zatim smo prešli sa http1.1 na http2
- Nakon ovoga, sa monolitne platforme prešli smo na CMS gde se podaci mogu snimati i API može da se koristi za generisanje statičnih HTML fajlova, što je omogućilo da developeri menjaju kod velikom brzinom
- Stara platforma bila je izgrađena na organizaciji timova van kompanije, od čak 14 scrum timova. Prelaskom na CMS, definisan je inhouse tim od šestoro developera, uz product owner-a. Tako je programerski tim dobio potpunu kontrolu nad kodom, i predlošci stranica su migrirani jedan po jedan
- Kod je prepisan u čistom JavaScript-u tako da je mogao da se izvršava pre učitavanja jQuery-a
- Novi, očišćen osnovni scss fajl je kreiran koji uključivao samo neophodan kod za komponente koje su korišćene. Ponovno pisanje JavaScript i css fajlova dovelo je do toga se stranice učitavaju dva puta brže nego do sada. Nakon ovih osnovnih stvari, započeta je optimizacija naprednijih delova
- Nova CMS platforma došla je sa odličnim API-jem za fotografije, tako da su urednici sadržaja mogli da postavljaju fotografije sa 100% kvaliteta u visokoj rezoluciji, dok su one bile potpuno responsive i prilagođavale se uređajima korisnika. Započeto je korišćenje webp formata fotografija i lazy load fotografija omogućen je svuda gde je to imalo smisla
- Najveće unapređenje koje je učinjeno je inline implementacija CSS-a za renderovanje above-the-fold sadržaja, dok je ostatak css-a učitan asinhrono. Velika većina css-a korišćena je uz pomoć bootstrap-a. Kako bi se početna stranica učitala najbrže moguće, css fajl je podeljen u nekoliko manjih
- Obrisan je celokupan jQuery kod
- Ubrzano je učitavanje fontova korišćenjem woff2 kompresije
Brzina učitavanja sajta, naročito posle uvođenja Core Web Vitals parametara od strane Google-a, postaje krucijalan parametar kada je u pitanju optimizacija sajta za pretraživače
Izvor: thinkwithgoogle.com