فايرفوكس أحيانًا يفشل في تحميل/عرض الصور المخزنة مؤقتًا (الأفاتار)

[supermathie (Michael Brown)]

نحن نحقق فيما يبدو أنه خطأ في Firefox يتعلق بتخزين الصور الرمزية مؤقتًا على القرص ثم استرجاعها بواسطة طلب لاحق.

تم الإبلاغ عنه لـ Firefox على:

1899184 - Firefox is sometimes unable to load/render previously cached images

تتجلى هذه المشكلة في الصور الرمزية المفقودة حيث يجب أن تكون موجودة عادةً، على سبيل المثال:

وهذه هي على التوالي:

<img loading="lazy" alt="" width="24" height="24" src="https://dub1.discourse-cdn.com/arduino/user_avatar/forum.arduino.cc/mancera1979/48/732001_2.png" class="avatar" title="mancera1979 - Frequent Poster">
<img loading="lazy" alt="" width="24" height="24" src="https://dub1.discourse-cdn.com/arduino/user_avatar/forum.arduino.cc/jca34f/48/340148_2.png" class="avatar" title="JCA34F - Frequent Poster">

وتلك الروابط تعيد التوجيه إلى، على التوالي:

https://europe1.discourse-cdn.com/arduino/optimized/4X/3/3/7/337a5e4169461364c9805cfad882c9eb0332bdf3_2_48x48.png
https://europe1.discourse-cdn.com/arduino/optimized/4X/4/b/8/4b8c803f304aa7e7c487184224ec9f970c96e8c4_2_48x48.jpeg

أثناء فحص DOM باستخدام أدوات المطور، يبلغ Firefox عن “تعذر تحميل الصورة”.

لم تفشل الطلبات الأولية أبدًا - لقد حدثت دائمًا فقط في الطلبات اللاحقة التي كانت ستحمل الصورة من ذاكرة التخزين المؤقت:

إعادة تحميل الصفحة أحيانًا تجعل Firefox يقوم بتحميل الصورة بشكل صحيح، على سبيل المثال:

بعد إعادة التحميل:

---

نحن نعلم أن:

… المشكلة ليست خاصة بتطبيق Discourse نفسه. لقد قمنا بإعادة إنتاج المشكلة باستخدام صفحة HTML ثابتة تحتوي فقط على روابط للصور الرمزية:

… تعطيل http3 في Firefox لا يحل المشكلة

… مسح ذاكرة التخزين المؤقت للمتصفح يتسبب في تحميل الصور بشكل صحيح في المرة التالية

… أبلغ المستخدمون النهائيون عن هذه المشكلة على أجهزة الكمبيوتر المكتبية والهواتف المحمولة

نحن نشك في أن:

… هذا له علاقة بتحميل الصورة بعد إعادة توجيه

بعض بيئات الاستضافة لدينا تحتوي على “متتبع إعادة التوجيه” الذي يتسبب في أن يرجع طلب إلى عنوان URL الأصلي الصورة نفسها بدلاً من إعادة توجيه إلى الصورة. لا أعتقد أن أي شخص قد واجه هذه المشكلة في تلك البيئات.

ليس لدينا:

إعادة إنتاج متسقة وواضحة للمشكلة من البداية إلى النهاية

[piffy]

لقد رأيت هذا بنفسي على فايرفوكس. لا أعرف ما إذا كان هذا ذا صلة على الإطلاق، لكن موقعي يستخدم bunny.net كشبكة توصيل محتوى (CDN).

[supermathie (Michael Brown)]

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

---

@piffy

موقعي يستخدم bunny.net كشبكة توصيل محتوى (CDN)

حسنًا، هذا مناسب للغاية

[sam (Sam Saffron)]

@supermathie

loading="lazy"

هذا يبدو لي الخطوة التالية لنا يا @david، إعداد موقع لتعطيل هذا لمعرفة ما إذا كان له أي تأثير.

[david (David Taylor)]

بما أن @supermathie لديه إعادة إنتاج غامضة على صفحة ثابتة، ربما نحاول إنشاء نسخة منها بدون loading="lazy"؟ هذا أسهل بكثير من تعديل Discourse للقيام بذلك.

هل هذا شيء يمكنك تجربته يا @supermathie؟

[piffy]

لن أستخدم أي شبكة توصيل محتوى أخرى!

[supermathie (Michael Brown)]

لقد كنت أقوم بإعادة تحميلها بشكل متقطع، وقد قمت للتو بتكرار المشكلة عن طريق تحميل الصفحة الكسولة (نجحت) ثم الصفحة غير الكسولة (فشلت):

للأسف، بدا أن فايرفوكس يقوم بإعادة تحميل الأصول بالكامل عند إعادة التحميل (تعطيل ذاكرة التخزين المؤقت غير مضبوط) مع فتح أدوات المطور، ولكن… هذا غريب:

يبدو أن المستخدم قد قام بتغيير/تحديث صورته الرمزية، وقد قمنا بإعادة التوجيه إلى الصورة الجديدة؟ لست متأكدًا مما يؤدي إلى ذلك @david.

أخمن أن هذا إعادة التوجيه الإضافية قد أدت لفترة وجيزة إلى تشغيل خطأ فايرفوكس. وهذا يتماشى مع الاختلاف في السلوك بسبب مطاردة إعادة التوجيه.

ربما يمكنني تشغيله؟

لقد قمت بتغيير صورتي الرمزية، دعنا نرى ما إذا كانت ستتعطل عند إعادة التحميل بعد ساعة.

تعديل: حسنًا، لم تتعطل هذه المرة

ولكن ألاعيبى على هذه الصفحة تبدو وكأنها تؤثر بشكل سيء على الصفحات الأخرى… لا تعمل أي من هذه الصور الرمزية الآن وأعتقد أن ذلك يرجع إلى أن طلب شبكة ما عالق.

[supermathie (Michael Brown)]

اليوم: قمت بإعادة تحميل الصفحة باستخدام lazy، وتم تحميلها بشكل جيد:

ثم قمت بتحميل الصفحة بدون lazy، و:

[david (David Taylor)]

إذًا، أعتقد أن هذا يعني أنه من غير المرجح أن يكون lazy= هو سبب المشكلة؟ على الأقل تم استبعاد هذا الشيء