بیش از 5 سال است که کار ترجمه را به صورت حرفه ای دنبال کرده و نزدیک 3 سال است که در زمینه تولید محتوای اصولی و سئو شده فعالیت می کند. او در حال حاضر به تیم تحریریه تست پیوسته است.

کاهش حجم جاوا اسکریپت با تقسیم کد

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

بارگذاری سریع صفحات وب با الگوی PRPL

بهینه سازی بارگذاری اولیه و افزایش سرعت سایت با مدل PRPL (پیش بارگذاری منابع حیاتی ، تعویق منابع غیرضروری – کش کردن و کاهش تعداد درخواست ها)

lazysizes : کتابخانه جاوااسکریپت بارگذاری تنبل تصاویر

lazysizes محبوب‌ترین کتابخانه برای بارگذاری تنبل تصاویر است. این کتابخانه جاوااسکریپت به طور هوشمندانه تصاویر را در حین حرکت کاربر در صفحه بارگذاری می‌کند و تصاویری را که کاربر به زودی با آنها روبرو می شود اولویت بندی می کند.

بارگذاری تنبل ویدئوها

شما می‌توانید همانند بارگذاری تنبل تصاویر ، ویدئوهای خود نیز را به صورت تنبل بارگذاری کنید. ویدیوها معمولاً با تگ video بارگذاری می‌شوند. با این حال، نحوه بارگذاری تنبل video بستگی به مورد استفاده آن دارد. با نکست همراه باشید تا چند سناریو را بررسی کنیم که هر کدام به راه حل متفاوتی نیاز دارند.

بارگذاری تنبل تصاویر

با بارگذاری تنبل تصاویر در صفحات وب می‌توان افزایش چشمگیری در سرعت سایت به خصوص بارگذاری اولیه صفحات مشاهده کرد. در image lazy loading بارگذاری تصاویری که در دید کاربر به نزدیک شدن اسکرول کاربر به آن موکول می‌شود.

استفاده از CDN برای بهبود تصاویر

CDN تصاویر یکی از صحیح‌ترین و بهینه‌ترین روش‌های ارائه تصاویر در وب است که علاوه بر افزایش سرعت بارگذاری سایت، می‌تواند امکانات بسیار زیادی برای ایجاد تغییرات آنی و کم‌هزینه در تصاویر به شما ارائه دهد.

استفاده از فرمت WebP

معرفی فرمت webp و اهمیت آن ، تبدیل تصاویر به فرمت webp با استفاده از cwebp و پلاگین Imagemin + شیوه استفاده از آنها در وبسایت

ارائه تصاویر واکنشگرا یا رسپانسیو

ارائه تصاویر واکنشگرا responsive علاوه بر کمک به افزایش سرعت سایت در موبایل باعث بهبود تجربه کاربری در دسکتاپ و دستگاه‌های بزرگتر می‌شود.

جایگزینی GIF با ویدئو برای سرعت بیشتر

تبدیل GIF به ویدیو با ابزارهای مانند ffmpeg می‌تواند علاوه بر افزایش سرعت بارگذاری صفحات سایت به کاهش ترافیک مصرفی شما و کاربر نیز کمک کند.

کنترل بودجه عملکرد سایت با Lighthouse

در این مقاله شیوه استفاده از Lighthouse برای ساخت بودجه عملکرد ، بررسی و در نهایت گزارش عملکرد سایت در مقابل بودجه را توضیح می‌دهیم

بارگذاری سریع وبسایت

طراحی بودجه عملکرد سایت در چند مرحله ساده

با طراحی بودجه عملکرد سایت می‌توانید مطمئن باشید که سایت شما در سریع ترین زمان ممکن به کاربر ارائه می‌شود. این کار تجربه بهتری برای بازدیدکنندگان شما فراهم می کند و بر معیارهای کسب و کار تأثیر مثبت خواهد داشت.

بارگذاری سریع وبسایت

بودجه عملکرد و سرعت سایت (Performance budgets)

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