بروزرسانی: 22 آذر 1404
هفت نکته برای بهینه سازی سرعت صفحه در سال 2023
بیایید نگاهی بیندازیم به آنچه که می توانید برای آزمایش و بهینه سازی عملکرد وب سایت خود انجام دهید.
در Google Search Console شروع کنید
افزودن ویژگی fetchpriority=”high” به عنصر img که مسئول بزرگترین رنگ محتوایی است، دانلود سریع آن را تضمین می کند.
برای بهینه سازی از بارگذاری تنبل تصویر بومی استفاده کنید
امروزه مرورگرها پشتیبانی می کنند بارگذاری تنبل بومی با ویژگی loading=”lazy” برای تصاویر. به این ترتیب می توانید از مزایای بارگذاری تنبل بدون متحمل شدن هزینه ای که لازم است ابتدا یک کتابخانه جاوا اسکریپت را دانلود کنید، بهره مند شوید.
منابع مسدودکننده رندر را حذف و بهینه کنید
DebugBear را با یک دوره آزمایشی رایگان 14 روزه امتحان کنید.
DebugBear به طور مداوم وب سایت شما را بررسی می کند و در صورت بروز مشکل به شما هشدار می دهد. این ابزار همچنین نشان دادن تأثیر کار خود را به مشتریان و به اشتراک گذاشتن نتایج آزمایش با تیم خود آسان می کند.
این امر به ویژه در هنگام بهینه سازی بسیار مهم است بزرگترین رنگ محتوایی، یکی از سه معیار Core Web Vitals. این اندازه گیری می کند که چقدر طول می کشد تا محتوای صفحه اصلی پس از باز کردن صفحه ظاهر شود.
نکات اولویت دار یک ویژگی جدید مرورگر است که در سال 2022 ارائه شد. این ویژگی به صاحبان وب سایت اجازه می دهد تا میزان اهمیت یک تصویر یا منابع دیگر را در صفحه نشان دهند.
اگر منبعی باید رندر را مسدود کند، بررسی کنید که آیا می توانید درخواست را برای بارگیری سریع تر منبع بهینه کنید، مثلاً با بهبود فشرده سازی یا بارگیری فایل از وب سرور اصلی خود به جای درخواست از شخص ثالث.
تست سرعت وب سایت را اجرا کنید
آیا می خواهید بدانید که آیا بهینه سازی Core Web Vitals چیزی است که باید به آن فکر کنید؟ از گزارش تجربه صفحه در استفاده کنید کنسول جستجوی گوگل بررسی کنید که آیا هر یک از صفحات وب سایت شما خیلی کند بارگذاری می شود.
از آنجایی که این منابع تأثیر زیادی بر زمان بارگذاری صفحه دارند، باید هر کدام را بررسی کنید تا ببینید آیا واقعاً ضروری است یا خیر. کلمه کلیدی async در تگ اسکریپت HTML به شما امکان می دهد کد جاوا اسکریپت را بدون مسدود کردن رندر بارگیری کنید.
خلاصه 30 ثانیه ای:
- تاثیر گوگل در زمان بارگذاری صفحه بر رتبه بندی وب سایت به تدریج افزایش یافته است
- گوگل سه معیار Core Web Vitals را به عنوان فاکتورهای رتبه بندی برای سنجش تجربه کاربر معرفی کرده است
- مراحل زیر می تواند به شما کمک کند تا از طریق آزمایش های متعدد، ایده بهتری از عملکرد وب سایت خود داشته باشید
داده های واقعی کاربر گوگل به شما می گوید که سرعت وب سایت شما چقدر است، اما تحلیلی ارائه نمی کند که توضیح دهد چرا وب سایت شما کند است.
به طور مداوم بر عملکرد سایت خود نظارت کنید
با تعامل جدید با متریک Next Paint بهینه سازی کنید
به طور پیش فرض، مرورگرها فرض می کنند که همه تصاویر دارای اولویت پایین هستند تا زمانی که صفحه شروع به رندر کند و مرورگر بداند کدام تصاویر برای کاربر قابل مشاهده است. به این ترتیب پهنای باند روی تصاویر با اولویت پایین در نزدیکی پایین صفحه یا در فوتر تلف نمی شود. اما سرعت تصاویر مهم در بالای صفحه را نیز کاهش می دهد.
از نکات اولویت برای بهینه سازی بزرگترین رنگ محتوایی استفاده کنید
تست سرعت وب سایت رایگان را اجرا کنید برای پیدا کردن. به سادگی آدرس صفحه ای را که می خواهید آزمایش کنید وارد کنید. شما یک گزارش عملکرد دقیق برای وب سایت خود دریافت خواهید کرد، از جمله توصیه هایی در مورد نحوه بهینه سازی آن.
کنسول جستجو داده هایی را نشان می دهد که Google از کاربران واقعی در کروم جمع آوری می کند، و این نیز داده هایی است که به عنوان سیگنال رتبه بندی استفاده می شود. شما می توانید دقیقا ببینید که چه URL های صفحه ای باید بهینه شوند.
تست های یکباره سرعت سایت می توانند مشکلات عملکردی را در وب سایت شما شناسایی کنند، اما پیگیری نتایج آزمایش شما و تایید بهینه سازی های شما را آسان نمی کنند.
منبع: https://www.searchenginewatch.com/2023/02/09/seven-tips-to-optimize-page-speed-in-2023/
نویسنده: تیم تحریریه روحانی نژاد