Gunearen abiadura eta Javascript asinkronoa

asinkronoak

Garapen handia egiten dudan bitartean, ez dut neure burua egiazko garatzaile gisa sailkatzen. Gai naiz orrialde bateko gauzak programatu eta mugitzeko eta funtzionatzeko. Benetako garatzaile batek ulertzen du kodea nola garatu, eskalatu ahal izateko, baliabide asko ez hartzeko, azkar kargatzeko, geroago erraz aldatzeko eta oraindik funtzionatzeko.

Merkaturatzaileek jartzen duten leku gogorra biek dute oso webgune azkarra eta, hala ere, zure webguneak azkar kargatuko duenaren araberako mendekotasunak sor ditzaketen integrazioak eta elementu sozialak sartzen dituzte. Adibide horietako bat da botoi sozialak. Martech-en, sareko botoiak ditugu orriko orrialde guztietan. Beraz, Facebookeko baliabideak egunen batean kargatzen badira, gure webgunea motelduko da. Ondoren, gehitu Twitter, Pinterest, Buffer eta abar horri eta zure webguneak azkar kargatzeko aukerak ia ezerezera murrizten dira.

Karga sinkronikoa izenarekin ezagutzen da. Elementu bat kargatzen amaitu behar duzu aurretik hurrengo elementua kargatuko duzu. Elementuak modu asinkronoan kargatzeko gai bazara, elementuak bata bestearen mendekotasunik gabe karga ditzakezu. Zure webgunearen abiadura zeharo hobetu dezakezu elementuak modu asinkronoan kargatuz. Arazoa da konpainia hauek eskaintzen dizkizuten script-etik atera ezin dituztela ia inoiz optimizatuta asinkronoak izan daitezen.
asinkronoak

Zure orrialdearen abiaduran zer eragin duen ikus dezakezu Pingdom-en proba bat eginez:
pingdom orrialdearen karga

Javascript asinkronoa elementuak kargatzeko esaten duen kodea idazteko aukera ematen du ondoren orria guztiz kargatuta dago. Mendekotasunik ez! Beraz, zure orria kargatzen da eta behin osatuta dagoenean, gainerako elementuak kargatzen dituen script bat abiarazten da - kasu honetan gure gizarte botoiak. Garatzailea bazara, artikulu bikaina irakur dezakezu, Lazy Loading Javascript asinkronoa.

Hona hemen Emil Stenström-ek nola egin behar duen zatitxo bat:

(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); bestela window.addEventListener ('kargatu', async_load, faltsua);}) ();

Emaitza da hirugarrenen integrazio horiek motel edo funtzionatzen badute, ez du inoiz zure oinarrizko orrialdearen edukia agertzea eragiten. Gure orrialdearen iturburua ikusten baduzu, ikusiko duzu teknika hau erabiliz script sozial osagarri guztiak kargatzen ditudala. Prozesua gure webgunearen abiadura segundoak hobetu ditu - eta ez da itotzen kargatzean. Ez ditugu gure kanpoko mendekotasun guztiak bihurtu Javascript asinkronoa, baina egingo dugu.

Zer deritzozu?

Gune honek Akismet-ek spam erabiltzen du. Ikasi zure iruzkina nola prozesatu den.