قِس أرضية الضجيج قبل أن تضبط عتبة الفرق البصري

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

والضبط استنادًا إلى حالات الرسوب يحسّن الأمور لصالح مجموعة خضراء، وهو الشيء الوحيد الذي يجب ألّا تُحسَّن العتبة لصالحه أبدًا. بدأ هذا المستودع من حيث يبدأ الجميع، بأرقام مختارة بالنظر، وقد اعترف ملف إعداده بذلك في نصّه: أرقام canvas كانت موسومة بـ PROVISIONAL، أي مؤقّتة إلى أن تُثبِت جولةُ مرجعٍ في مواجهة مرجع على الجهاز نفسه أرضيةَ الضجيج الحقيقية.

جرت تلك الجولة في المساء نفسه، في الإيداع b5175ae، وحرّكت كل رقم في الملف. حرّكتها في الاتجاه الذي لا يكاد أحد يتوقّعه — القياس جعل المجموعة أشدّ لا أرخى، وأزال بوابة كاملة.

للأداة غرض واحد مكتوب في سطرها الأول: قياس مقدار اختلاف أداة القياس مع نفسها. تقدّم بناءً واحدًا، وتلتقط المرجع مرّتين عبر سكربت الالتقاط نفسه الذي تستعمله المجموعة الحقيقية، وتقارن الجولة A بالجولة B. وكل ما يعود ضجيج، لأنّ شيئًا لم يتغيّر بين الاثنتين.

والمقارنة نحيلة عن عمد — رقمان لكل زوج صور، بلا صورة فرق وبلا تأويل. تعطي pixelmatch عدد البكسلات التي تجاوزت حدًّا لونيًا، ويعطي SSIM مكتوب هنا مباشرةً، بنافذة ثمانية بكسلات وخطوة أربعة، الرؤيةَ الإدراكية. ويُحفَظ المتوسّط وأسوأ نافذة معًا، لأنّ الانحدار في shader يكون موضعيًا عادةً، ومتوسّط 0.99 قادر على إخفاء ركن معطوب.

تخرج ثلاث مجموعات لا تُدمج أبدًا: لقطات بنيوية، والتقاطات canvas الخام، وانحراف الرصد — أي حقل غير بكسلي في ملخّص كل نقطة تحقّق اختلف بين جولتين للصفحة نفسها. وتُذكر النسب المئوية بصيغة min وp50 وp95 وmax على كل مجموعة مرتّبة.

function comparePair(a, b) {
  if (a.width !== b.width || a.height !== b.height) return { ok: false, reason: 'size-mismatch' }
  const total = a.width * a.height
  // لا حاجة إلى صورة فرق هنا — العدد وحده. وpixelmatch تقبل
  // مخزن إخراج undefined لهذه الحالة بالذات.
  const changed = pixelmatch(a.data, b.data, undefined, a.width, a.height, {
    threshold: 0.1,
    includeAA: false,
  })
  const score = ssim(a, b, { windowSize: 8, stride: 4 })
  return {
    ok: true,
    diffRatio: changed / total,
    changedPixels: changed,
    totalPixels: total,
    ssimMean: score.mean,
    ssimWorst: score.worst,
  }
}

تكلفتها ضعف التقاط عرض واحد بالضبط، والعرض الواحد هنا ست إلى تسع دقائق من الزمن الفعلي، فالقياس ربع ساعة لا شيء مجّاني. ومخرجها مودَع في المستودع على أساس أنه دليل، وأنه صغير.

الجهاز نفسه، والمتصفّح نفسه، والرابط نفسه، وجولتان للصفحة الرئيسية في Golden Master عند 1440 × 900، بختم زمني 2026-08-19T19:33:49.368Z على Node v22.23.1. عادت من كل جهة تسع عشرة لقطة بنيوية وتسع وثمانون التقاطة canvas خام.

