سرعت سایت، دیگر یک انتخاب لوکس نیست؛ یک الزام است. کاربرِ بی‌قرار، اگر صفحه بیش از سه ثانیه بارگذاری شود، بازمی‌گردد و گوگل هم این بی‌قراری را در رتبهٔ شما منظور می‌کند. متریک‌های Core Web Vitals دقیقاً همین تجربهٔ واقعی را می‌سنجند: چقدر سریع محتوا نمایش داده می‌شود، چقدر سایت به کلیک پاسخ می‌دهد و چقدر چیدمان صفحه لرزش دارد. مقالهٔ پیشین ما راهنمای Core Web Vitals بود و این نوشتار، نسخهٔ عملی «چطور امتیاز نارنجی را سبز کنیم» است؛ کار تخصصی آن در سرویس بهینه‌سازی سرعت و عملکرد انجام می‌شود.

۱) سه متریک را بشناسید

نخست LCP، که زمان بارگذاری بزرگ‌ترین عنصر قابل‌دید صفحه را می‌سنجد. دوم INP که فاصلهٔ میان تعامل کاربر و پاسخ سایت را می‌سنجد. سوم CLS که بی‌ثباتی چیدمان و پرش‌های ناگهانی عناصر را اندازه می‌گیرد. تا ندانید کدام‌یک خراب است، نمی‌توانید درستش کنید.

۲) پیش از هر کاری، اندازه بگیرید

با ابزارهای سنجش، وضعیت فعلی را در موبایل و دسکتاپ جدا ببینید. گاهی مشکل فقط در موبایل است و روی دسکتاپ همه‌چیز سبز به‌نظر می‌رسد. همین اندازه‌گیری، اولویت‌بندی کار را مشخص می‌کند و از حدس‌زدن نجاتتان می‌دهد.

۳) تصاویر، معمولاً متهم اول

سنگین‌ترین بخش بیشتر سایت‌ها، تصویر است. اندازهٔ واقعی نمایش را با اندازهٔ فایل یکی کنید، فرمت نوین و فشرده برگزینید و تصویرِ زیرِ دید کاربر را با بارگذاری تنبل بفرستید. یک تغییر درست در تصاویر، اغلب نصف راه LCP را می‌پیماید.

۴) از بارگذاری تنبل هوشمند استفاده کنید

بارگذاری تنبل یعنی تصویر و ویدئو فقط وقتی نزدیک دید کاربر شدند بارگذاری شوند. اما این کار را روی تصویر نخست صفحه به‌کار نبرید، چون دیرتر نمایش داده می‌شود و LCP را بدتر می‌کند. کاربرد درستش، پایین‌تر از دید اول است.

۵) اسکریپت‌ها را سبک کنید

کدهای بزرگ و بی‌استفاده، پردازنده را درگیر و پاسخ‌دهی را می‌کُشند. اسکریپت‌های غیرضروری را حذف، تأخیر در بارگذاری‌شان را تنظیم و فایل‌ها را کوچک کنید. هر بایتی که اضافه بارگذاری نمی‌شود، یک قدم به INP بهتر است.

۶) فونت را درست بارگذاری کنید

فونت‌های سنگین و زیاد، هم سرعت را می‌گیرند و هم باعث پرش متن می‌شوند. تنها وزن‌های موردنیاز را نگه دارید، از بارگذاری بهینه استفاده و ابعاد را رزرو کنید تا هنگام نشست فونت، چیدمان بلرزد.

۷) برای عناصر، جا رزرو کنید

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

۸) کش مرورگر را فعال کنید

اگر کاربر دوباره بازدید کند، نباید همه‌چیز از نو بارگذاری شود. کش کردن فایل‌های ثابت، بار دوم را تقریباً آنی می‌کند. تنظیم درست سرِ پاسخ‌ها، بخش جدایی‌ناپذیر هر بهینه‌سازی است.

