Skip to main content

JavaScript

TL;DR

JavaScript är ett populärt programmeringsspråk somfrämst används för att infoga dynamiska element på en webbplats.

Vad är JavaScript?

JavaScript är ett programmeringsspråk som främst används för att infoga dynamiska element på webbsidor. Exempel på dynamiska element är automatiseringar, animationer, interaktiva element, trafikräknare, etc.Utan JavaScript skulle webbplatser vara statiska och endast förlita sig på HTMLoch CSS. JavaScript är vanligtvis inbäddat i HTML-koden på en webbsida eller så kan det fungera i en separat fil som är länkad i <head>-delen av HTML:

  • Exempel på länkat Javascript: <script src=" /js/assets/example.js" type="text/javascript"></script>

  • Exempel på inbäddat (inline) Javascript( det här exemplet är skriptet Visitor Analytics använder för att kunna spåra webbplatsstatistik): <script>(function(v,i,s,a){if(!v._visaSettings){ v._visaSettings={};}v._visaSettings["326865a9-6d58-11e8-834c-0242ac120005"]={v:"0.3",s:"326865a9-6d58-11e8-8434c-2025c1:0224c-02024c-020005" "};_v=i.getElementsByTagName("head")[0];_a=_v;_i=i.createElement("script");_s=_i;_s.defer="defer";_s.src=s+ a+v._visaSettings["326865a9-6d58-11e8-834c-0242ac120005"].v;_a.appendChild(_s);})(fönster,dokument,"//app-worker.visitor-analytics.io/main" ,".js?s=326865a9-6d58-11e8-834c-0242ac120005&v=")</script>

Varför blir jag ombedd att lägga till JavaScript-kod på min webbplats?

Många gånger, om du använder ett verktyg för att förbättra din webbplats, kommer det att be dig att kopiera och klistra in ett JS <script> i din instrumentpanel, så att det visas i <head> i HTML-koden. Om du litar på leverantören av verktyget bör detta inte vara ett problem. Detta är något som den angivna tjänsten behöver för att kunna lägga till en viss funktionalitet på din webbplats. Om du använder en webbbyggnadsplattform, som Wix eller Wordpress eller andra, och installerar ett tillägg eller ett plugin, kommer det ofta automatiskt att lägga till det JavaScript som behövs på din webbplats. I vissa fall kan du fortfarande behöva kopiera och klistra in en kod manuellt i rubriken.

JavaScript-problem och lösningar

Om du installerar för många plugins/tillägg på en webbplats kan de infoga en hel del JavaScript-koder i rubriken. Det finns exempel där en webbsida refererar till mer än 60-70 externa JavaScript-filer i avsnittet <head>. Innan du laddar något innehåll kommer webbläsaren att försöka ladda ner alla dessa resurser, vilket saktar ner sidans laddningstid avsevärt. Det finns flera lösningar för detta, en av dem beskrivs i den dynamiska renderingsordlistan.