Gunearen abiadura eta Javascript asinkronoa

asinkronoak

Garapen handia egiten dudan bitartean, ez dut nire burua egiazko garatzaile gisa sailkatzen. Gai naiz orrialde batean gauzak programatu eta mugitzeko eta funtzionatzeko. Egiazko 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 ateratakoak ia inoiz ez direla 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, beste elementu batzuk kargatzen dituen script bat hasten 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 okerrak edo geldoak badira, 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 kanpoko mendekotasun guztiak bihurtu Javascript asinkronoa, baina egingo dugu.

Zer deritzozu?

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