تأثير الطلاء: تقليل وميض اللون الأبيض عند التنقل في المصدر نفسه

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

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

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

الطريقة التي يعمل بها ذلك هي تأجيل تنفيذ التركيب إلى أن يتم بلوغ إشارة تحميل الصفحة (PLS) المحدّدة (مثل سرعة عرض المحتوى لأول مرة / المهلة الثابتة). نفرّق بين عمل عرض سلسلة التعليمات الرئيسية والالتزام بسلسلة التعليمات الضمنية (يتم تأجيل السمة الثانية فقط). يؤدي الانتظار حتى حدوث PLS إلى تقليل احتمالية حدوث وميضات باللون الأبيض/الصلب.

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

جرِّب ميزة "تثبيت لوحة الرسم في Chrome Canary" (Chrome 76) وأخبِرنا برأيك. لا يجب أن يضطر مطوِّرو البرامج إلى القلق بشأن إجراء أي تعديلات على صفحاتهم للاستفادة منها.