تباطأت الصفحة. حصلت كل صورة على ساعة توقيت.

الخلاصة

• قدمت أول مسودة علنية لـResource Timing نشرها W3C في 24 مايو 2011 قياساً لكل مورد، ومنها الصور، عبر مراحل البحث عن الاسم والاتصال والطلب والاستجابة.
• وضع نص المستوى الأول المرشح في 30 مارس 2017 هذه السجلات على خط أداء زمني، ووصف مخزناً محدوداً، وجعل كشف تفاصيل توقيت الموارد الخارجية بيد خادمها عبر Timing-Allow-Origin.

تأخرت الصفحة، وبدأت جلسة تبادل الاتهامات. الصورة الكبيرة تلوم ملف التنسيق. ملف التنسيق يلوم البرنامج النصي. والبرنامج النصي ينظر إلى الخادم نظرة فيها كثير من التلميح. كان زمن تحميل الصفحة كله يثبت أن القارئ انتظر، لكنه لا يخبر المحرر أي حقيبة عطلت سير الأمتعة. جاء Resource Timing ووضع ساعة توقيت على كل حقيبة.

انطلقت أول مسودة عمل علنية لـResource Timing نشرها W3C في 24 مايو 2011 من التأخر داخل الصفحة نفسها. استعملت صورة مثالاً لقياس وقت جلب مورد بعينه. توقيت انتقال المستند شيء، ووصول الصور وملفات التنسيق والبرامج النصية شيء آخر. قد يكون العنوان ظاهراً بينما ما زالت الصورة في الطريق. جمع كل هذه الرحلات في رقم واحد يشبه إعلان موعد وصول القطار دون النظر إلى العربات التي لم تصل معه.

وصفت المسودة سجلاً يحمل اسم المورد ونوع العنصر الذي بدأ جلبه ونقاطاً زمنية على الطريق. تميز fetchStart وdomainLookupStart وconnectStart وrequestStart وresponseStart وresponseEnd بين بداية الجلب والبحث عن الاسم والاتصال والطلب وبداية الرد ونهايته. حين تتأخر صورة، يستطيع الفريق أن يسأل أين أمضت الوقت. عبارة «الشبكة بطيئة» تفقد مكانتها بوصفها جواباً صالحاً لكل سؤال.

بعض العقارب قد تقع فوق بعضها. يستطيع المتصفح إعادة استعمال اتصال قائم أو سحب المورد من الذاكرة المؤقتة، فلا تتكرر كل مراحل الشبكة. تساوي الأوقات قد يصف إعادة الاستخدام، وليس عطلاً في الساعة. ومن يقارن زيارتين يحتاج أن يعرف إن كانت إحداهما قد بدأت بذاكرة مؤقتة دافئة والأخرى باردة. السجل يصف عملية الجلب المحددة وظروفها، ولا يكتب سيرة أبدية لصورة واحدة.

في النص المرشح Resource Timing Level 1 الصادر عن W3C في 30 مارس 2017 استقرت السجلات ضمن خط الأداء الزمني. يستدعي المثال performance.getEntriesByType('resource')، ثم يختار ما كانت قيمة initiatorType فيه img، ويقارن responseEnd بـstartTime. يمكن ترتيب الصور حسب مدة جلبها والنظر في مراحل الصورة المتأخرة. وينطبق الأسلوب على موارد أخرى. لم يعد على الصفحة كلها أن تتحمل مساءلة صورة تخلفت عن الموعد.

لكن دفتر المواعيد ليس بلا نهاية. وصف نص 2017 مخزناً لسجلات الموارد، وعمليات مثل setResourceTimingBufferSize() وclearResourceTimings(). قد تملأ صفحة كثيرة الطلبات المساحة المخصصة. على من يجمع القياسات أن يختار عدد السجلات ووقت مسحها. اختفاء الأسطر الأخيرة لا يبرهن أن الملفات الأخيرة وصلت بسرعة خيالية؛ ربما انتهى الورق. سعة القياس نفسها قرار تشغيلي.

ويجلس طرف آخر على الطاولة: الخادم الذي يرسل مورداً من مصدر مختلف. قد يظهر ذلك المورد في الخط الزمني، لكن المتصفح يحجب التفاصيل الدقيقة لمراحله افتراضياً. يستطيع خادم المورد إرسال Timing-Allow-Origin للسماح لمصدر محدد بقراءة مزيد من التفاصيل. وضع صورة خارجية داخل صفحة لا يمنح الناشر مفتاح ساعة المزوّد كلها. من يرسل المورد هو من يرفع الستار عن عقاربها الصغيرة.

تؤثر هذه الحدود في قراءة الأرقام. قد يظهر اسم المورد الخارجي ومدته بينما تبقى تفاصيل البحث والاتصال والاستجابة مغلقة. قراءة الحقول المقيدة على أنها «صفر ميلي ثانية من العمل» تحول باباً مغلقاً إلى ادعاء بتسليم فوري. إذا منح المزوّد الإذن ظهرت مراحل إضافية؛ وإن لم يمنحه واصل المحرر التحقيق بما يستطيع رؤيته. حدود الرؤية جزء من القصة التي يرويها السجل.

واصلت مسودة التوصية المرشحة لـW3C المؤرخة 1 سبتمبر 2026 النهج القائم على مورد مستقل، مع خصائص أكثر ومخزن موصوف بحجم أكبر من النصوص الأولى. هذه ثلاث محطات مختلفة: مسودة 2011، ونص 2017 المرشح، ومسودة 2026. لم تتجمد الواجهة في صورة واحدة طوالها. الثابت هو أن المتصفح يدون رحلة كل مورد بطريقة معيارية يمكن للصفحة فحصها.

أبطأ صورة ليست بالضرورة أول ما يستحق الإصلاح. ربما تقع بعيداً أسفل الشاشة ولم ينتظرها القارئ بعد. وقد يحتجز مورد أسرع منها العنوان الذي جاء القارئ من أجله. يقيس Resource Timing رحلة الملف؛ وعلى الفريق أن يضع القياس بجوار تخطيط الصفحة وترتيب ظهورها. عندئذ يقرر هل يصغر الصورة، أو يغير طريقة إرسالها، أو يقدم طلبها، أو يؤخر مورداً لا يستعجل أحد رؤيته.

تغير الحديث في غرفة العمل. «الصفحة بطيئة» شكوى. «هذه الصورة انتظرت هنا، وملف التنسيق أعاد استخدام اتصال، والخادم الخارجي لم يكشف تفاصيله» خطة بحث. ساعة التوقيت لا تصلح الصفحة بيدها. لكنها جعلت الصورة الكبيرة تقدم سجل حضورها قبل أن تلقي اللوم على ملف التنسيق.