بهینهسازی PageSpeed - سایت خود را در سال 2026 سریعتر کنید
چرا سرعت یک عامل رتبهبندی است
گوگل تأیید کرده است که سرعت صفحه بر رتبهبندیها تأثیر میگذارد. صفحات کند کاربران را ناامید میکنند و گوگل میخواهد بهترین تجربه را ارائه دهد. دادههای گوگل نشان میدهد احتمال ترک صفحه توسط کاربر 32% افزایش مییابد وقتی زمان بارگذاری از 1 به 3 ثانیه میرود.
اما این تنها درباره رتبهبندیها نیست. سرعت بهطور مستقیم بر سود نهایی شما تأثیر میگذارد:
- تبدیلات — هر ثانیه اضافی زمان بارگذاری میتواند تبدیلها را تا 7% کاهش دهد
- نرخ پرش — 53% کاربران موبایل صفحهای که بیش از 3 ثانیه طول میکشد تا بارگذاری شود را ترک میکنند
- تجربه کاربری — صفحات سریع احساس حرفهای و قابل اعتماد بودن دارند
معیارهای اصلی وب — معیارهای سرعت گوگل
گوگل سرعت را از طریق سه معیار اصلی وب اندازهگیری میکند:
LCP — بزرگترین رنگدهی محتوا
اندازهگیری میکند که بزرگترین عنصر قابل مشاهده (معمولاً یک تصویر یا عنوان) چه زمانی بارگذاری میشود.
- خوب: زیر 2.5 ثانیه
- نیاز به بهبود: 2.5 - 4.0 ثانیه
- بد: بالای 4.0 ثانیه
INP — تعامل تا رنگدهی بعدی
اندازهگیری میکند که صفحه چقدر سریع به تعامل کاربر (کلیک، تایپ، اسکرول) پاسخ میدهد.
- خوب: زیر 200ms
- نیاز به بهبود: 200 - 500ms
- بد: بالای 500ms
CLS — تغییرات تجمعی چیدمان
اندازهگیری میکند که چیدمان در حین بارگذاری چقدر جابجا میشود. شما این احساس را میشناسید — میخواهید روی چیزی کلیک کنید، اما ناگهان محتوا جابجا میشود و به چیز دیگری برخورد میکنید.
- خوب: زیر 0.1
- نیاز به بهبود: 0.1 - 0.25
- بد: بالای 0.25
10 نکته بهینهسازی مشهود
1. بهینهسازی تصاویر
تصاویر معمولاً بزرگترین مشکل را ایجاد میکنند. از فرمتهای مدرن مانند WebP یا AVIF استفاده کنید که میتوانند اندازه فایل را 30-50% بدون از دست دادن کیفیت قابل مشاهده کاهش دهند.
- قبل از بارگذاری تمامی تصاویر را فشرده کنید
- از
loading="lazy"برای تصاویری که در بارگذاری اولیه قابل مشاهده نیستند استفاده کنید - همیشه
widthوheightرا مشخص کنید تا از CLS جلوگیری شود - از تصاویر پاسخگو با
srcsetبرای اندازههای مختلف صفحه استفاده کنید
2. فشردهسازی CSS و JavaScript
کدهای استفادهنشده، فاصلههای خالی و نظرات را از فایلهای CSS و JS خود حذف کنید. اکثر ابزارهای ساخت این کار را بهطور خودکار انجام میدهند، اما تأیید کنید که واقعاً در تولید اتفاق میافتد.
3. فعال کردن فشردهسازی
اطمینان حاصل کنید که سرور شما فایلها را با فشردهسازی Gzip یا Brotli ارسال میکند. این میتواند اندازه فایلها را تا 70% کاهش دهد.
4. استفاده از کش مرورگر
هدرهای Cache-Control را تنظیم کنید تا مرورگر فایلهای استاتیک (CSS، JS، تصاویر) را بهطور محلی ذخیره کند. دفعه بعد که کاربر مراجعه میکند، این فایلها نیازی به بارگذاری مجدد ندارند.
5. کاهش زمان پاسخ سرور
زمان پاسخ سرور شما (زمان تا اولین بایت، TTFB) باید زیر 200ms باشد. راهحلها:
- از یک ارائهدهنده هاست سریع استفاده کنید
- کش سمت سرور را فعال کنید
- استعلامات پایگاه داده را بهینهسازی کنید
- از یک CDN برای ارائه فایلهای استاتیک از سرورهای نزدیک به کاربر استفاده کنید
6. به تعویق انداختن JavaScript غیر ضروری
JavaScriptی که برای نمای اولیه نیاز نیست باید به صورت غیرهمزمان با async یا defer بارگذاری شود. این معمولاً شامل تحلیلها، ویجتهای چت و جاسازیهای رسانههای اجتماعی است.
7. بارگذاری پیشزمینه منابع حیاتی
از برای فونتها، CSS و تصاویری که برای نمای اولیه نیاز است استفاده کنید. این به مرورگر میگوید این فایلها را در اولویت قرار دهد.
8. حذف منابع مسدودکننده رندر
CSS و JavaScript در بارگذاری صفحه را مسدود میکند. CSS غیر ضروری را به پایین حرکت دهید و CSS مورد نیاز برای نمای اولیه (CSS حیاتی) را درونخطی کنید.
9. استفاده از CDN
یک شبکه تحویل محتوا فایلهای شما را در سرورهای سرتاسر جهان توزیع میکند. کاربران از نزدیکترین سرور دانلود میکنند و تأخیر را بهطور قابل توجهی کاهش میدهد.
10. بهینهسازی فونتهای وب
فونتهای سفارشی میتوانند نمایش متن را به تأخیر بیندازند:
- از
font-display: swapاستفاده کنید تا متن با یک فونت پشتیبان در حین بارگذاری فونت سفارشی نمایش داده شود - فونتهای خود را به فقط کاراکترهایی که استفاده میکنید محدود کنید
- مهمترین فونتها را پیش بارگذاری کنید
- برای متن بدنه فونتهای سیستم را در نظر بگیرید
چگونه سرعت خود را تست کنید
Google PageSpeed Insights
ابزار رسمی گوگل. به شما دادههای آزمایشگاهی (شبیهسازیشده) و دادههای میدانی (کاربران واقعی) به همراه پیشنهادات بهبود مشهود میدهد.
Chrome DevTools
DevTools را باز کنید (F12)، به پنل "عملکرد" بروید و بارگذاری یک صفحه را ضبط کنید. میتوانید دقیقاً ببینید چه چیزی زمان میبرد و فایلها به چه ترتیبی بارگذاری میشوند.
WebPageTest
یک ابزار تست پیشرفته که به شما اجازه میدهد از مکانها و سرعتهای اتصال مختلف تست کنید. نمودارهای آبشاری دقیق را ارائه میدهد.
اولویتبندی — از اینجا شروع کنید
اگر باید سه چیز را برای تمرکز انتخاب کنید:
- تصاویر — فشردهسازی و تبدیل به WebP. بزرگترین تأثیر با حداقل تلاش.
- کش — هدرهای Cache-Control صحیح را تنظیم کنید. یک بار تنظیم شود.
- JavaScript — همه چیز غیر حیاتی را به تعویق بیندازید. اسکریپتهای شخص ثالث را کاهش دهید.
آیا میخواهید بدانید سایت شما چگونه عمل میکند؟ یک حسابرسی رایگان انجام دهید و معیارهای اصلی وب و امتیاز سرعت خود را ببینید.