Core Web Vitals به سایتهایی پاداش میدهد که سریع بارگذاری میشوند، هنگام بارگذاری پایدار میمانند و به تعامل کاربر سریع پاسخ میدهند. این چکلیستی است که در وردپرس واقعاً طی میکنم، تقریباً بهترتیب میزان تأثیر.
Largest Contentful Paint (LCP)
یک بستر هاستینگ سریع فراهم کنید، کش صفحه اضافه کنید و یک CDN جلوی فایلهای استاتیک قرار دهید. تصویر hero را بهینه کنید — ابعاد درست، فرمت مدرن (WebP/AVIF) و پیشبارگذاریشده تا دیر کشف نشود. فونتها را self-host کنید و آنهایی را که بالای صفحه استفاده میشوند preload کنید.
Cumulative Layout Shift (CLS)
برای هر تصویر و امبد، عرض و ارتفاع مشخص تعیین کنید تا مرورگر فضا را رزرو کند. برای جایگاه تبلیغات و ویجتهای دیرلود فضا کنار بگذارید و از تزریق بنر بالای محتوای موجود بپرهیزید.
Interaction to Next Paint (INP)
اسکریپتهای شخص ثالث را کم کنید، آنچه را برای اولین تعامل لازم نیست به تعویق بیندازید و تسکهای طولانی جاوااسکریپت را بشکنید. در وردپرس این اغلب یعنی بررسی افزونهها و حذف هر چیزی که سراسری بارگذاری میشود اما فقط در یک صفحه لازم است.
اندازه بگیرید، حدس نزنید
همیشه روی صفحات واقعی با دادهی میدانی (سرچ کنسول / CrUX) در کنار ابزارهای آزمایشگاهی مثل Lighthouse تست کنید. رفع کنید، دوباره اندازه بگیرید و پیش از رفتن به مورد بعدی مطمئن شوید بهبود پایدار مانده است.