کاهش حجم جاوا اسکریپت با تقسیم کد
تقسیم کد یک روش کارآمد برای کاهش اندازه بسته جاوا اسکریپت است، با کاهش حجم بار اولیه به افزایش سرعت سایت شما کمک میکند.
تقسیم کد یک روش کارآمد برای کاهش اندازه بسته جاوا اسکریپت است، با کاهش حجم بار اولیه به افزایش سرعت سایت شما کمک میکند.
بهینه سازی بارگذاری اولیه و افزایش سرعت سایت با مدل PRPL (پیش بارگذاری منابع حیاتی ، تعویق منابع غیرضروری – کش کردن و کاهش تعداد درخواست ها)
lazysizes محبوبترین کتابخانه برای بارگذاری تنبل تصاویر است. این کتابخانه جاوااسکریپت به طور هوشمندانه تصاویر را در حین حرکت کاربر در صفحه بارگذاری میکند و تصاویری را که کاربر به زودی با آنها روبرو می شود اولویت بندی می کند.
استفاده از خاصیت loading برای بارگذاری تنبل تصاویر در سطح مروگر – کاهش تعداد درخواست های اولیه و افزایش سرعت بارگذاری سایت
شما میتوانید همانند بارگذاری تنبل تصاویر ، ویدئوهای خود نیز را به صورت تنبل بارگذاری کنید. ویدیوها معمولاً با تگ video بارگذاری میشوند. با این حال، نحوه بارگذاری تنبل video بستگی به مورد استفاده آن دارد. با نکست همراه باشید تا چند سناریو را بررسی کنیم که هر کدام به راه حل متفاوتی نیاز دارند.
با بارگذاری تنبل تصاویر در صفحات وب میتوان افزایش چشمگیری در سرعت سایت به خصوص بارگذاری اولیه صفحات مشاهده کرد. در image lazy loading بارگذاری تصاویری که در دید کاربر به نزدیک شدن اسکرول کاربر به آن موکول میشود.
lazy loading چیست؟ چرا باید از بارگذاری تنبل در وبسایت استفاده کنیم؟ ارتباط lazy loading با افزایش سرعت صفحات وب
CDN تصاویر یکی از صحیحترین و بهینهترین روشهای ارائه تصاویر در وب است که علاوه بر افزایش سرعت بارگذاری سایت، میتواند امکانات بسیار زیادی برای ایجاد تغییرات آنی و کمهزینه در تصاویر به شما ارائه دهد.
معرفی فرمت webp و اهمیت آن ، تبدیل تصاویر به فرمت webp با استفاده از cwebp و پلاگین Imagemin + شیوه استفاده از آنها در وبسایت
شناسایی تصاویر با اندازه نامناسب و ارائه دو رویکرد برای تعیین اندازه صحیح و درست تصاویر در وبسایت برای بهبود سرعت لود صفحات
ارائه تصاویر واکنشگرا responsive علاوه بر کمک به افزایش سرعت سایت در موبایل باعث بهبود تجربه کاربری در دسکتاپ و دستگاههای بزرگتر میشود.
تبدیل GIF به ویدیو با ابزارهای مانند ffmpeg میتواند علاوه بر افزایش سرعت بارگذاری صفحات سایت به کاهش ترافیک مصرفی شما و کاربر نیز کمک کند.
imagemin یک بسته npm بر اساس node.js با پلاگینهای مختلف است که یکی از بهترین ابزارهای فشرده سازی تصاویر برای مدیران و طراحان سایت است.
روش های فشرده سازی تصاویر برای وبسایت شامل تصاویر وکتور و رستر و همچنین بهینه سازی عکس ها با روش با اتلاف و بدون اتلاف + چک لیست
دستوالعمل انتخاب بهترین قالب تصاویر برای استفاده در وبسایت – مقایسه انواع فرمت های عکس + نکات مهم استفاده از تصاویر در صفحات
اضافه کردن Lighthouse به یک سیستم یکپارچه سازی پیوسته مانند GitHub Actions و نظارت بر عملکرد و سرعت سایت با استفاده از Lighthouse CI
در این مقاله شیوه استفاده از Lighthouse برای ساخت بودجه عملکرد ، بررسی و در نهایت گزارش عملکرد سایت در مقابل بودجه را توضیح میدهیم
در این مقاله بررسی 4 ابزار Lighthouse، webpack،bundlesize و Lighthouse ci برای ادغام بودجه در فرایند توسعه سایت میپردازیم
با طراحی بودجه عملکرد سایت میتوانید مطمئن باشید که سایت شما در سریع ترین زمان ممکن به کاربر ارائه میشود. این کار تجربه بهتری برای بازدیدکنندگان شما فراهم می کند و بر معیارهای کسب و کار تأثیر مثبت خواهد داشت.
بودجه عملکرد مجموعه ای از محدودیت های اعمال شده بر معیارهایی است که بر سرعت سایت و کارایی آن تأثیر میگذارد. این میتواند حجم یک صفحه، زمان بارگذاری در تلفن همراه یا حتی تعداد درخواست های HTTP ارسال شده باشد.