حين حل مؤشر Interaction to Next Paint محل First Input Delay قبل عامين، تحولت مواقع كثيرة كانت في المنطقة الخضراء إلى البرتقالية بين ليلة وضحاها. السبب بسيط وقاسٍ: المؤشر القديم كان يقيس سرعة اعتراف المتصفح بأول نقرة، بينما يقيس INP كم يستغرق الموقع فعلًا حتى يستجيب، عبر كل تفاعل، وطوال الزيارة. المواقع التسويقية المبنية على أكوام من سكربتات الطرف الثالث لم يعد لديها مكان تختبئ فيه.

أربعة إصلاحات تحل معظم مشاكل INP

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

ثانيًا، فكك المهام الطويلة. أي عملية تستغرق أكثر من 50 مللي ثانية على الخيط الرئيسي تعطل الاستجابة للنقرة. تقسيم الترطيب، وتأجيل العمل غير الحرج، وإفساح المجال بين الأجزاء، تنقل الصفحة عادة من 400 مللي ثانية إلى أقل من 200 دون لمس التصميم.

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

سرعة الموقع تُقاس ببيانات الميدان لا بنتائج المختبر

نتائج المختبر تشخيص لا تقييم. Google يرتب على بيانات الميدان من زيارات حقيقية، ما يعني أن أبطأ ثلث من زوارك على هواتف Android متوسطة الفئة وشبكة مزدحمة هم من يحددون نتيجتك، لا جهازك على شبكة المكتب. نلزم مواقع عملائنا بمؤشر INP أقل من 200 مللي ثانية عند الشريحة المئوية 75، وLargest Contentful Paint أقل من 2.5 ثانية على بيانات ميدان الموبايل. أي شيء غير ذلك حكاية نرويها لأنفسنا.

السرعة رافعة إيرادات، لا شارة تعليقها

الفائدة الترتيبية من مؤشرات جيدة حقيقية لكنها متواضعة. الفائدة في التحويل ليست متواضعة إطلاقًا. لدى أحد عملاء التجارة الإلكترونية هذا الربع، رفع خفض INP على الموبايل من 480 إلى 170 مللي ثانية إتمام الشراء بنسبة 11% دون أي تغيير آخر. هذه هي الحجة التي تدخل بها اجتماع الميزانية.

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