این قانون زمانی فعال می‌شود که PageSpeed Insights تشخیص می‌دهد که برای نمایش محتوای بالا در صفحه مورد نیاز، رفت و برگشت‌های اضافی شبکه لازم است.
بررسی اجمالی
اگر مقدار داده مورد نیاز از پنجره تراکم اولیه (معمولاً 14.6 کیلوبایت فشرده) بیشتر شود، به سفرهای رفت و برگشت اضافی بین سرور شما و مرورگر کاربر نیاز دارد. برای کاربرانی که در شبکه‌هایی با تأخیر زیاد مانند شبکه‌های تلفن همراه هستند، این امر می‌تواند باعث تأخیر قابل توجهی در بارگذاری صفحه شود.
توصیه ها
برای اینکه صفحات سریع‌تر بارگذاری شوند، اندازه داده‌ها (نشانه‌گذاری HTML، تصاویر، CSS، جاوا اسکریپت) را که برای ارائه محتوای بالای صفحه‌تان لازم است، محدود کنید. راه های مختلفی برای این کار وجود دارد:- HTML خود را طوری ساختار دهید که ابتدا محتوای مهم و فوق العاده را بارگیری کند
- حجم داده های استفاده شده توسط منابع خود را کاهش دهید
HTML خود را طوری ساختار دهید که ابتدا محتوای مهم و فوق العاده را بارگیری کند
ابتدا محتوای اصلی صفحه خود را بارگذاری کنید. صفحه خود را طوری ساختار دهید که پاسخ اولیه از سرور شما داده های لازم برای رندر کردن بخش مهم صفحه را فورا ارسال کند و بقیه را به تعویق بیندازد. این ممکن است به این معنی باشد که شما باید CSS خود را به دو بخش تقسیم کنید: یک بخش درون خطی که مسئول استایل بخشیدن به بخش ATF از محتوا است و بخشی که می توان آن را به تعویق انداخت.
مثال‌های زیر را در نظر بگیرید که چگونه می‌توان یک سایت را برای بارگذاری سریع‌تر بازسازی کرد:
- اگر HTML شما ویجت های شخص ثالث را قبل از بارگیری محتوای اصلی بارگیری می کند، ابتدا ترتیب بارگیری محتوای اصلی را تغییر دهید.
- اگر سایت شما از طراحی دو ستونی با نوار کناری ناوبری و مقاله استفاده می کند، اما HTML شما نوار کناری را قبل از مقاله بارگیری می کند، ابتدا مقاله را بارگیری کنید.
حجم داده های استفاده شده توسط منابع خود را کاهش دهید
هنگامی که سایت شما دوباره طراحی شد تا در چندین دستگاه به خوبی کار کند و ابتدا محتوای مهم را بارگیری کند، از تکنیک های زیر برای کاهش میزان داده مورد نیاز برای ارائه صفحه خود استفاده کنید:- کوچک کردن منابع : HTML، CSS و جاوا اسکریپت را می توان با حذف فضای خالی و نظرات غیر ضروری کوچک کرد. بهینه سازی های بیشتر ممکن است از طریق استفاده از ابزارهایی که نام متغیرها را در منابع شما تغییر نام می دهند امکان پذیر باشد.
- در صورت امکان به جای تصاویر از CSS استفاده کنید .
- فعال سازی فشرده سازی
بازخورد
این صفحه به شما کمک کرد؟