حجم محتوای بالای صفحه را کاهش دهید

با مجموعه‌ها، منظم بمانید ذخیره و دسته‌بندی محتوا براساس اولویت‌های شما.

این قانون زمانی فعال می‌شود که PageSpeed ​​Insights تشخیص می‌دهد که رفت و برگشت‌های شبکه اضافی برای نمایش محتوای بالا در صفحه مورد نیاز است.

بررسی اجمالی

اگر مقدار داده مورد نیاز از پنجره تراکم اولیه (معمولاً 14.6 کیلوبایت فشرده) بیشتر شود، به سفرهای رفت و برگشت اضافی بین سرور شما و مرورگر کاربر نیاز دارد. برای کاربرانی که در شبکه‌هایی با تأخیر زیاد مانند شبکه‌های تلفن همراه هستند، این امر می‌تواند باعث تأخیر قابل توجهی در بارگذاری صفحه شود.

توصیه ها

برای اینکه صفحات سریع‌تر بارگذاری شوند، اندازه داده‌ها (نشانه‌گذاری HTML، تصاویر، CSS، جاوا اسکریپت) را که برای ارائه محتوای بالای صفحه‌تان مورد نیاز است، محدود کنید. چندین راه برای انجامش وجود دارد:

HTML خود را طوری ساختار دهید که ابتدا محتوای مهم و فوق العاده را بارگیری کند

ابتدا محتوای اصلی صفحه خود را بارگذاری کنید. صفحه خود را طوری ساختار دهید که پاسخ اولیه از سرور شما داده های لازم را برای رندر کردن بخش مهم صفحه فورا ارسال کند و بقیه را به تعویق بیندازد. این ممکن است به این معنی باشد که شما باید CSS خود را به دو بخش تقسیم کنید: یک بخش درون خطی که مسئول استایل بخشیدن به بخش ATF از محتوا است و بخشی که می توان آن را به تعویق انداخت.

مثال‌های زیر را در نظر بگیرید که چگونه می‌توان یک سایت را برای بارگذاری سریع‌تر بازسازی کرد:

  • اگر HTML شما ویجت های شخص ثالث را قبل از بارگیری محتوای اصلی بارگیری می کند، ابتدا ترتیب بارگیری محتوای اصلی را تغییر دهید.
  • اگر سایت شما از طراحی دو ستونی با نوار کناری ناوبری و مقاله استفاده می کند، اما HTML شما نوار کناری را قبل از مقاله بارگیری می کند، ابتدا مقاله را بارگیری کنید.

حجم داده های استفاده شده توسط منابع خود را کاهش دهید

هنگامی که سایت شما دوباره طراحی شد تا در چندین دستگاه به خوبی کار کند و ابتدا محتوای مهم را بارگیری کرد، از تکنیک های زیر برای کاهش حجم داده های مورد نیاز برای ارائه صفحه خود استفاده کنید:

بازخورد

این صفحه به شما کمک کرد؟