گزارش عملکرد

آنچه بررسی می‌کنیم

• Largest Contentful Paint (LCP)

  مدت زمانی که طول می‌کشد محتوای اصلی روی یک گوشی با سرعت محدودشده ظاهر شود، در مقایسه با آستانه 2.5 ثانیه.

• جابه‌جایی چیدمان

  اینکه آیا محتوا هنگام بارگذاری جابه‌جا می‌شود، در مقایسه با آستانه 0.1.

• Total Blocking Time (TBT)

  مدت زمانی که اسکریپت‌ها مانع پاسخ‌گویی صفحه می‌شوند؛ این معیار جایگزین آزمایشگاهی Interaction to Next Paint است.

• داده‌های کاربران واقعی

  LCP، INP و CLS در صدک 75 از Chrome UX Report گوگل، وقتی سایت شما ترافیک کافی برای حضور در آن داشته باشد.

• تصاویر سنگین و بیش از اندازه بزرگ

  تصاویر بالای 150 KB یا بسیار بزرگ‌تر از اندازه‌ای که نمایش داده می‌شوند، و تصویر اصلی‌ای که با بارگذاری تنبل (lazy loading) بارگذاری می‌شود.

• حجم صفحه و درخواست‌ها

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

• فایل‌های مسدودکننده رندر

  اسکریپت‌ها و استایل‌شیت‌هایی که اولین رندر صفحه را به تأخیر می‌اندازند.

• Problem

  The main content appears slowly on phones

  Largest Contentful Paint reached {time} on {path} in our phone test (good is under 2.5 s).{"time":"{s} s{\"s\":{\"$num\":8.3,\"digits\":1}}","path":"/products/trail-daypack"}

  Fix: Start with the largest image or banner at the top of the page (see the findings below).

• Problem

  The main image is lazy-loaded

  On {n} page(s) the largest image at the top has {attribute}, which delays it.{"n":1,"attribute":"loading=\"lazy\""}

  Fix: Load the first, largest image eagerly and give it high fetch priority; keep lazy loading for images further down.

• Problem

  Images larger than they need to be

  {n} image(s) are heavy (over 150 KB) or much wider than they are shown.{"n":2}

  Fix: Upload product and banner images at sensible sizes (around 2000 px wide is plenty) instead of camera originals.