Defer parsing of JavaScript

اصل قضیه ساده است : زمانی که سرور صفحه ای رو به مرورگر کاربر میفرسته : فایل هایی مثل CSS و جاوااسکریپت باید دانلود شده و قبل از اینکه مرورگر صفحه مورد نظر را رندر کند باید اجرا شوند. حالا فرض کن در صفحه ای لینک به یک فایل خارجی اسکریپت هست مرورگر تا زمانی که اسکریپت مورد نظر دانلود و اجرا نشود به کدهایی که در قسمت پائیین تر هستند اجازه دانلود نخواهد داد. بعضی از مرورگرها با فایل های استایل شیت هم همچنین رفتاری می کنند. حالا اگر تعداد اسکریپت ها و حجم اونها زیاد باشه زمان زیادی میبره. راه حل اینه که باید لود کدهای جاوا اسکریپت در لود صفحه تا زمانی که به آنها نیاز داریم به تعویق بیافتد (واژه deferring به معنای به تعویق انداختن). برای این کار باید راه حلی یپیدا کنیم تا لود جاوااسکریپت را بعد از رویداد onload صفحه انجام دهد.
گوگل روش زیر را پیشنهاد کرده است :

در این روش یک شنونده رویدادهای جاوا اسکریپت در قسمت هد صفحه قرار میدیم تا کدهای جاوااسکریپت را مجبور به لود بعد از رویداد onload صفحه جاری بکند.

کد:

<script type="text/javascript"> // Add a script element as a child of the body function downloadJSAtOnload() { var element = document.createElement("script"); element.src = "deferredfunctions.js"; document.body.appendChild(element); } // Check for browser support of event handling capability if (window.addEventListener) window.addEventListener("load", downloadJSAtOnload, false); else if (window.attachEvent) window.attachEvent("onload", downloadJSAtOnload); else window.onload = downloadJSAtOnload; </script>

اطلاعات بیشتر

کد:

[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]