Forældet JavaScript

Silktide tjekker, om din side leverer ekstra kode, hvis eneste formål er at understøtte meget gamle browsere. Moderne browsere har ikke brug for den, så for næsten alle besøgende er den spildt download- og behandlingstid.

Når klargøres til udgivelse, tilføjer buildværktøjer ofte polyfills (erstatninger for funktioner, som gamle browsere mangler) og transformationer (omskrivninger af moderne syntaks til ældre ækvivalenter). Hvis de er konfigureret til browsere, der stort set er forsvundet, kan de tilføje betydelig overflødig vægt til hver sideindlæsning.

Hvorfor dette er vigtigt

Langt de fleste besøgende bruger browsere, der opdaterer sig selv og understøtter moderne JavaScript direkte. Ældre understøttelseskode betyder, at alle betaler – i downloadtid, mobildata og behandlingstid – for kompatibilitet med browsere, som muligvis ikke udgør nogen af din faktiske trafik.

Omkostningen er let at overse, fordi intet ser forkert ud: Webstedet fungerer overalt. Det er blot langsommere, end det behøver at være, på hver side, for alle.

Sådan løser du det

Dette er en rettelse i buildkonfigurationen for dine udviklere:

Indstil buildets mål for browserunderstøttelse til de browsere, dine besøgende faktisk bruger, i stedet for en ældre standardindstilling, der er blevet forældet. De fleste buildværktøjer læser dette fra en erklæring om browserunderstøttelse i projektet.
Fjern generelle polyfill-importer, der henter understøttelse til alt, og lad buildet kun inkludere det, dine mål faktisk har brug for.
Hvis en ældre browser stadig skal understøttes, skal du levere to builds – et moderne til aktuelle browsere og et ældre kun til de browsere, der har brug for det – i stedet for at sende det ældre build til alle.

Sådan tester Silktide dette

Indlæs siden i en rigtig browser ved hjælp af den enhedstype, forbindelseshastighed og testplacering, der er konfigureret til dine hastighedstests.
Undersøg det JavaScript, siden downloader, for kendte polyfills og syntakstransformationer, som moderne browsere ikke har brug for.
Rapportér hver fil, der indeholder ældre kode, sammen med den downloadstørrelse, der kan spares.
Vurder siden ud fra den samlede spildte størrelse: Omkring 30 KB ældre kode giver en lavere vurdering, og 100 KB eller mere vurderes som dårligt.

Fejlfinding

Vi skal stadig understøtte gamle browsere

Spørg, om dine besøgende faktisk bruger dem – din webanalyse vil fortælle dig det. Hvis nogle faktisk gør det, kan module/nomodule-mønsteret lade dig levere ældre kode kun til de browsere, der har brug for den, så moderne browsere ikke længere betaler prisen.

Den ældre kode er i et tredjepartsscript

Scripts fra andre udbydere kan indeholde deres egen ældre overflødige kode, som du ikke kan genopbygge. Tjek, om udbyderen tilbyder et moderne build, og afvej scriptets værdi mod dets omkostning.