Sivuston nopeus ja asynkroninen Javascript

asynkroninen

Vaikka kehitän paljon, en luokittele itseäni todelliseksi kehittäjäksi. Voin ohjelmoida ja siirtää tavaraa ympäri sivua ja saada sen toimimaan. Todellinen kehittäjä ymmärtää kuinka kehittää koodi siten, että se voidaan skaalata, ei vie paljon resursseja, latautuu nopeasti, muokattavissa helposti myöhemmin ja toimii edelleen.

Markkinoijien vaikea kohta on, että molemmilla on erittäin nopea verkkosivusto ja sisällyttää silti integraatioita ja sosiaalisia elementtejä, jotka voivat luoda riippuvuuden siitä, kuinka nopeasti sivustosi latautuu. Yksi tällainen esimerkki on sosiaaliset painikkeet. Martechilla meillä on sosiaaliset painikkeet jokaisella sivuston sivulla. Joten… jos Facebook-resurssit latautuvat hitaasti jonain päivänä, se hidastaa sivustoamme. Lisää sitten Twitter, Pinterest, puskuri jne., Ja sivustosi mahdollisuudet ladata nopeasti eivät ole käytännössä mitään.

Se tunnetaan synkronisena latauksena. Yksi elementti on ladattava loppuun ennen lataat seuraavan elementin. Jos pystyt lataamaan kohteita asynkronisesti, voit ladata kohteita ilman riippuvuutta toisistaan. Voit parantaa sivustosi nopeutta lataamalla elementtejä asynkronisesti. Ongelmana on, että näiden yritysten tarjoamia valmiita komentosarjoja ei ole koskaan optimoitu suorittamaan asynkronista.
asynkroninen

Voit tarkistaa, mikä vaikuttaa sivusi nopeuteen suorittamalla Pingdom-testin:
pingdom-sivun lataus

Asynkroninen Javascript voit kirjoittaa koodin, joka kehottaa elementtejä latautumaan jälkeen sivu on ladattu kokonaan. Ei riippuvuuksia! Joten sivusi latautuu ja kun se on valmis, käynnistetään komentosarja, joka lataa muut elementit - tässä tapauksessa sosiaaliset painikkeemme. Jos olet kehittäjä, voit lukea suuren artikkelin, Laiska ladataan asynkronista Javascriptiä.

Tässä on katkelma siitä, miten se tehdään oikein, Emil Stenströmiltä:

(function () {function 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 ('ladata', asynk_lataus, väärä);}) ();

Lopputulos on, että jos nämä kolmansien osapuolten integraatiot ovat hitaita tai hitaita, se ei koskaan vaikuta ydinsivusi sisältöön. Jos tarkastelet sivumme lähdettä, huomaat, että lataan kaikki muut sosiaaliset komentosarjat tätä tekniikkaa hyödyntäen. Prosessi paransi sivustomme nopeussekuntia - eikä tukehdu lastattaessa. Emme ole muuttaneet kaikkia ulkoisia riippuvuuksiamme Asynkroninen Javascript, mutta tulemme.

Mitä mieltä olet?

Tämä sivusto käyttää Akismetiä roskapostin vähentämiseksi. Lue, miten kommenttitietosi käsitellään.