چگونه مشکل Reduce the size of the above the fold content را حل کنیم؟
زمانیکه برای باز شدن صفحه اول تاخیر و نیاز به رفت و آمدهای پی در پی باشد قاعده PageSpeed Insights فعال می شود.
مروری بر Reduce the size of the above-the-fold content
اگر سرعت اینترنت کاربران پایین باشد مثلا کاربران تلفن های همراه و مقدار حجم داده ها در یک صفحه سایت از مقدار ۱۴٫۶KB بیشتر باشد یعنی از حد مجاز بیشتر شود موجب تاخیر بالا در لود صفحات سایت خواهد شد.
پیشنهادات برای Reduce the size of the above-the-fold content
برای بالا بردن سرعت لود صفحات محتوای Html ،Css، جاوا اسکریپت و تصاویر را کاهش دهید. که می توان به دو صورت انجام دهید:
۱٫ محتوای Html را برای نیمه بالایی صفحه ی اول تنظیم کنید:
Css را به دو قسمت تقسیم می کنیم:
– قسمت inline که مربوط به طراحی ظاهر و استایل بخش ATF محتوا می باشد و داده های مورد نیاز حیاتی را باز می کند.
– قسمت دیگری که مورد نیاز نیست می تواند به تاخیر بیفتد.
نکات زیر را برای لود سریع تر رعایت نمایید:
– اولویت بارگذاری را ابتدا به محتوای اصلی و سپس به ویجت های شخص ثالث دهید.
– اگر طرح دو ستون نوار کناری ناوبری و یک مقاله دارید ابتدا مقاله و سپس نوار کناری را بارگذاری کنید.
۲٫ داده های منابع را کاهش دهید
– منابع را کوچک کنید: با تغییر نام برخی متغیرها حذف فضای خالی و کامنت ها می توانید فایل های html ،css و جاوا اسکریپت را کاهش دهید.
– می توانید بجای تصاویر از Css استفاده کنید.
– از فشرده سازی استفاده نمایید.