Kraj mučenju sa sporim učitavanjem: Chrome 144 donosi funkciju koju smo čekali deceniju

Godinama su web developeri bili primorani na kompromis „sve ili ništa“ kada je u pitanju testiranje performansi. Ako ste želeli da vidite kako se vaša aplikacija ponaša kada jedan eksterni API kasni, morali ste da usporite čitavu stranicu. Sa dolaskom verzije 144, Google Chrome konačno rešava ovaj problem uvođenjem individualnog usporavanja zahteva (Request Throttling).

Ova funkcionalnost omogućava hirurški precizno debagovanje: usporite samo jedan kritični resurs, dok ostatak sajta nastavlja da radi punom brzinom.

Zašto je globalno usporavanje bilo prepreka?

Do sada su Chrome DevTools nudili samo globalno usporavanje mrežnog saobraćaja (npr. Slow 3G profil). Iako korisno za simulaciju loše konekcije, ovo je stvaralo „šum“ u podacima. Na primer:

• Iskrivljeni Core Web Vitals: Teško je izolovati da li loš Largest Contentful Paint (LCP) uzrokuje spora slika sa CDN-a ili spora obrada JavaScripta, jer su oba bila veštački usporena.

• Gubitak vremena: Programeri su gubili sate čekajući da se učitaju svi pomoćni resursi (fontovi, CSS, analitika) na sporoj vezi, samo da bi testirali jedan asinhroni poziv.

Novi komandni centar: Request Conditions Drawer

Ključna novina je Request conditions panel (fioka), koji menja stari „Network request blocking“ panel. On sada objedinjuje blokiranje i selektivno usporavanje na jednom mestu.

Glavne mogućnosti:

1. Fleksibilni šabloni (Wildcards): Koristeći simbol zvezdice (*), možete usporiti čitave domene ili grupe dinamičkih resursa (npr. *://api.partner.com/*).

2. Prioritizacija pravila: Ako se na jedan zahtev odnosi više pravila, pomoću strelica možete odrediti koje pravilo ima prednost (ona na vrhu liste se primenjuju prva).

3. Brza kontrola: Jednim klikom na checkbox „Enable blocking and throttling“ možete privremeno deaktivirati sva pravila bez njihovog brisanja.

Kako koristiti individualno usporavanje (Korak po korak)

Aktivacija ove funkcije je intuitivna i integrisana direktno u mrežni pregled:

1. Otvorite DevTools (F12 ili desni klik > Inspect).

2. Idite na karticu Network i učitajte stranicu.

3. Pronađite zahtev koji želite da testirate, kliknite desnim tasterom miša na njega.

4. Odaberite Throttle request (možete birati konkretan URL ili ceo domen).

5. Automatski će se otvoriti Request conditions panel gde birate profil (npr. Fast 3G, Slow 3G ili vaš prilagođeni profil).

6. Osvežite stranicu da bi promene stupile na snagu.

Važna napomena: Pravila ostaju sačuvana i nakon zatvaranja browsera, ali su aktivna samo dok su DevTools otvoreni. Čim zatvorite alatke za programere, throttling se isključuje kako ne bi uticao na vaše normalno surfovanje.

Vizuelni indikatori: Kako prepoznati usporene zahteve?

Da biste izbegli zabunu oko toga zašto je nešto sporo, Chrome koristi jasnu signalizaciju u Network panelu:

• Žuta/Zlatna boja: Usporeni zahtevi su označeni ovom bojom uz ikonicu sata.

• Tooltip: Prelaskom miša preko ikonice sata videćete tačne mrežne uslove koji se primenjuju.

• Crvena boja: Blokirani zahtevi nose oznaku (blocked:devtools).

DevTools vs. Realni uslovi: Šta treba znati?

Chrome koristi pristup na nivou aplikacije, što znači da se kašnjenje (latencija) dodaje nakon što je odgovor servera primljen. Ovo se razlikuje od realnih uslova gde kašnjenje postoji već kod DNS rezolucije ili SSL rukovanja.

Vrednosti u DevTools-u su namerno više kako bi se matematički kompenzovali faktori koje browser ne može direktno da simulira u ovom modu.

Praktični scenariji primene

• Testiranje „Loading“ stanja: Usporite samo API za plaćanje da vidite da li se vrti pravilan spinner ili aplikacija „puca“.

• LCP Optimizacija: Usporite samo glavnu (hero) sliku da biste izmerili koliko ona zaista doprinosi lošem rezultatu performansi.

• Stress-test trećih strana: Vidite kako sajt funkcioniše kada vaš provajder analitike ili čet-bot postane ekstremno spor.

Često postavljana pitanja (FAQ)

Od koje verzije je ovo dostupno?

Od Chrome verzije 144, koja je zvanično puštena u februaru 2026. godine.

Mogu li otvoriti panel bez desnog klika?

Da. Koristite prečicu Ctrl+Shift+P (Windows) ili Cmd+Shift+P (Mac), kucajte „Request conditions“ i odaberite Show Request conditions.

Kako utiče na Lighthouse testove?

U naprednim podešavanjima Lighthouse-a sada možete izabrati „DevTools throttling“ umesto simuliranog, što pruža preciznije rezultate jer se resursi zaista učitavaju sporije tokom testa.

Da bismo postavili prilagođene profile (Custom Profiles) koji simuliraju specifične uslove vaših API endpoit-a (npr. spori serveri u određenim regionima ili preopterećeni mikroservisi), prati ove korake:

1. Kako napraviti Custom Throttling Profile

Umesto standardnih Fast 3G ili Slow 3G, možeš definisati profile sa tačnim parametrima:

1. U DevTools-u klikni na ikonicu zupčanika (Settings) u gornjem desnom uglu.

2. Sa leve strane izaberi Throttling.

3. Klikni na dugme Add custom profile….

4. Popuni sledeća polja (predlažem ove vrednosti za realistično testiranje API-ja):

2. Primena na konkretne API rute

Sada kada imaš profil, primeni ga hirurški u novom Request conditions panelu:

• Za specifičnu verziju API-ja:

  U polje URL pattern upiši *://api.tvojsajt.com/v2/* kako bi usporio samo novu verziju servisa, dok /v1/ ostaje brz.

• Za testiranje eksternih servisa (npr. Stripe ili Firebase):

  Upiši *://api.stripe.com/* da vidiš kako tvoja aplikacija reaguje ako procesor plaćanja kasni 5 sekundi.

3. Savet za debagovanje: Uporedi „Waterfall“

Kada aktiviraš profil, obrati pažnju na Network Waterfall dijagram:

• Videćeš dugačku žutu traku koja predstavlja veštačko kašnjenje.

• Uporedi to sa vremenom koje je potrebno za Initial Connection i SSL. Ako je žuta traka dominantna, tvoj profil radi posao!

Foto: Chrome 144

Autor: Portal ObjektivNI.rs