المجموعة البنيوية لم تختلف على أي شيء إطلاقًا: نسبة فرق البكسل min 0 وp50 0 وp95 0 وmax 0، مع ثمانية عشر زوجًا من التسعة عشر متطابقة بايت ببايت، والتاسع عشر شريط marquee يُلتقط حيًّا عن قصد، لأنّ الحركة المستمرّة هي السلوك قيد الاختبار. أما مجموعة canvas فاختلفت على كل شيء تقريبًا: p95 عند 0.025829475308641974، وmax عند 0.8112244897959183، ومتوسّط SSIM يهبط إلى 0.0181484156493548، وأسوأ نافذة تبلغ -0.886465409531798.

وتلك القراءة السالبة قيمة حقيقية لا خلل. يمتدّ SSIM من -1 إلى 1 كما عرّفه Wang وBovik وSheikh وSimoncelli سنة 2004، واختبار الوحدة في هذا المستودع يثبّت هذه الحقيقة بالتأكيد على أنّ صورة مقلوبة تسجّل أقل من الصفر. والمقياس الذي يستطيع أن يصير سالبًا بوجه مشروع إنما يخبرك أنّ النافذتين متعاكستان بنيويًا، وهذا هو شكل canvas يُلتقط في لحظتين لا رابط بينهما.

وهذا الأخير هو سبب إجراء هذا القياس على أكثر من اللقطات. قرأ listenerTotal 447 في جولة و431 في الأخرى عند استقرار واجهة الافتتاح، بانحراف قدره 16، بينما ثبت rootFontSizePx وdocumentHeight وglobalsLeaked تمامًا عبر الجولتين وعبر نقاط التحقّق الـ21 كلّها في مصفوفة لاحقة. فخُفِّض التأكيد من تامّ إلى متسامح بقيمة maxDelta 24 — فوق الـ16 المرصودة ودون أي قيمة تُقرأ تسرّبًا في المستمعين — وبقيت البقيّة تامّة، لأنّ القياس قال إنها تستطيع.

الانضباط نفسه — قِس الشرط قبل أن تثق بالرقم — هو ما أنتج رقم سهولة الوصول المنشور على هذا الموقع، حيث شرط غير مضبوط ضخّم العدد نحو 140 مرّة.

كانت بوابة canvas المخمّنة تطلب متوسّط SSIM لا يقلّ عن 0.98. والأرضية المقيسة 0.018148. لا توجد عتبة بين هذين الرقمين، ولم يكن أي قدر من الضبط ليجد واحدة: مجموعة تُشحن عند 0.98 كانت سترسب في كل جولة، ثم تُصلَح بالإرخاء، وتنتهي إلى ألّا تثبت شيئًا عن أعلى الأسطح خطرًا في الصفحة.

لذلك لم تُرخَ البوابة، بل أُسقطت. enforced false، وmeanMin null، وworstMin null، ونصّ حالة يسمّي الشرط بدل أن يتهرّب: BLOCKED، تحتاج إلى تحكّم زمني حتمي من جهة المشهد. والمقارن يحترم ذلك في الكود لا في النثر وحده — فهو يحسب SSIM في كل جولة، ويسجّل المتوسّط وأسوأ نافذة وإحداثيات أسوأ نافذة، ويعيد ok مهما كانت النتيجة.

والجولة الحقيقية عبر الهدفين تؤكّد الحكم من الجهة الأخرى. عبر صفوف SSIM الـ306 الخاصة بـ canvas والمقارِنة بين البناءين، وسيط المتوسّط 0.7284514638837428 ووسيط أسوأ نافذة -0.20839572391449632. والبوابة التي يكون وسيط أسوأ نافذة فيها سالبًا بين بناءين يُعتقد أنهما سليمان لا تستطيع فصل الانحدار عن الضجيج.

ولا يمكن الدفاع عن BLOCKED إلا إذا حملت شرط رفعٍ معلومًا بالاسم، وهنا تحقّق ذلك الشرط. فمشهد WebGL في البناء الجديد يتيح خطّافًا اختباريًا يرسم إطارًا واحدًا بالضبط عند زمن صريح، وبه صار المحتوى نفسه قابلًا للبوابة بايتًا ببايت: إطار مثبَّت يُؤكَّد الآن أنه مطابق عبر تحميلين مستقلّين للصفحة. أما التكافؤ مع الموقع القديم فيبقى مراجعة بشرية على صور ملتقطة، بحكم البنية، لأنّ القديم لا يمكن تثبيته على إطار.

