Velocità di u situ è ​​Javascript asincrunu

asynchronous

Mentre facu assai sviluppu, ùn mi classificu micca cum'è un veru sviluppatore. Possu prugramà è spostà roba in una pagina è falla funzionà. Un veru sviluppatore capisce cumu sviluppà u codice in modu da pudè esse scalatu, micca occupà assai risorse, caricà rapidamente, esse facilmente modificatu più tardi è travaglia sempre.

U puntu difficiule chì i venditori sò messi in hè chì entrambi anu un situ web assai veloce è incorpora sempre integrazioni è elementi suciali chì ponu creà dipendenze à a rapidità di carica di u vostru situ. Un tali esempiu hè buttuni suciali. In Martech, avemu buttoni suciali in ogni pagina di u situ. Allora ... se e risorse di Facebook si carghjanu lentu un ghjornu, rallenta u nostru situ. Dopu aghjunghjite Twitter, Pinterest, Buffer, ecc. À questu è e probabilità di u vostru situ di carica veloce sò ridotte à guasi nunda.

Hè cunnisciutu cum'è carica sincrona. Duvete finisce di caricà un elementu nanzu caricate l'elementu prossimu. Se pudete caricare elementi in modu asincrunu, pudete caricare elementi senza una dipendenza l'una da l'altra. Pudete migliurà drasticamente a velocità di u vostru situ caricendu elementi di manera asincrona. U prublema hè chì i script pronti à a scatula chì sti cumpagnie vi furniscenu ùn sò guasi mai ottimizzati per esse asincroni.
asynchronous

Pudete vede ciò chì impacta a vostra velocità di pagina eseguendu un test in Pingdom:
carica di pagina di pingdom

Javascript asincrunu permette di scrive un còdice chì dice à l'elementi di carica dopu à a pagina hè cumpletamente caricata. Nisuna dipendenza! Dunque, a vostra pagina si carica è una volta cumpleta, un script inizia chì carica l'altri elementi - in questu casu i nostri buttoni suciali. Sè vo site un sviluppatore, pudete leghje un grande articulu, Lazy Loading Javascript asincrunu.

Eccu un frammentu di cumu fà bè da 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.getElementsByTagName (' script ') [0]; x.parentNode.insertBefore (s, x);} if (window.attachEvent) window.attachEvent (' onload ', async_load); altru window.addEventListener ('carica', async_load, falsu);}) ();

U risultatu hè se queste integrazioni di terze parti sò in panna o in esecuzione lenta, ùn hà mai impattu nantu à u cuntenutu di a vostra pagina principale da cumparisce. Se vedi a fonte di a nostra pagina, vedrete chì caraghju tutti i script sociali addiziunali aduprendu sta tecnica. U prucessu hà miglioratu a velocità di u nostru situ secondu - è ùn soffoca durante u caricamentu. Ùn avemu micca cunvertitu tutte e nostre dipendenze esterne in Javascript asincrunu, ma a faremu.

Chì ne pensi?

Stu situ utilizeghja Akismet per reducisce u puzzicheghju. Sapete ciò chì i dati di i vostri dati è processatu.