Sit vitès ak Asynchrone JavaScript

asenkron

Pandan ke mwen fè yon anpil nan devlopman, mwen pa klase tèt mwen kòm yon devlopè vre. Mwen ka pwogram ak deplase bagay alantou sou yon paj epi fè li travay. Yon pwomotè vre konprann ki jan yo devlope kòd la pou ke li ka echèl, pa pran yon anpil nan resous, chaje byen vit, dwe fasil modifye pita epi ou toujou ap travay.

Tach la difisil ki sot yo mete nan se tou de gen yon sit entènèt trè vit epi toujou enkòpore entegrasyon ak eleman sosyal ki ka kreye depandans sou ki jan vit sit ou pral chaje. Youn nan egzanp sa yo se bouton sosyal. Sou Martech, nou gen bouton sosyal sou chak paj sou sit la. Se konsa, ... si resous Facebook chaje ralanti yon sèl jou a, li ralanti sit nou an. Lè sa a, ajoute Twitter, Pinterest, Tanpon, elatriye nan sa ak chans sit ou a nan chaje vit yo redwi a nòmalman pa gen anyen.

Sa ke yo rekonèt kòm chaje synchronous. Ou gen fini chaje yon sèl eleman anvan ou chaje eleman kap vini an. Si ou kapab chaje atik asenkron, ou kapab chaje atik san yon depandans youn sou lòt. Ou ka byen wo amelyore vitès sit ou a pa chaje eleman asenkron. Pwoblèm lan se ke Scripts yo soti-of-bwat la ke konpayi sa yo bay ou se prèske pa janm optimisé nan kouri asenkron.
asenkron

Ou ka wè sa ki nan enpak vitès paj ou pa kouri yon tès sou Pingdom:
chaj paj pingdom

Javascript asenkron pèmèt ou ekri kòd ki di eleman pou chaje apre paj la chaje nèt. Pa gen depandans! Se konsa, paj ou chaje ak yon fwa li konplè, yon script inisye ki chaje lòt eleman yo - nan ka sa a bouton sosyal nou yo. Si ou se yon pwomotè, ou ka li yon gwo atik, Lazy Loading Asynchrone JavaScript.

Isit la nan yon brib nan ki jan fè li byen soti nan Emil Stenström:

(fonksyon () {fonksyon async_load () {var s = document.createElement ('script'); s.type = 'tèks / javascript'; s.async = vre; s.src = 'http://buttondomain.com /script.js '; var x = document.getElementsByTagName (' script ') [0]; x.parentNode.insertBefore (s, x);} si (window.attachEvent) window.attachEvent (' onload ', async_load); lòt bagay window.addEventListener ('chaj', async_load, fo);}) ();

Rezilta a se si entegrasyon sa yo twazyèm pati yo desann oswa kouri dousman, li pa janm enpak kontni debaz paj ou an soti nan parèt. Si ou wè sous la nan paj nou an, ou pral wè ke mwen chaje tout nan Scripts yo adisyonèl sosyal itilize teknik sa a. Pwosesis la amelyore segonn vitès sit nou an - epi yo pa toufe pandan loading la. Nou pa konvèti tout depandans ekstèn nou an Javascript asenkron, men nou pral.

Ki sa ou panse?

Sit sa a sèvi ak Akismet diminye Spam. Aprann kijan kòmantè ou a trete.