Sitesnelheid en asynchrone Javascript

asynchronous

Wylst ik in soad ûntwikkelje, klassifisearje ik mysels net as in echte ûntwikkelder. Ik kin dingen op in pagina programmearje en ferpleatse en it wurkje litte. In wiere ûntwikkelder begrypt hoe de koade te ûntwikkeljen, sadat dizze kin wurde skaleard, net in soad boarnen opnimme, fluch laden, letter maklik oanpast wurde en noch wurkje.

It drege plak wêryn marketeers wurde pleatst is om beide in heul rappe webside en noch yntegraasjes opnimme en sosjale eleminten dy't ôfhinklikens kinne oanmeitsje oer hoe fluch jo side sil laden. Ien sa'n foarbyld is sosjale knoppen, Op Martech hawwe wy sosjale knoppen op elke pagina op 'e side. Dat ... as Facebook-boarnen ien dei stadich laden, fertraget it ús side. Foegje dan Twitter, Pinterest, Buffer, ensfh. Ta, en de kâns fan jo side om rap te laden wurde werombrocht ta frijwol neat.

Dat is bekend as syngroane laden. Jo moatte ien elemint einigje foar jo lade it folgjende elemint. As jo ​​items asynchroon kinne laden, kinne jo items lade sûnder ôfhinklikens fan inoar. Jo kinne de snelheid fan jo side drastysk ferbetterje troch eleminten asynchroon te laden. It probleem is dat de out-of-the-box-skripts dy't dizze bedriuwen jo leverje, hast noait optimalisearre is om asynchroon te draaien.
asynchronous

Jo kinne sjen wat jo pagina-snelheid hat troch in test út te fieren op Pingdom:
pingdom pagina laden

Asynchrone Javascript kinne jo koade skriuwe dy't eleminten fertelt te laden efter de pagina is folslein laden. Gjin ôfhinklikens! Dat, jo side wurdt laden en as it ien kear is foltôge, begjint in skript dat de oare eleminten laden - yn dit gefal ús sosjale knoppen. As jo ​​in ûntwikkelder binne, kinne jo in geweldich artikel lêze, Lazy Asynchrone Javascript laden.

Hjir is in stik út hoe it goed te dwaan is fan Emil Stenström:

(funksje () {funksje async_load () {var s = document.createElement ('skript'); s.type = 'tekst / javascript'; s.async = wier; 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); oars window.addEventListener ('load', async_load, false);}) ();

It resultaat is as dizze yntegraasjes fan tredden del binne of stadich rinne, hat it nea ynfloed op jo ynhâld fan 'e kearnside. As jo ​​de boarne fan ús pagina besjogge, sille jo sjen dat ik alle ekstra sosjale skripts laden mei dizze technyk. It proses ferbettere de snelheidsekonden fan ús side - en smoart net by it laden. Wy hawwe net al ús eksterne ôfhinklikens konverteare nei Asynchrone Javascript, mar wy sille.

Wat tinksto?

Dizze side brûkt Akismet om spam te ferleegjen. Learje hoe't jo kommentaargegevens ferwurke wurde.