Speedlify2؛ اندازهگیری خودکار سرعت ۱۵۶۵ سایت
فرانتاندخلاصهٔ کاملتر
نویسنده میگه Speedlify سال ۲۰۲۰ بهخاطر نبود بودجه برای ابزارهای مانیتورینگ عملکرد ساخته شد: یه لیست مشخص از سایتها رو با Lighthouse میسنجید و کنار هم رتبه میداد. بعداً یه وبکامپوننت برای نشون دادن نمره تو خود سایتها بهش اضافه شد و لیدربوردهای Eleventy هم روش سوار شدن، با ۳۱ دورهٔ رقابت و ۱۲۰۸ سایت یکتا.
مشکل نسخهٔ قدیمی ساختاری بود. سایتها پشت سر هم و سریالی تست میشدن و مرحلهٔ مقایسه فقط وقتی اجرا میشد که همهٔ اندازهگیریها تموم شده باشن، که با محدودیت ۱۵ دقیقهای زمان build جور درنمیاومد. نتیجه این شد که لیدربوردها باید روی سختافزار شخصی نویسنده اجرا میشدن و انتشارشون به کار دستی گره خورد، تقریباً هر دو ماه یه بار.
تو نسخهٔ دوم اندازهگیریها تیکهتیکه و موازی روی GitHub Actions اجرا میشن و از رتبهبندی جدا شدن؛ موقع build فقط تازهترین اندازهگیریها خونده و رتبهبندی میشن. کل خروجی استاتیک و خودبسندهست و روی GitHub Pages منتشر میشه، پس خودتم میتونی نسخهٔ خودتو راه بندازی. هر دسته هم زمانبندی خودشو داره؛ مثلاً دستهٔ Built Awesome هفتهای یه بار سر میزنه.
گزارشها هم پرمایهتر شدن. بهجای همون چهار دایرهٔ کلاسیک Lighthouse، حالا دایرههای Core Web Vitals (دادههای واقعی کاربرها در کنار دادهٔ آزمایشگاهی) و خروجی کامل اجرای Axe CLI هم دیده میشه؛ Lighthouse خودش داخلی از Axe استفاده میکنه ولی همهچیزو گزارش نمیده. دستهها هم دیگه انحصاری نیستن و یه URL میتونه تو چند دسته باشه، بدون اینکه ترافیک تست اضافه بشه.
یه بخش جالبش مقایسهٔ اسکرینشات با جاوااسکریپت روشن و خاموشه که درصد تفاوت بصری رو میده. این عدد تو رتبهبندی حساب نمیشه ولی خیلی چیزها رو لو میده: سایتهایی که کاملاً سمت کلاینت رندر میشن (مثل solidjs.com با ۷۷.۴٪ اختلاف)، باگ سوییچ تم تیره و روشن یا نوار اعلانی که کل صفحه رو جابهجا میکنه .
سیاست نمایش نمرهها هم عوض نشده: لیدربورد Built Awesome فقط سایتهایی رو نشون میده که همهٔ دایرههاشون سبزه و بقیه بدون نمره و با ترتیب تصادفی تو یه لیست جدا میآن. به گفتهٔ نویسنده نباید نمرهٔ بد سایتهای شخصی رو به رخ کشید، ولی تو دستههای شرکتی مثل هاستها و سایتسازها نمرهٔ ضعیف هم نشون داده میشه، چون از سرویسهای حرفهای و پولی انتظار بیشتری میره.
نکات کلیدی:
- Speedlify2 الان ۱۵۶۵ سایت رو بهصورت مداوم و بدون کار دستی اندازه میگیره
- اندازهگیری موازی روی GitHub Actions انجام میشه و از مرحلهٔ رتبهبندی جدا شده
- ۹۲ سایتی که از اکوسیستم Eleventy رفتن، تو دستهٔ بدون رتبهٔ Emeritus بایگانی شدن
- کامپوننت جدید اومده و سازگاری API با قدیمی حفظ شده
- مقایسهٔ با و بدون جاوااسکریپت مشکلاتی مثل رندر کامل سمت کلاینت یا پرش چیدمان رو لو میده
