Kadali sa Site ug Asynchronous Javascript

asynchronous

Samtang nagbuhat ako daghang pag-uswag, wala ko gilakip ang akong kaugalingon ingon usa ka tinuud nga tag-uswag. Mahimo nako programa ug ibalhin ang mga butang sa usa ka panid ug kini himuon. Nasabtan sa usa ka tinuud nga developer kung giunsa ang pag-ugmad ang code aron mahimo kini nga mapadako, dili mogamit daghang mga gigikanan, dali nga ma-load, dali nga mabag-o sa ulahi ug molihok pa.

Ang lisud nga lugar nga gibutang sa mga tigpamaligya mao ang parehas nga adunay dali kaayo nga web site ug giapil pa ang mga panagsama ug mga elemento sa sosyal nga mahimong makamugna pagsalig kung unsa kadali mag-load ang imong site. Ang usa ka pananglitan mao sosyal nga mga buton. Sa Martech, adunay kami mga sosyal nga buton sa matag usa ka panid sa site. Mao… kung mahinay ang pagkarga sa mga kapanguhaan sa Facebook usa ka adlaw, mahinay ang among site. Pagkahuman idugang ang Twitter, Pinterest, Buffer, ug uban pa kana ug ang mga kahigayunan sa imong pag-load og dali nga pagkunhod sa halos wala.

Nailhan kana nga managsama nga pagkarga. Kinahanglan nimo nga tapuson ang pagkarga usa ka elemento sa atubangan sa imong gikarga ang sunod nga elemento. Kung ang imong makahimo sa pag-load sa mga butang nga wala magkahiusa, mahimo nimo nga ma-load ang mga butang nga wala’y pagsalig sa usag usa. Mahimo nimo nga mapaayo ang katulin sa imong site pinaagi sa pag-load sa mga elemento nga dili parehas. Ang problema mao nga ang mga out-of-the-box nga mga script nga gihatag kanimo sa mga kompanya hapit dili gyud ma-optimize aron mapadagan ang dili magkahiusa.
asynchronous

Makita nimo kung unsa ang makaapekto sa katulin sa imong panid pinaagi sa pagpadagan usa ka pagsulay sa Pingdom:
load sa panid sa pingdom

Dili magkauyon nga Javascript nagtugot kanimo sa pagsulat code nga nagsulti sa mga elemento sa pag-load human sa ang panid bug-os nga gikarga. Wala’y pagsalig! Ingon niana, nag-load ang imong panid ug kung nahuman na, usa ka iskrip ang nagpasiugda nga gikarga ang uban pang mga elemento - sa kini nga kaso ang among mga sosyal nga buton. Kung ikaw usa ka developer, mahimo nimo mabasa ang daghang artikulo, Tapolan nga Nag-angkon nga Dili Asynakord nga Javascript.

Ania ang usa ka tipik kung giunsa kini buhaton og maayo gikan sa Emil Stenström:

(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.getE ElementByTagName (' script ') [0]; x.parentNode.insertBefore (s, x);} kung (window.attachEvent) window.attachEvent (' onload ', async_load); lain window.addEventListener ('load', async_load, false);}) ();

Ang sangputanan kung ang kini nga mga panagsama sa ikatulo nga partido nahulog o mahinay nga nagdagan, dili gyud kini makaapekto sa sulod sa imong kinauyokan nga panid gikan sa pagpakita. Kung nakita nimo ang gigikanan sa among panid, makita nimo nga gikarga nako ang tanan nga dugang nga sosyal nga mga script nga gigamit kini nga pamaagi. Ang proseso gipaayo ang katulin sa among site segundo - ug dili matuk-an sa panahon sa pagkarga. Wala namon nabag-o ang tanan namong mga pagsalig sa gawas Dili magkauyon nga Javascript, apan buhaton namon.

Unsay imong hunahuna?

Kini nga site naggamit sa Akismet sa pagpakunhod sa spam. Hibal-i kon giunsa ang pagproseso sa datos sa imong komento.