Brzina web lokacije i asinkroni Javascript

asinhroni

Iako puno radim na razvoju, ne svrstavam se u prave programere. 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čitati, kasnije se lako modificirati i dalje raditi.

Teško mjesto na kojem se stavljaju trgovci je da oboje imaju prednost vrlo brza web stranica i dalje uključuje integracije i društvene elemente koji mogu stvoriti ovisnost o brzini učitavanja vaše web stranice. Jedan od takvih primjera je društvene tipke. Na Martehu imamo društvene gumbe na svakoj pojedinoj stranici web stranice. Dakle ... ako se Facebook resursi 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 sinhrono učitavanje. Morate završiti s učitavanjem jednog elementa prije učitavate sljedeći element. Ako možete asinhrono učitavati stavke, možete učitavati stavke bez međusobne ovisnosti. Možete drastično poboljšati brzinu web lokacije dodavanjem elemenata asinhrono. Problem je što gotove skripte koje vam nude ove kompanije gotovo nikad nisu optimizirane za pokretanje asinkrono.
asinhroni

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 u potpunosti učitana. Nema zavisnosti! 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 (' skripta ') [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 koristeći ovu tehniku. Proces poboljšali smo brzinu sekundi na našoj web lokaciji - i ne guši se tokom utovara. Nismo pretvorili sve naše vanjske ovisnosti Asinkroni Javascriptali hoćemo.

Šta ti misliš?

Ova stranica koristi Akismet kako bi smanjila neželjenu poštu. Saznajte kako se podaci vašeg komentara obrađuju.