الأداء7 دقائق للقراءة
توفير 800 مللي ثانية من LCP في بوابة إخبارية
تحميل الصورة الصحيحة مسبقًا، والاستغناء عن وزن خط واحد، وتخزين الترويسة مؤقتًا: ثلاثة تغييرات، 800 مللي ثانية.
بقلم Lena Hoffmann
تجمع هذه المقالة ما تعلمناه من مشاريع حقيقية لعملائنا، بالترتيب الذي سنتبعه لو أعدنا الكرّة. لا شيء منها عبقري، لكن كل خطوة وفّرت علينا وقتًا مرة واحدة على الأقل.
أين تسوء الأمور عادةً
معظم المشكلات ليست تقنية. إنها تنشأ من البدء دون جرد، وتغيير عدة أشياء في آن واحد، واكتشاف اعتمادية ما في يوم الإطلاق. كتابة الخطة أولًا تحوّل أسبوعًا محفوفًا بالمخاطر إلى أسبوع يمكن التنبؤ به.
ابدأ بالجزء الممل. فهو الذي يقرر ما إذا كان الجزء المثير سينجح.
قائمة التحقق التي نستخدمها
- دوّن كل ما هو موجود اليوم، بما في ذلك الأجزاء التي لا يتذكر أحد إضافتها.
- حدّد ما يجب أن يبقى كما هو وما يمكن أن يتغير.
- غيّر طبقة واحدة في كل مرة وتحقق بعد كل خطوة.
- احتفظ بسجل قصير حتى لا يضطر الشخص التالي إلى اكتشاف كل شيء من جديد.
مثال صغير
هذا شكل الإعدادات التي ننطلق منها. إنها مقتضبة عن قصد؛ وكل سطر إضافي يجب أن يكون له سبب.
imports:
- { resource: 'EXT:sitepackage/Configuration/Sets/Base/settings.yaml' }
settings:
website.language: ar
website.cache: aggressive
ما الذي يجب قياسه
اختر رقمين أو ثلاثة قبل أن تبدأ وقارنها بعد ذلك: زمن وصول أول بايت، وزمن عرض أكبر عنصر محتوى، وعدد شكاوى المحررين في الأسبوع الأول. إن لم يسُؤ أيٌّ منها، فقد نجح التغيير.
مقالات أخرى من هذا النوع تجدها ضمن الأداء. وإن جرّبت هذا في مشروعك، فأخبرنا في التعليقات كيف جرى الأمر.
تعليق واحد
- لح
ليلى حداد
جرّبنا التحميل المسبق للصورة الرئيسية وانخفض LCP لدينا بشكل واضح على الجوال.
