Сайттың жылдамдығы және асинхронды Javascript

асинхронды

Мен көп дамытумен айналысамын, бірақ мен өзімді нағыз дамытушы ретінде санамаймын. Мен парақтағы заттарды бағдарламалап, жылжыта аламын және оны жұмыс істей аламын. Шынайы жасаушы кодты қалай кеңейту керектігін түсінеді, сонда ол масштабталуы мүмкін, көп ресурстарды алмайды, тез жүктеледі, кейін оңай өзгертіледі және жұмыс істейді.

Маркетологтар ұсынатын ең қиын мәселе - екеуінде де бар өте жылдам веб-сайт және сіздің сайтыңыздың қаншалықты тез жүктелуіне тәуелділіктер тудыруы мүмкін интеграциялар мен әлеуметтік элементтерді қосыңыз. Осындай мысалдардың бірі әлеуметтік түймелер. Martech-те сайттың әрбір бетінде бізде әлеуметтік түймелер бар. Сонымен ... егер Facebook ресурстары бір күнде баяу жүктелсе, бұл біздің сайтты баяулатады. Содан кейін оған Twitter, Pinterest, Buffer және т.с.с қосыңыз және сіздің сайтыңыздың жылдам жүктелу мүмкіндігі ештеңеге дейін азаяды.

Бұл синхронды жүктеме деп аталады. Бір элементті жүктеуді аяқтау керек бұрын сіз келесі элементті жүктейсіз. Егер сіз элементтерді асинхронды түрде жүктей алсаңыз, сіз элементтерді бір-біріне тәуелді етпей жүктей аласыз. Элементтерді асинхронды түрде жүктеу арқылы сіз өзіңіздің сайтыңыздың жылдамдығын күрт жақсарта аласыз. Мәселе мынада, бұл компаниялар ұсынатын сценарийлер асинхронды жұмыс істеуге ешқашан оңтайландырылмаған.
асинхронды

Парақ жылдамдығына әсер ететін нәрсені Pingdom-да тестілеу арқылы көруге болады:
бетті жүктеу

Асинхронды Javascript элементтерді жүктеу туралы айтатын код жазуға мүмкіндік береді кейін бет толығымен жүктелген. Тәуелділік жоқ! Сонымен, сіздің парағыңыз жүктеледі және аяқталғаннан кейін басқа элементтер жүктелетін сценарий басталады - бұл жағдайда біздің әлеуметтік түймелер. Егер сіз әзірлеуші ​​болсаңыз, керемет мақаланы оқи аласыз, Lazy жүктеу асинхронды Javascript.

Мұны қалай дұрыс жасау керектігінің үзіндісі Эмиль Стенстремден:

(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 (' скрипт ') [0]; x.parentNode.insertB Before (s, x);} if (window.attachEvent) window.attachEvent (' onload ', async_load); else window.addEventListener ('жүктеу', async_load, жалған);}) ();

Нәтижесінде егер бұл үшінші тарап интеграциясы төмен немесе баяу жұмыс істейтін болса, бұл сіздің негізгі бет мазмұныңыздың пайда болуына ешқашан әсер етпейді. Егер сіз біздің парақтың қайнар көзін көрсеңіз, мен осы әдісті қолданатын барлық қосымша әлеуметтік сценарийлерді жүктеп жатқанымды көресіз. Процесс сайтымыздың жылдамдық секундтарын жақсартты - және тиеу кезінде тұншығып қалмайды. Біз барлық сыртқы тәуелділіктерімізді өзгерткен жоқпыз Асинхронды Javascript, бірақ біз жасаймыз.

Сен не ойлайсың?

Бұл сайт спамның төмендеуі үшін Akismet пайдаланады. Деректеріңіздің қалай өңделетінін біліңіз.