واشتراط الحتمية كشف أيضًا عيبين ما كان النظر إلى الصورة ليكشفهما. فقد تركت مرحلة تركيب إطارًا مستقرًّا ممزوجًا فوق مخزن لم يُمسح، وضُبط ذلك لأنّ إطارين مثبّتين عند 1.5 ثانية وعند 9 ثوانٍ عادا متطابقين بايت ببايت — والزمن المثبَّت الذي لا يغيّر شيئًا يعني أنّ متغيّرًا موحّدًا لا يصل إلى shader. ذلك الفرق الصفري كان هو العلّة، والمقارن المضبوط على كشف التغيّر الزائد وحده كان سيقول أخضر.

وتثبيت canvas على إطار واحد هو القدرة نفسها التي يحتاجها canvas ليستجيب بصدق لطلب تقليل الحركة — ما يدين به WebGL وRive لـ prefers-reduced-motion.

الصفّ البنيوي في ذلك القياس يقرأ 0 أربع مرّات، وملف العتبات ينقل عنه أنّ ثماني عشرة نقطة تحقّق من تسع عشرة متطابقة بايت ببايت عبر جولتين. والعبارتان صحيحتان تمامًا. لكنّ فكّ ترميز اللقطات المودَعة يُظهر ما هما صحيحتان بشأنه.

الصفحة الرئيسية المرجعية عند initial-load مقاسها 1440 × 900، وحجمها 5,851 بايت، ولونها واحد: 1,296,000 بكسل بلون #ff00ff. وكذلك hero-settled، وhero-pointer-corner، وotot-section، وfooter، واثنتا عشرة أخرى. ستّ عشرة نقطة تحقّق، عند ستّة عشر موضع تمرير مختلفًا من y 0 إلى y 17809، تتشارك بصمة sha256 واحدة.

وهذه سياسة الأقنعة الموثّقة تعمل تمامًا كما وُصفت. فالصفحة المرجعية تحمل عنصري canvas بملء العرض، وقبل كل لقطة تُثبَّت طبقة ماجنتا ثابتة فوق مستطيل كل canvas في أعلى ترتيب التكديس — ولا تُرسم داخل canvas نفسه أبدًا، لأنّ ملأه عبر سياق 2D يمحو محتواه ويفسد سطح WebGL إفسادًا تامًّا. وعنصرا canvas بملء العرض ينتجان طبقة بملء العرض عند كل موضع تمرير.

ولا يمكن اكتشاف هذا إلا لأنّ أداة القياس تدوّن ما رفضت النظر إليه. فكل سجلّ لقطة يحمل المستطيلات التي استبعدها، ووثيقة البنية تسمّي ذلك الحقل واحدًا من الشيئين اللذين يجب قراءتهما قبل الثقة بأي نتيجة بكسلية. لا شيء في المستودع كاذب؛ غاية الأمر أنّ حجم العيّنة وراء جملة واحدة أصغر ممّا توحي به الجملة.

أما نقطتا التحقّق اللتان تحملان بكسلات صفحة حقيقية فتحملانها بمحض مصادفة في السياسة. فـ menu-open وmenu-closed-again تُخفيان عنصري canvas بدل تقنيعهما، لأنّ canvas القائمة يقع داخل حاوية ما زالت تتحوّل حين يُحسب مستطيل القناع، فطبقة ثابتة كانت ستنزاح عنه. وكلتاهما كانت متطابقة بايت ببايت عبر الجولتين A وB، وكلتاهما ما زالت متطابقة بايت ببايت في جولة مصفوفة كاملة مستقلّة بعد خمسة أيام — وهذا دليل حقيقي، وهو سبب صحّة الـ0.0001 المشدودة. لكنها تستند إلى صورتين، والملف يقول ثماني عشرة من تسع عشرة.

وليست حالة فريدة. ففكّ ترميز كل لقطة بنيوية مذكورة في بياني المصفوفة الكاملة يعطي 108 من 126 على Golden Master و114 من 132 على البناء الجديد بلون واحد بنسبة 100 بالمئة، عند العروض الستّة كلّها، وعلى الهدفين. وأرخص فحص متاح هنا سطر واحد: فُكّ ترميز لقطة مرجعية وعُدّ قيم RGB المتمايزة فيها قبل أن تثق بصفر.

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

