Kako Baseline pomaže u smanjenju isporučenog JavaScripta

Jad Joubran je uzeo tipičnu datoteku package.json i prošao kroz nju uz provjeru Baseline stanja. Ishod je između 60 i 90 kilobajta nakon sažimanja, koliko iz prosječne aplikacije srednje veličine može izaći bez gubitka funkcionalnosti.

Višejezičnost, najlakših četrnaest kilobajta

U ovoj skupini je dobitak najveći, a rizik najmanji, jer je gotovo sve već široko dostupno.

• timeago.js, jedan kilobajt, zamjenjuje Intl.RelativeTimeFormat.
• pluralize, 2,3 kilobajta, zamjenjuje Intl.PluralRules.
• numeral, 3,9 kilobajta, zamjenjuje Intl.NumberFormat.
• humanize-duration, 6,6 kilobajta, zamjenjuje Intl.DurationFormat, koji je tek novo dostupan, a ne i široko.
• Pomoćne funkcije za nabrajanje zamjenjuje Intl.ListFormat.

Klijenti za HTTP, sedamnaest kilobajta

Biblioteka axios izlazi, a ulaze ugrađeni fetch i AbortController, oba široko dostupna.

Treba računati na razlike: fetch sam po sebi ne odbacuje HTTP greške, nema presretače, ponovne pokušaje ni prikaz napretka pri otpremanju. Kada je nešto od toga potrebno, ostaje pisanje tankog omotača, što je i dalje mnogo manje posla od cijele biblioteke.

Elementi interfejsa, dvadeset četiri kilobajta

Ova skupina je najzahvalnija, jer element dialog i Popover API zajedno uklanjaju tri do četiri paketa odjednom.

• Biblioteke za modalne prozore zamjenjuje element dialog.
• tippy.js, četrnaest kilobajta, zamjenjuje Popover API uz CSS sidrenje.
• focus-trap, 6,6 kilobajta, nije potreban jer je zadržavanje fokusa ugrađeno u dialog.
• body-scroll-lock, 1,3 kilobajta, zamjenjuje jedno CSS pravilo koje sakriva prekoračenje dok je modal otvoren.

Lodash, osam kilobajta i više

• lodash.clonedeep zamjenjuje structuredClone.
• lodash.groupby zamjenjuje Object.groupBy.
• Operacije nad skupovima zamjenjuju ugrađene metode poput union i intersection.

Kada ne treba izbaciti: slučaj Temporal

Temporal je dostigao završni stepen i dio je standarda ES2026, pa je iskušenje da se odmah pređe. Njegova dopunska implementacija ipak teži 44 kilobajta nakon sažimanja, dakle više od biblioteka koje bi zamijenila. Do stabilne podrške u Safariju i ulaska u Baseline vrijedi sačekati. Riječ je o korisnom podsjetniku da standardizovano i spremno za produkciju nisu isto.

Tri pitanja prije brisanja

• Da li je zamjena bezbjedna po Baselineu za stvarne posjetioce iz analitike, a ne uopšteno?
• Šta zamjena stvarno košta, računajući dopunske implementacije, provjere podrške i vrijeme za testiranje?
• Da li ugrađena mogućnost pokriva stvarni slučaj upotrebe ili samo onaj iz primjera u dokumentaciji?

Alati za provjeru

• npm ls --omit=dev --depth=0 daje spisak produkcijskih zavisnosti.
• Bundlephobia pokazuje veličinu pojedinačnog paketa.
• source-map-explorer ili vite-bundle-visualizer pokazuju stvarni udio u isporučenom paketu.
• webstatus.dev i MDN služe za provjeru stanja po Baselineu.
• Paket web-features omogućava programsku provjeru, korisnu u neprekidnoj integraciji.