Saytın sürəti və Asinxron Javascript

asinxron

Çox inkişaf etsəm də, özümü əsl inkişaf etdirici kimi təsnif etmirəm. Bir səhifədə şeyləri proqramlaşdıra və gəzdirib işləyə bilərəm. Həqiqi bir geliştirici kodun necə inkişaf etdiriləcəyini başa düşür ki, miqyası genişlənə bilər, çox qaynaq götürməyəcək, tez yüklənə bilər, daha sonra asanlıqla dəyişdirilə bilər və işləyəcəkdir.

Marketoloqların qoyduğu ən çətin nöqtə hər ikisinin də olmasıdır çox sürətli veb sayt və hələ də saytınızın nə qədər tez yüklənəcəyinə bağlılıq yarada biləcək inteqrasiya və sosial elementləri özündə birləşdirin. Belə bir nümunədir sosial düymələr. Martech-də saytın hər səhifəsində sosial düymələrimiz var. Beləliklə ... Facebook resursları bir gün yavaş yüklənirsə, saytımızı ləngidir. Sonra Twitter, Pinterest, Buffer və s. Əlavə edin və saytınızın sürətli yükləmə şansı demək olar ki, heç bir şeyə enmir.

Sinxron yükləmə kimi tanınır. Bir elementin yüklənməsini başa çatdırmalısınız əvvəl növbəti elementi yükləyirsən. Eşzamansız olaraq yükləyə bilsəniz, bir-birinizdən asılılıq olmadan yükləyə bilərsiniz. Elementləri asenkron yükləyərək saytınızın sürətini kəskin şəkildə artıra bilərsiniz. Məsələ burasındadır ki, bu şirkətlərin sizə təqdim etdiyi qutudan kənar skriptlər demək olar ki, heç vaxt asinxron işləməyə uyğunlaşdırılmayıb.
asinxron

Pingdom-da bir test keçirərək səhifə sürətinizi təsir edən şeyləri görə bilərsiniz:
pingdom səhifə yüklənməsi

Asinxron Javascript elementlərin yüklənməsini söyləyən kod yazmağa imkan verir sonra səhifə tamamilə yüklənmişdir. Asılılıq yoxdur! Beləliklə, səhifəniz yüklənir və tamamlandıqdan sonra digər elementləri yükləyən bir skript başlayır - bu halda sosial düymələrimiz. Bir geliştiricisinizsə, əla bir məqalə oxuya bilərsiniz, Tənbəl yüklənən asinxron Javascript.

Bunu Emil Stenström-dən necə düzgün şəkildə yerinə yetirməyin bir parçası:

(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); else window.addEventListener ('load', async_load, false);}) ();

Nəticə budur ki, bu üçüncü tərəf inteqrasiyaları aşağı və ya yavaş işləyirsə, heç vaxt əsas səhifə məzmununuzun görünməsini təsir etmir. Səhifəmizin mənbəyini görürsənsə, bu texnikadan istifadə edərək bütün əlavə sosial skriptləri yüklədiyimi görəcəksən. Proses saytımızın sürət saniyələrini yaxşılaşdırdı - və yükləmə zamanı boğulmur. Bütün xarici asılılıqlarımızı çevrilməmişik Asinxron Javascript, amma edəcəyik.

Siz nə düşünürsünüz?

Bu sayt spam azaldılması üçün Akismet istifadə edir. Yorumunuzun necə işləndiyini öyrənin.