بعد رؤية جميع التحذيرات حول استخدام Cloudflare والمواقع التي تعتمد على الصور بكثافة، قررت أن أقبل هذا التحدي في مشروع شخصي صغير كنت أعمل عليه. وبينما حققت نجاحًا إلى حد كبير مع Cloudflare، إلا أنني أواجه صعوبة في فهم سبب عدم تحميل صور القالب قبل انتهاء تنفيذ JavaScript (يبدو أن المشكلة ليست متعلقة بـ CDN)..
هل توجد طريقة لتحميل الصور في وقت أبكر (بالتزامن مع ملفات JavaScript/CSS، أو أثناء تنفيذ JavaScript) أم أن هذا مستحيل؟ هل قد يكون هذا أولوية ضرورية؟
فيما يلي نتائج اختبار webpagetest.org الخاص بي، والتركيز هنا على الفجوة الكبيرة بين ~2.3 ثانية عندما ينتهي تحميل آخر سكريبت JavaScript، و~3.4 ثانية عندما يبدأ تحميل الصور..
تخطيط القالب:
الإعدادات
الرابط: https://investorcommunity.org
القالب: Graceful
الخادم: DO Droplet (بدون تخزين مؤقت إضافي أو S3)
شبكة CDN: Cloudflare (النسخة المجانية، مع تعطيل “Rocket Loader” لتجنب التداخل مع JavaScript). وتجدر الإشارة إلى أن تعطيل Cloudflare لا يبدو أنه يؤثر على هذه المشكلة بالتحديد.
أقدر أي أفكار قد تكون لديكم..