Brzina web mjesta i asinkroni Javascript

asinkroni

Iako puno radim na razvoju, ne klasificiram se kao istinski programer. Mogu programirati i premještati stvari po stranici i učiniti da to funkcionira. Pravi programer razumije kako razviti kôd tako da se može skalirati, ne zauzimati puno resursa, brzo učitavati, kasnije se lako mijenjati i dalje raditi.

Teško mjesto na koje se stavljaju trgovci jest da oboje imaju vrlo brzo web mjesto i dalje uključuje integracije i društvene elemente koji mogu stvoriti ovisnost o brzini učitavanja web mjesta. Jedan od takvih primjera je socijalni gumbi. Na Martehu imamo gumbe za društvene mreže na svakoj pojedinoj stranici web stranice. Dakle ... ako se resursi Facebooka jednog dana učitavaju sporo, to usporava našu web stranicu. Zatim dodajte Twitter, Pinterest, Buffer itd., A šanse za brzo učitavanje vaše web stranice smanjuju se na gotovo ništa.

To je poznato kao sinkrono učitavanje. Morate završiti s učitavanjem jednog elementa prije učitavate sljedeći element. Ako stavke možete učitati asinkrono, stavke možete učitati bez međusobne ovisnosti. Možete drastično poboljšati brzinu svoje web stranice asinhronim učitavanjem elemenata. Problem je u tome što gotove skripte koje vam nude ove tvrtke gotovo nikad nisu optimizirane za pokretanje asinkrono.
asinkroni

Pokretanjem testa na Pingdomu možete vidjeti što utječe na brzinu vaše stranice:
učitavanje stranice pingdom

Asinkroni Javascript omogućuje vam pisanje koda koji govori elementima da se učitaju nakon stranica je potpuno učitana. Nema ovisnosti! Dakle, vaša se stranica učitava i nakon što završi, pokreće se skripta koja učitava ostale elemente - u ovom slučaju naše društvene tipke. Ako ste programer, možete pročitati sjajan članak, Lijeno učitavanje asinkronog Javascripta.

Evo isječka kako to pravilno učiniti od Emila Stenströma:

(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 ('load', async_load, false);}) ();

Rezultat je ako ove integracije trećih strana ne rade ili rade sporo, to nikada neće utjecati na pojavljivanje sadržaja vaše osnovne stranice. Ako pogledate izvor naše stranice, vidjet ćete da učitavam sve dodatne društvene skripte pomoću ove tehnike. Postupak poboljšao sekunde brzine naše web stranice - i ne guši se tijekom utovara. Nismo pretvorili sve svoje vanjske ovisnosti u Asinkroni Javascript, ali hoćemo.

Što vi mislite?

Ova web stranica koristi Akismet za smanjenje neželjene pošte. Saznajte kako se podaci vašeg komentara obrađuju.