Cadrul JavaScript care pune paginile web pe o dietă prin cablu

Svelte, creat de un editor grafic pentru The New York Times, a atras un număr de următori printre programatorii care doresc ca paginile lor să se încarce mai repede.

Site-urile web sunt prea al naibii de mari.

javascript

Media paginii web este de aproximativ 2 megaocteți, conform HTTP Archive, un site care urmărește performanțele site-urilor web și tehnologiile pe care le utilizează. Sigur, puteți descărca 2 megaocteți în mai puțin de o secundă pe o conexiune mobilă bună 4G. Însă paginile web de astăzi sunt problematice pentru persoanele cu conexiuni lente sau cu limite mici de lățime de bandă. Nu cu mult timp în urmă, un joc complex sau un program software se potrivesc pe o dischetă de 1,4 megabyte.

Există multe motive pentru care webul de astăzi este atât de umflat, inclusiv reclame și scripturi de urmărire care împart atâtea pagini. Un alt motiv este că site-urile web fac mult mai mult decât să afișeze text și imagini. Multe site-uri arată acum și se simt ca aplicații desktop complete.

Pentru a construi aceste site-uri interactive, mulți dezvoltatori web apelează la pachete open source care gestionează sarcini comune. Aceste instrumente eliberează programatorii de o mulțime de muncă gruntă, dar pot adăuga greutate unui proiect. Biblioteca populară Facebook React sursă deschisă pentru construirea de interfețe cu utilizatorul, de exemplu, cântărește 100 de kiloocteți. Aruncați alte instrumente și grafică și, în curând, vorbiți de mulți megabyți.

Noul cadru JavaScript Svelte, creat de jurnalistul vizual și dezvoltator de software Rich Harris, își propune să faciliteze scrierea de site-uri web și aplicații interactive mai mici și mai rapide. Dezvoltatorul web Shawn Wang spune că a redus dimensiunea site-ului său personal de la 187 kilobyte la 9 kilobyte trecând de la React la Svelte.

„A fost un moment mare„ wow ”, spune Wang. "Nici măcar nu încercam să optimizez dimensiunea și a scăzut."

Harris, editor grafic pentru The New York Times, a creat și a lansat prima versiune a Svelte în 2016 în timp ce lucra pentru The Guardian. Multe dintre proiectele sale implicau grafică interactivă și animații, dar se temea că grafica ar putea dura prea mult timp pentru a fi încărcată sau ar putea mesteca limitele de date ale utilizatorilor.

Cadrele adaugă greutate site-urilor web, deoarece servesc în mod tradițional ca strat intermediar între codul unei aplicații și browserul utilizatorului. Asta înseamnă că dezvoltatorii trebuie să grupeze întregul cadru, în plus față de propriul cod, cu o aplicație, chiar dacă nu utilizează toate caracteristicile cadrului. Wang compară acest lucru cu o navă rachetă care are nevoie de rezervoare masive de combustibil pentru a se lansa în spațiu.