پرش به محتوای اصلی
بهبود Core Web Vitals برای سایت‌های فارسی
توسعه وب

بهبود Core Web Vitals برای سایت‌های فارسی

۲۳ تیر ۱۴۰۵ · تیم XSofts · 6 دقیقه

Performance
SEO
CWV

چرا سایت فارسی سخت‌تر سریع می‌ماند؟

فونت عربی وزن دارد، متن RTL چیدمان را حساس می‌کند، و شبکهٔ کاربر ایرانی با آزمایشگاه کالیفرنیا یکی نیست. Core Web Vitals — LCP، INP و CLS — همان چیزهایی هستند که گوگل از تجربهٔ واقعی می‌فهمد. بهبود آن‌ها قبل از خرید بک‌لینک، روی رتبه و نرخ پرش اثر می‌گذارد. زمینهٔ SEO را در مقالهٔ Next.js نوشته‌ایم.

LCP: اولین تصویر یا متن بزرگ را جلو بیاورید

هیرو را با next/image، اندازهٔ مشخص و priority بارگذاری کنید. اگر LCP شما یک تصویر تزئینی سنگین است، آن را سبک کنید یا متن عنوان را LCP کنید. فونت نمایشی را با display: swap و subset فارسی محدود کنید تا متن زود دیده شود.

CDN را جایی بگذارید که از داخل ایران قابل‌پیش‌بینی باشد. کش HTML صفحات ثابت را فعال کنید تا سرور برای هر بازدید قالب را از نو نسازد.

INP: لمس باید جواب بدهد

هندلر کلیک را نشکنید تا کار سنگین روی رشتهٔ اصلی بماند. منوی موبایل، اسلایدر و انیمیشن ورود را سبک کنید. کتابخانهٔ سنگین را برای یک افکت بالای صفحه لود نکنید.

هیدریشن React را به بخش تعاملی محدود کنید. مقاله و صفحهٔ خدمات را تا جای ممکن سروری بفرستید و فرم یا جستجو را جدا کلاینتی کنید. INP بد اغلب از JS زیاد است، نه از Django یا Nginx.

CLS: جا برای چیزی که هنوز نیامده نگه دارید

برای تصویر، ویدیو و بنر width و height یا aspect-ratio بگذارید. فونت وب اگر دیر برسد و عرض حروف عوض شود، عنوان می‌پرد؛ اندازهٔ fallback نزدیک به فونت نهایی انتخاب کنید.

تبلیغ و بنر چسبان پایین صفحه را بعد از بارگذاری اول تزریق نکنید مگر جا برایش رزرو شده باشد. در RTL یک پرش کوچک در هدر، کل صفحه را حس ناپایدار می‌دهد.

با دادهٔ کاربر ایران اندازه بگیرید، نه فقط با لاب

PageSpeed Insights نقطهٔ شروع است. RUM روی موبایل واقعی — اندروید میان‌رده، شبکهٔ همراه — تصمیم را عوض می‌کند. فیلتر گزارش را به کشور ایران محدود کنید تا میانگین جهانی شما را گمراه نکند.

بعد از هر تغییر بزرگ فونت یا هیرو، همان سه متریک را دوباره ببینید. بهبود LCP با خراب کردن CLS معاملهٔ باختی است.

جمع‌بندی

سایت فارسی سریع یعنی هیرو سبک، فونت محدود، JS کمتر در بالا، و جای رزروشده برای رسانه. این کار طراحی را محدود نمی‌کند؛ فقط هزینهٔ هر افکت را پیدا می‌کند. برای بازبینی عملکرد سایت فعلی از مسیر توسعه وب یا تماس اقدام کنید.

بازگشت به وبلاگ