من المحتمل أن يكون هذا محظورًا بالفعل بواسطة https://chromium.googlesource.com/chromium/src/+/master/docs/speed/metrics_changelog/2020_11_lcp.md:
لم تعد الصور التي تملأ منفذ العرض، والتي تعادل بصريًا الخلفيات، تُعتبر أكبر محتوى يتم عرضه في وقت الاستجابة (LCP)
نقطة جيدة: انظر Largest Contentful Paint (LCP) | Articles | web.dev
بالنسبة لعناصر النص، يتم النظر فقط في حجم عقد النص الخاصة بها (أصغر مستطيل يحيط بجميع عقد النص).
بالنسبة لجميع العناصر، لا يتم النظر في أي هوامش أو حشو أو حدود مطبقة عبر CSS.
- لهذا السبب يجب عرض عقدة النص الثابتة بنفس حجم عقدة نص EmberJs بالضبط.
- أو حتى أكبر قليلاً عن طريق زيادة
line-height.
على سبيل المثال، إذا كان عرض عقد النص غير متطابق، فهناك العديد من الحالات الهندسية التي تنشأ عن فواصل الأسطر المختلفة حيث تصبح عقدة النص الثابتة أصغر من عقدة EmberJs.
انظر: أمثلة LCP
لقد استخدمت في الواقع عرض noscript للمشاركات داخل صفحة الموضوع. تتطابق فئات CSS قليلاً مع الفئات الحقيقية - لذا فإن المظهر متساوٍ.
انظر: التغييرات على app/views/layouts/application.html.erb
تعديل: خطئي، هذا في الواقع عرض الزاحف: app/views/topics/show.html.erb