۹) شبکهٔ تحویل محتوا، نزدیک‌تر به کاربر

هرچه فایل‌ها از سروری نزدیک‌تر به کاربر بیایند، بارگذاری سریع‌تر است. شبکهٔ تحویل محتوا برای سایت‌هایی با مخاطب پراکنده جغرافیایی، تفاوت را محسوس می‌کند؛ این را در ادامهٔ سئوی تکنیکال جدی بگیرید.

۱۰) میزبانی، فونداسیون سرعت

هر بهینه‌سازی نرم‌افزاری روی سرورِ کند، زود به سقف می‌خورد. انتخاب پلن مناسب و سروری با پاسخ سریع، بستر همهٔ کارهای بالاست؛ راهنمای انتخاب هاست مناسب را ببینید.

۱۱) مدیریت سرور و پیکربندی

تنظیم فشرده‌سازی، نسخهٔ به‌روز زبان برنامه و کوئری‌های سبک، از سطح سرور سرعت را بالا می‌برند. این کارها در چارچوب مدیریت و بهینه‌سازی سرور انجام می‌شوند و اثرشان مستقیم روی زمان پاسخ است.

۱۲) کدهای شخص ثالث را زیر ذره‌بین ببرید

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

۱۳) پیش از لانچ چک کنید

بهبود سرعت، بخشی از آماده‌سازی انتشار است. در چک‌لیست پیش از لانچ، متریک‌ها را در شبیه‌سازی موبایل بسنجید تا سایت با امتیاز سالم متولد شود، نه با بدهی فنی.

۱۴) اثر سرعت بر تبدیل

سرعت فقط عدد فنی نیست، پول است. هر تأخیر کوچک، نرخ پرش را بالا و تبدیل را پایین می‌آورد. این اثر را در وب‌آنالیتیکس ببینید و با عدد ثابت کنید که چرا سرمایه‌گذاری روی سرعت منطقی است.

۱۵) پایش پیوسته

امتیاز سبز یک‌باره به‌دست نمی‌آید و نمی‌ماند. با افزودن محتوای تازه و افزونه، متریک‌ها دوباره خراب می‌شوند. پایش فصلی و اصلاح به‌موقع، راز نگه‌داشتن عملکرد است. سبکیِ صفحه را به یک اصل طراحی تبدیل کنید نه یک کار اضطراریِ آخر فصل.

۱۶) یک برنامهٔ عملی برای شروع

اگر نمی‌دانید از کجا آغاز کنید، این ترتیب را دنبال کنید: اول تصاویر را فشرده و بهینه کنید، دوم کش مرورگر و فشرده‌سازی را فعال نمایید، سوم اسکریپت‌های غیرضروری را حذف یا به‌تأخیر بیندازید و چهارم ارتفاع عناصر را رزرو کنید. معمولاً همین چهار گام، متریک‌ها را از نارنجی به سبز می‌برند. سپس دوباره بسنجید و در هر تکرار یک مورد را اصلاح کنید؛ سرعت، حاصلِ مجموعِ قدم‌های کوچک است.

سؤالات متداول

کدام متریک مهم‌تر است؟ هر سه مهم‌اند، اما اگر فقط یک ساعت وقت دارید، اول LCP را درست کنید چون بیشترین اثر را بر ادراک سرعت دارد.

چرا در تست خوب ولی در واقعیت بد است؟ چون ابزارها شبکه و دستگاه واقعی را شبیه‌سازی می‌کنند؛ دادهٔ میدانی کاربر را هم ببینید.

خودم می‌توانم امتیاز را سبز کنم؟ بسیاری از کارهای اولیه بله؛ اما بهینه‌سازی عمیق و پایدار، تخصص تیم عملکرد را می‌طلبد.

برای دستیابی به امتیاز سبز و سایت سریع، پروژهٔ خود را برای ما تعریف کنید و نمونه‌کارها را در پورتفولیو ببینید.