در هنگام بارگذاری یک سایت مرورگر از بالا به پایین شروع به خواندن کد ها می‌کند. در این هنگام وقتی به کد های جاوا اسکریپت می‌رسد مجبور است تا هنگامی که بارگذاری آن ها تکمیل نشده است سراغ کد های بعدی و بازکردن کامل صفحه نرود. برای این منظور ما برای بالا بردن سرعت اجرا شدن یک صفحه نیاز داریم که کاری انجام بدهیم که جاوا اسکریپت به صورت تاخیری و یا معوقه اجرا شود. یعنی جاوا اسکرپت بعد از لود کامل صفحه شروع به بارگذاری کند.
جاوا اسکریپت را به دو روش راه اندازی با کد نویسی و اجرا با افزونه در CMS ها به صورت تاخیری اجرا کنید.
روش اول : با استفاده از کد نویسی و اتربیوت های defer و async
در این حالت در ابتدا باید تفاوت این دو اتربیوت را به صورت دقیق متوجه بشوید ، اتربیوت defer زمانی کاربرد دارد که شما بخواهید مرورگر منتظر کد جاوا اسکریپت شما نشود و به سراغ سایر کد های صفحه برود اما هنگامی دو دستور defer در صفحه داشته باشیم این دو به صورت موازی دانلود می‌شوند اما برای اجرا شدن به ترتیب باید اجرا شوند، به این معنا که در مثال زیر تا ۱٫js اجرا نشود ۲٫js اجرا نمی‌شود.
<script src="1.js" defer></script>
<script src="2.js" defer></script>
اما در اتربیوت async جاوا اسکریپت ها به صورت همزمان دانلود می‌شوند اما برای اجرا منتظر هم نمی‌مانند.
روش دوم : با استفاده از افزونه های افزایش سرعت سایت
این افزونه برای CMS ها مانند وردپرس و جوملا کاربرد دارند که شما به سادگی با زدن چند کلیک میتوانید این افزونه ها را پیکربندی کنید و به سادگی بدون کدنویسی این فرایند را اجرا کنید. در زیر لیست تعدادی از افزونه ها را که این قابلیت ها را دارند برای شما نام میبریم.
افزونه WP Rocket
این افزونه که به موشک وردپرس معروف است قابلیت های بسیار زیادی دارد که باعث شده است تقریبا به یکی از بهترین ها در این عرصه تبدیل شود، افزونه موشک وردپرس قابلیت تاخیر در اجرا کد های جاوا اسکریپت را با نام بهینه سازی فایل ها در اختیار کاربران خود قرار می‌دهد.
جاوا اسکریپت معوقه یا بارگذاری با تاخیر جاوا اسکریپت
- نصب ساده و بدون نیاز به تنظیمات پیشرفته همراه با پشنیبانی پایتوکو
- بهبود سئو تکنیکال سایت شما
- کاملا فارسی سازی شده
- راه اندازی سریع
- نقشه سایت پیش بارگیری
- سازگار با CDN CloudFlare
- Cache صفحات کاملا قابل کانفیگ
- پشتیبانی از فشرده سازی GZip
- کش سمت مرورگر
- تشخیص موبایل
- سازگاری چند زبانه
- بهینه سازی فونت های گوگل
- پیشفرض DNS
- سازگار با تجارت الکترونیک
- امکان خروجی و ورودی اطلاعات
- بهینه سازی دیتابیس
- پشتیبانی از Lazy Load
- پشتیبانی از CDN
- سازگار با وردپرس شبکه
- سازگار با ووکامرس
- و…
افزونه Humingbird یا مرغ مگس خوار
مرغ مگس خوار وب سایت شما را سریعتر و عملکرد سایت را با افزودن روش های جدید برای تقویت سرعت صفحه ، فشرده سازی فایل ها و به تعویق انداختن استایل ها و اسکریپت های CSS و جاوا اسکریپت، Minify برای CSS و JS، ادغام ،Lazy Load و حافظه پنهان در سطح جهانی بهینه می کند.
افزونه افزایش سرعت سایت perfmatters 2.1.8
قطعا یکی از فاکتور های مهم برای پیدا کردن جایگاه بهتر در صفحات و بهبود سئو تکنیکال سایت شما افزایش سرعت و لود سایت و صفحات پر بازدیدتان می‌باشد. برای این کار شما میتوانید از افزونه های زیادی استفاده کنید . در این محصول ما افزونه افزایش سرعت سایت perfmatters را با زبان فارسی و نسخه مناسب ارائه کرده ایم که میتواند کمک زیادی به سایت شما داشته باشد.
- امکان تنظیمات بهینه سازی Java Script و Css
- امکان پیش بارگذاری
- امکان تنظیم چگونگی لود صفحات
- امکان راه اندازی CDN
- امکان راه اندازی برای چند سایت
- کاملا فارسی شده
- امکان تاخیر و تعویر در بارگذاری جاوا اسکریپت
- امکان بهینه سازی فونت ها
- امکان بهینه سازی دیتابیس
- امکان بارگذاری تنبل
- امکان نظارت بر DOM
- امکان کنترل ابزارک ها
دانلود افزونه perfmatters