عند ثلاثة من العروض الستّة — breakpoint-991 وtablet-768 وmobile-390 — تحمل اللقطة المسمّاة menu-open واللقطة المسمّاة menu-closed-again بصمة sha256 نفسها، على الهدفين كليهما. والنقرة التي تفتح القائمة مسجَّلة ناجحة، وfailedInteractions صفر في كل مكان، ومقارنة البكسل تنجح بنسبة 0 في الاتجاهين لأنّ الهدفين فارغان بالقدر نفسه. والتكافؤ بين البناءين محفوظ فعلًا. أما نقطة التحقّق التي غرضها المعلن إثبات أنّ مسار الإغلاق لا يترك أثرًا فلا تثبت شيئًا في نصف المصفوفة.

وسجلّ الرصد يحوي الجواب، وهو موزّع على حقلين متجاورين، أحدهما أدعى للقراءة من الآخر بكثير.

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

الجولة المودَعة عبر الهدفين تقرأ 132 مقارَنة و132 ناجحة. وتقرأ أيضًا 162 مقارنة canvas لم تجرِ قط، والمقارن يطبع ذلك الرقم إلى جانب عدد الناجحات عن عمد: فالجولة التي تقول 132 من 132 وهي تحتفظ صامتةً بمئة مقارنة لم تُجرَ هي شكل النجاح المصنوع.

أكبر الفئات أثرٌ من آثار القصّ، أي أنّ الصفحة تتّفق مع نفسها بينما لا يتّفق قاصّ اللقطات. عنصر عرضه 13.328125 بكسل CSS عاد مقصوصًا إلى 15 في 14 من جهة و14 في 15 من الأخرى، لأنّ لقطة العنصر تمرّر العنصر إلى مجال الرؤية أولًا فينزاح المنشأ دون البكسل تحته. والعلاج ليس تسامحًا: صندوق CSS مضبوط ومفروض، بنجاح 468 من 468 فحص صندوق، بينما يُسجَّل حجم PNG للعلم فقط — فالصندوق ما تقرّره الصفحة، والقصّ ما يقرّره القاصّ، والأول وحده قول عن البناء.

أما الفئتان الأخريان فأرخص في الشرح وأغلى كثيرًا في التشغيل. 192 محاولة من 792 محاولة التقاط canvas لم تجد صندوقًا تصوّره أصلًا. و66 محاولة انتهت مهلتها عند 30 ثانية لكل منها، وكلّها على canvas واحد — انتقال الصفحة في المرجع، الذي لم يثبت قط في أيٍّ من محاولاته الـ66. وهذا 1,980 ثانية على الأقل من جولة مصفوفة طولها 2,620.6 ثانية: ثلاثة أرباع الزمن الفعلي أُنفقت في انتظار تصوير شيء لا يمكن تصويره.

ومصفوفة البناء الجديد نفسه، وهي أكبر قليلًا عند 132 نقطة تحقّق، انتهت في 4.82 دقيقة مقابل 43.68 دقيقة للمرجع. وجُلّ هذا الفارق canvas واحد لا يمكن تثبيته على إطار، وهذه حقيقة أداء وحقيقة قياس في آن: فالشيء الذي لا تستطيع مجموعتك تصويره هو نفسه الذي تنفق عليه عصرها كلّه.

والزمن الفعلي مسألة قياس بذاتها، وطبقة التمرير في هذا الموقع نالت المعاملة نفسها — Lenis في مواجهة التمرير الأصلي، مقيسًا لا متجادَلًا فيه.

نصف الالتباس حول العتبات مصدره أنّ الكلمة تسمّي رقمين مختلفين. ففي pixelmatch — المكتبة التي تقوم عليها هذه المقارنة، والنموذج الذي يتبعه تأكيد اللقطات في Playwright نفسه — تعني threshold حدًّا لونيًا لكل بكسل لا تسامحًا لكل صورة. وفي الإصدار 7.2.0، وهو المثبّت هنا، تصير threshold 0.1 مسافةَ YIQ مربّعة قصوى قدرها 35215 × 0.1 × 0.1 = 352.15، مقابل قيمة قصوى ممكنة قدرها 35215. ثم تعيد الدالة عدد البكسلات التي تجاوزتها.

