Eldre JavaScript

Silktide kontrollerer om siden din leverer ekstra kode som bare har som formål å støtte svært gamle nettlesere. Moderne nettlesere trenger den ikke, så for nesten alle besøkende er den bortkastet nedlastings- og behandlingstid.

Når klargjøres for publisering, legger byggeverktøy ofte til polyfills (erstatninger for funksjoner gamle nettlesere mangler) og transformasjoner (omskrivinger av moderne syntaks til eldre tilsvarende syntaks). Når de er konfigurert for nettlesere som i praksis har forsvunnet, kan de legge betydelig unødvendig innhold til hver sidelasting.

Hvorfor dette er viktig

Det overveldende flertallet av besøkende bruker nettlesere som oppdaterer seg selv og har innebygd støtte for moderne JavaScript. Kode for støtte til eldre nettlesere gjør at alle må betale – i nedlastingstid, mobildata og behandlingstid – for kompatibilitet med nettlesere som kanskje ikke står for noe av den faktiske trafikken din.

Kostnaden er lett å overse fordi ingenting ser galt ut: nettstedet fungerer overalt. Det er bare tregere enn nødvendig, på hver side og for alle.

Slik løser du det

Dette er en endring i byggekonfigurasjonen som utviklerne dine må gjøre:

Angi målene for nettleserstøtte i bygget til nettleserne de besøkende faktisk bruker, i stedet for en eldre standard som ikke lenger er oppdatert. De fleste byggeverktøy henter dette fra en erklæring om nettleserstøtte i prosjektet.
Fjern generelle polyfill-importer som henter inn støtte for alt, og la bygget bare inkludere det målene dine faktisk trenger.
Hvis enkelte eldre nettlesere fortsatt må støttes, leverer du to bygg – ett moderne for oppdaterte nettlesere og ett eldre bare for nettlesere som trenger det – i stedet for å sende det eldre bygget til alle.

Slik tester Silktide dette

Last inn siden i en ekte nettleser, med enhetstype, tilkoblingshastighet og teststedet som er konfigurert for hastighetstestene dine.
Undersøk JavaScript-koden siden laster ned, for å finne kjente polyfills og syntaks-transformasjoner som moderne nettlesere ikke trenger.
Rapporter hver fil som inneholder eldre kode, med nedlastingsstørrelsen som kan spares.
Gi siden en vurdering basert på den totale bortkastede størrelsen: rundt 30 KB med eldre kode gir lavere vurdering, og 100 KB eller mer vurderes som dårlig.

Feilsøking

Vi må fortsatt støtte gamle nettlesere

Finn ut om de besøkende faktisk bruker dem – Analytics kan fortelle deg det. Hvis noen faktisk gjør det, lar modul/nomodule-mønsteret deg bare levere eldre kode til nettleserne som trenger den, slik at moderne nettlesere slipper kostnaden.

Den eldre koden ligger i et tredjepartsskript

Skript fra andre leverandører kan inneholde egen overflødig kode for eldre nettlesere, som du ikke kan bygge på nytt. Sjekk om leverandøren tilbyr et moderne bygg, og vurder verdien av skriptet opp mot kostnaden.