Saidi kiirus ja asünkroonne Javascript

asünkroonne

Ehkki ma tegelen palju arenguga, ei liigita ma ennast tõeliseks arendajaks. Ma saan lehel asju programmeerida ja teisaldada ning need toimima panna. Tõeline arendaja saab aru, kuidas koodi arendada, et seda saaks skaleerida, mitte palju ressursse kulutada, kiiresti laadida, hiljem hõlpsasti muuta ja see ikkagi töötab.

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, Buffer jms ja teie saidi võimalused kiireks laadimiseks vähenevad praktiliselt mitte millekski.

Seda tuntakse sünkroonse laadimisena. Ühe elemendi laadimine tuleb lõpule viia enne laadite järgmise elemendi. Kui saate elemente asünkroonselt laadida, saate üksusi laadida sõltumata üksteisest. Elementide asünkroonse laadimisega saate oma saidi kiirust oluliselt parandada. 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 tehnika abil 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.