أما السماح لكل صورة فرقم منفصل، وهو الرقم الذي تخبرك به أرضية الضجيج. وPlaywright يُظهر هذا الانقسام ويترك نصفه فارغًا: قيمة threshold الافتراضية 0.2، بينما maxDiffPixels وmaxDiffPixelRatio بلا قيمة افتراضية أصلًا — فمن الصندوق مباشرةً، بكسل واحد مختلف بما يكفي يُرسِب التأكيد. وVitest لا يشحن سماحًا افتراضيًا هو الآخر ويقول ذلك صراحةً، وينصح بنسبة تُحسب على حجم اللقطة بدل عدد ثابت.

وثمّة أمر آخر تخفيه الكلمة: المقياس تحتها غير ثابت عبر الإصدارات. فقد استبدلت pixelmatch في فرعها الرئيسي مسافةَ YIQ بمقياس OKLab HyAB، فلم تعد threshold 0.1 كمّية واحدة ثابتة عبر الزمن. وتُقرأ includeAA عكس اسمها — فالقيمة false، وهي الافتراضية وهي إعداد هذا المستودع، تعني أنّ كشف تنعيم الحواف مفعَّل وأنّ بكسلات التنعيم لا تُحسب فروقًا.

ولا شيء من هذه القيم الافتراضية يعرف شيئًا عن صفحتك، وهذا هو مغزى قياس صفحتك أنت. وكلٌّ من Playwright وVitest ينصحك أيضًا بإعادة توليد المراجع في البيئة التي ستقارنها فيها، وكل رقم ذُكر أعلاه هو جهاز واحد، وبناء Chromium واحد، بلا واجهة، ودون تمرير أي رايات حتمية عند الالتقاط — لا font-render-hinting ولا فرض لمعامل تحجيم الجهاز. والسماح 0.0001 موصوف في الملف بأنه هامش لتنقيط الحروف عبر الأجهزة، وهو هامش لحالة لم يقسها هذا المستودع بعد.

الطريقة قصيرة ومعظمها مسك دفاتر. وما يجعلها تصمد أنّ مخرجها مودَع إلى جانب الأرقام التي يبرّرها، فيصير عمره ظاهرًا في سجلّ git لا في ذاكرة أحدهم.

تحذيران يبرهن هذا المستودع عليهما في نفسه، وكلاهما ظاهر في إعداده. عرضان من عروضه الستّة، وكلاهما عند deviceScaleFactor 2، لم تُقَس لهما أرضية قط، وعتبتاهما تحملان الاعتراف حيث سيلقاه القارئ التالي: not yet measured، أي مبدئية. ووثيقة البنية تذكر النتيجة دون تلطيف — النجاح أو الرسوب عند هذين العرضين لا يثبت شيئًا عن أداة القياس، ولا ينبغي اعتماد أي مرشّح استنادًا إليهما.

والأرضية نفسها لها إيداع واحد لا غير. أُخذت في 2026-08-19 ولم يُعَد تشغيلها قط، بينما تغيّر السيناريو الذي قاسته مرّتين منذئذ ونما من 19 نقطة تحقّق إلى 21. أرضية الضجيج قابلة للتلف، تتحلّل بمجرّد أن تتحرّك الصفحة أو المتصفّح أو الجهاز، والسبب الوحيد في أنّ أحدًا يستطيع أن يعرف كم صار عمرها هو ملف صغير مؤرّخ قابع في نظام الإصدارات إلى جانب الأرقام التي أنتجها.

والحجّة نفسها حسمت رقمًا طباعيًا على هذا الموقع، حيث حلّت محلّ نسبة يردّدها الجميع أرضية ارتفاع سطر محسوبة من مخطّطات الحروف.

وعمل أدوات القياس كهذا جزء من طريقة بناء المواقع هنا، وهو موصوف في التخصّصات الأربعة.