Föråldrad JavaScript

Silktide kontrollerar om sidan skickar med extra kod vars enda syfte är att stödja mycket gamla webbläsare. Moderna webbläsare behöver den inte, så för nästan alla besökare innebär den bara onödig nedladdnings- och bearbetningstid.

När förbereds för publicering lägger byggverktyg ofta till polyfills (ersättningar för funktioner som gamla webbläsare saknar) och transformationer (omskrivningar av modern syntax till äldre motsvarigheter). Om de konfigureras för webbläsare som i princip har försvunnit kan de lägga till betydande dödvikt vid varje sidinläsning.

Varför detta är viktigt

Den överväldigande majoriteten av besökarna använder webbläsare som uppdaterar sig själva och har inbyggt stöd för modern JavaScript. Kod för stöd av äldre webbläsare gör att alla dessa besökare betalar – i nedladdningstid, mobildata och bearbetningstid – för kompatibilitet med webbläsare som kanske inte står för någon av er faktiska trafik.

Kostnaden är lätt att missa eftersom inget ser fel ut: webbplatsen fungerar överallt. Den är helt enkelt långsammare än nödvändigt, på varje sida och för alla.

Så åtgärdar du problemet

Detta är en korrigering av byggkonfigurationen som dina utvecklare behöver göra:

Ställ in byggprocessens mål för webbläsarstöd efter de webbläsare som dina besökare faktiskt använder, i stället för ett föråldrat standardval som inte längre har hållits uppdaterat. De flesta byggverktyg läser detta från en deklaration av webbläsarstöd i projektet.
Ta bort generella polyfill-importer som hämtar stöd för allt, och låt byggprocessen bara inkludera det som dina målwebbläsare faktiskt behöver.
Om någon äldre webbläsare fortfarande måste stödjas, leverera två byggen – ett modernt för aktuella webbläsare och ett äldre endast för webbläsare som behöver det – i stället för att skicka det äldre bygget till alla.

Så testar Silktide detta

Läs in sidan i en riktig webbläsare med den enhetstyp, anslutningshastighet och testplats som har konfigurerats för dina hastighetstester.
Undersök den JavaScript som sidan laddar ned för att hitta kända polyfills och syntaxtransformationer som moderna webbläsare inte behöver.
Rapportera varje fil som innehåller föråldrad kod, tillsammans med den nedladdningsstorlek som skulle kunna sparas.
Bedöm sidan utifrån den totala bortkastade storleken: omkring 30 KB föråldrad kod ger ett lägre betyg, och 100 KB eller mer bedöms som dåligt.

Felsökning

Vi behöver fortfarande stödja gamla webbläsare

Ta reda på om dina besökare faktiskt använder dem – din Analytics kan visa det. Om vissa verkligen gör det kan mönstret module/nomodule användas för att bara leverera äldre kod till de webbläsare som behöver den, så att moderna webbläsare slipper kostnaden.

Den föråldrade koden finns i ett skript från en tredje part

Skript från andra leverantörer kan innehålla egen överflödig kod för äldre webbläsare, som du inte kan bygga om. Kontrollera om leverantören erbjuder ett modernt bygge och väg skriptets värde mot dess kostnad.