سرعت سایت و جاوا اسکریپت ناهمزمان

ناهمگام

در حالی که من پیشرفت زیادی انجام می دهم ، خودم را به عنوان یک توسعه دهنده واقعی طبقه بندی نمی کنم. من می توانم در صفحه ای برنامه نویسی و جابجایی کنم و کار کنم. یک توسعه دهنده واقعی می داند که چگونه کد را توسعه دهد تا بتواند مقیاس بندی شود ، منابع زیادی را اشغال نکند ، سریع بارگیری شود ، بعداً به راحتی اصلاح شود و همچنان کار کند.

نقطه سختی که بازاریابان قرار می دهند این است که هر دو دارای یک وب سایت بسیار سریع و هنوز یکپارچه سازی و عناصر اجتماعی را در بر می گیرد که ممکن است به سرعت بارگیری سایت شما وابستگی ایجاد کند. یکی از این نمونه هاست دکمه های اجتماعی. در Martech ، ما در هر صفحه از سایت دکمه های اجتماعی داریم. بنابراین ... اگر منابع فیس بوک یک روز کند بار شوند ، سرعت سایت ما را کم می کند. سپس Twitter ، Pinterest ، Buffer و غیره را به آن اضافه کنید و احتمال بارگیری سریع سایت شما تقریباً به هیچ چیز کاهش می یابد.

که به بارگذاری همزمان معروف است. شما باید بارگیری یک عنصر را به پایان برسانید قبل از شما عنصر بعدی را بارگیری می کنید. اگر قادر به بارگیری همزمان موارد باشید ، می توانید موارد را بدون وابستگی به یکدیگر بارگیری کنید. شما می توانید با بارگذاری همزمان عناصر ، سرعت سایت خود را به شدت بهبود بخشید. مشکل این است که اسکریپت های خارج از جعبه که این شرکت ها به شما ارائه می دهند ، تقریباً هرگز برای اجرای ناهمگام بهینه نمی شوند.
ناهمگام

با اجرای آزمایشی در Pingdom می توانید ببینید که چه چیزی بر سرعت صفحه شما تأثیر می گذارد:
بارگیری صفحه pingdom

جاوا اسکریپت ناهمزمان به شما امکان می دهد کدی بنویسید که به عناصر بارگذاری کند بعد از صفحه کاملاً بارگیری شده است. بدون وابستگی! بنابراین ، صفحه شما بارگیری می شود و پس از کامل شدن ، اسکریپتی شروع به بارگیری سایر عناصر می کند - در این حالت دکمه های اجتماعی ما. اگر شما یک توسعه دهنده هستید ، می توانید یک مقاله عالی بخوانید ، Lazy در حال بارگیری Javascript ناهمگام.

در اینجا یک قطعه از نحوه انجام صحیح آن از Emil Stenström آورده شده است:

(تابع () {تابع async_load () {var s = document.createElement ('اسکریپت')؛ s.type = 'text / javascript'؛ s.async = true؛ s.src = 'http://buttondomain.com /script.js '؛ var x = document.getElementByTagName (' اسکریپت ') [0]؛ x.parentNode.insertBefore (s، x)؛} if (window.attachEvent) window.attachEvent (' بارگذاری '، async_load)؛ else window.addEventListener ('load'، async_load، false)؛}) ()؛

نتیجه این است که اگر این ادغام های شخص ثالث کم یا کند باشد ، هرگز بر ظاهر شدن محتوای صفحه اصلی شما تأثیر نمی گذارد. اگر منبع صفحه ما را مشاهده کنید ، خواهید دید که من همه اسکریپت های اجتماعی اضافی را با استفاده از این روش بارگیری می کنم. فرآیند ثانیه سرعت سایت ما را بهبود بخشید - و در هنگام بارگیری خفه نمی شود. ما تمام وابستگی های خارجی خود را به تبدیل نکرده ایم جاوا اسکریپت ناهمزمان، اما ما خواهیم کرد.

شما چه فکر میکنید؟

این سایت از Akismet برای کاهش هرزنامه استفاده می کند. بدانید که چگونه نظر شما پردازش می شود.