Content MarketingSökmarknadsföringSociala medier & Influencer Marketing

Webbplatshastighet och asynkron JavaScript

Medan jag utvecklar mycket klassificerar jag mig inte som en riktig utvecklare. Jag kan programmera och flytta saker på en sida och få det att fungera. En riktig utvecklare förstår hur man utvecklar koden så att den kan skalas, inte tar upp mycket resurser, laddas snabbt, lätt kan ändras senare och fortfarande fungerar.

Den svåra plats som marknadsförare sätts in är att båda har en mycket snabb webbplats och integrera fortfarande integrationer och sociala element som kan skapa beroenden för hur snabbt din webbplats laddas. Ett sådant exempel är sociala knappar. På Martech har vi sociala knappar på varje sida på webbplatsen. Så ... om Facebook-resurser laddas långsamt en dag saktar det ner vår webbplats. Lägg sedan till Twitter, Pinterest, Buffer, etc. till det och din webbplats chanser att ladda snabbt reduceras till praktiskt taget ingenting.

Det kallas synkron laddning. Du måste slutföra laddningen av ett element innan du laddar nästa element. Om du kan ladda objekt asynkront kan du ladda objekt utan beroende av varandra. Du kan drastiskt förbättra webbplatsens hastighet genom att ladda element asynkront. Problemet är att de out-of-the-box-skript som dessa företag ger dig nästan aldrig är optimerade för att köra asynkrona.
asynkron

Du kan se vad som påverkar din sidhastighet genom att köra ett test på Pingdom:
pingdom-sidbelastning

Asynkron JavaScript låter dig skriva kod som berättar att element ska laddas efter sidan är helt laddad. Inga beroenden! Så, din sida laddas och när den är klar startar ett skript som laddar de andra elementen - i det här fallet våra sociala knappar. Om du är utvecklare kan du läsa en bra artikel, Lata laddar asynkron JavaScript.

Här är ett utdrag av hur du gör det ordentligt från Emil Stenström:

(funktion () {funktion async_load () {var s = document.createElement ('script'); s.type = 'text / javascript'; s.async = true; s.src = 'http://buttondomain.com /script.js '; var x = document.getElementsByTagName (' script ') [0]; x.parentNode.insertBefore (s, x);} if (window.attachEvent) window.attachEvent (' onload ', async_load); else window.addEventListener ('load', async_load, false);}) ();

Resultatet är att om dessa tredjepartsintegrationer går ner eller går långsamt, påverkar det aldrig ditt kärninnehåll från att visas. Om du visar källan till vår sida ser du att jag laddar alla ytterligare sociala skript som använder denna teknik. Processen förbättrade vår webbplats hastighet sekunder - och kvävs inte under lastningen. Vi har inte konverterat alla våra externa beroenden till Asynkron JavaScript, men vi kommer.

Douglas Karr

Douglas Karr är CMO för Öppna INSIGHTS och grundaren av Martech Zone. Douglas har hjälpt dussintals framgångsrika MarTech-startups, har hjälpt till med due diligence på över $5 miljarder i Martech-förvärv och investeringar, och fortsätter att hjälpa företag att implementera och automatisera sina försäljnings- och marknadsföringsstrategier. Douglas är en internationellt erkänd digital transformations- och MarTech-expert och talare. Douglas är också en publicerad författare till en Dummies guide och en bok om företagsledarskap.
Tillbaka till toppen knappen
Stänga

Adblock upptäckt

Martech Zone kan ge dig detta innehåll utan kostnad eftersom vi tjänar pengar på vår webbplats genom annonsintäkter, affiliate-länkar och sponsring. Vi skulle uppskatta om du tar bort din annonsblockerare när du tittar på vår webbplats.