Saidi kiirus ja asünkroonne Javascript

asünkroonne

Ehkki ma tegelen palju arenguga, ei liigita ma ennast tõeliseks arendajaks. Ma saan programmeerida ja lehel asju liigutada ning selle toimima panna. Tõeline arendaja mõistab koodi väljatöötamist nii, et seda saaks skaleerida, mitte palju ressursse võtta, kiiresti laadida, hiljem hõlpsasti muuta ja see endiselt töötada.

Karm koht, kuhu turundajad pannakse, on see, et mõlemal on väga kiire veebisait ning ikkagi integreerida integreerimisi ja sotsiaalseid elemente, mis võivad tekitada sõltuvust teie saidi laadimise kiirusest. Üks selline näide on sotsiaalsed nupud. Martechis on meil saidi igal lehel sotsiaalnupud. Nii et ... kui Facebooki ressursside laadimine toimub ühel päeval aeglaselt, aeglustab see meie saiti. Seejärel lisage sellele Twitter, Pinterest, Puhver jne. Ja teie saidi võimalused kiireks laadimiseks vähenevad praktiliselt mitte millekski.

Seda nimetatakse sünkroonseks laadimiseks. Ühe elemendi laadimine tuleb lõpule viia enne laadite järgmise elemendi. Kui saate elemente asünkroonselt laadida, saate üksusi laadida üksteisest sõltumata. Saate oma saidi kiirust oluliselt parandada, laadides elemente asünkroonselt. Probleem on selles, et nende ettevõtete pakutavad paketivälised skriptid pole peaaegu kunagi optimeeritud asünkroonse käitamise jaoks.
asünkroonne

Pingdomiga testi abil saate vaadata, mis mõjutab teie lehekiirust.
pingdomi lehe laadimine

Asünkroonne Javascript võimaldab kirjutada koodi, mis käsib elementidel laadida pärast leht on täielikult laaditud. Pole sõltuvusi! Niisiis, teie leht laaditakse ja kui see on valmis, käivitatakse skript, mis laadib teised elemendid - antud juhul meie suhtlusnupud. Kui olete arendaja, saate lugeda suurepärast artiklit, Laisk Asünkroonse Javascripti laadimine.

Siin on Emil Stenströmi väljavõte selle kohta, kuidas seda õigesti teha:

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

Tulemuseks on see, et kui need kolmanda osapoole integreerimised on maas või töötavad aeglaselt, ei mõjuta see kunagi teie põhilehe sisu ilmumist. Kui vaatate meie lehe allikat, näete, et laadin selle tehnikaga kõiki täiendavaid sotsiaalseid skripte. Protsess parandas meie saidi kiiruse sekundeid - ja ei lämbu laadimise ajal. Me pole kõiki oma väliseid sõltuvusi ümber kujundanud Asünkroonne Javascript, aga me saame.

Mis sa arvad?

Sellel saidil kasutatakse rämpsposti vähendamiseks Akismetit. Vaadake, kuidas teie andmeid töödeldakse.