هفت راه برای سریعتر کردن سایت
فرانتاند
سئوخلاصهٔ کاملتر
شروع مقاله با یه نکتهٔ سادهست: چند ثانیهٔ اول تعیین میکنه کاربر بمونه یا برگرده. به نوشتهٔ تیم وبفلو، کاربرها انتظار دارن سایت زیر دو ثانیه بالا بیاد و بخش زیادیشون بعد از سه ثانیه میرن. اثرش روی درآمد هم اندازهگیری شده: فروشگاههایی که تو یک ثانیه لود میشن تا سه برابر سایتهای پنجثانیهای نرخ تبدیل میگیرن. سرعت و پایداری صفحه از طریق Core Web Vitals روی رتبهٔ گوگل هم اثر میذاره.
برای بهتر کردن، اول باید اندازه گرفت. مقاله سه ابزار معرفی میکنه: Pingdom برای پایش مداوم و هشدار، Google PageSpeed Insights برای اسکن سریع یه URL، و Search Console برای نمای کلیتر همراه با داشبورد Core Web Vitals. سه معیاری هم که باید دنبالشون بود اینان: LCP یعنی سرعت رندر بزرگترین عنصر بصری صفحه، TTFB یعنی فاصله تا رسیدن اولین بایت از سرور، و Interaction to Next Paint یعنی سرعت واکنش المانهای تعاملی به ورودی کاربر.
بعد نوبت هفت تکنیک میرسه: فشردهسازی تصاویر با فرمتهایی مثل WebP و AVIF بههمراه lazy loading؛ مینیفای HTML و CSS و جاوااسکریپت؛ تنظیم قواعد Cache-Control تا فایلهای سنگین برای بازدیدکنندهٔ برگشتی کش بمونن؛ کمکردن اسکریپتهای شخص ثالث و استفاده از امکانات بومی پلتفرم؛ بهینهسازی مسیر رندر بحرانی برای محتوای بالای صفحه؛ prefetch کردن DNS و منابع خارجی مثل فونت و CDN؛ و آخر سر ارتقای هاست.
نویسنده هشدار میده که زیادهروی تو ساختن استایلهای جدا برای محتوای بالای صفحه، خودش سرعت رو پایین میآره. چند اشتباه رایج هم فهرست شده: غیرفعال بودن فشردهسازی سمت سرور، متادیتای اضافی مثل EXIF روی تصاویر، مارکآپ شلوغ با div و style بیشازحد، و نبود کش سرور که باعث میشه بازدیدکنندهٔ برگشتی هم از اول همه چیز رو دانلود کنه. جمعبندی مقاله اینه که انتخاب هاست، مؤثرترین تصمیم تو این مسیره.
نکات کلیدی:
- انتظار کاربر زیر دو ثانیهست؛ بعد از سه ثانیه بخش زیادی از بازدیدکنندهها میرن
- سه معیار کلیدی برای پایش: LCP، TTFB و Interaction to Next Paint
- سنگینترین اثر رو پیچیدگی کد داره و بعدش کیفیت هاست و CDN
- تصاویر رو فشرده کنین، فرمت مدرن بدین و lazy loading رو روشن نگه دارین
- کش مرورگر و کش سرور، تجربهٔ بازدیدکنندهٔ برگشتی رو زیر و رو میکنه
