تم تحسين هذا الموقع ليتم عرضه من متصفح حديث يتم فيه تمكين JavaScript.

استثناء الصور البارزة للمقال من التحميل الكسول في WP rocket

Ali

هل من طريقة لاستثاء الصور البارزة للمقال من التحميل الكسول في إضافة WP Rocket ؟

هل يوجد image Id عام لجميع الصور البارزة؟ الطريقة التقليدية اعرفها مثلا (طريقة_مسح-الكاش.png)

بس مش عملية.

هشام حسين

Ali لماذا تريد منعها من التحميل الكسول

علي ملص

Ali

لا حاجة لفعل ذلك أخي علي، إذ لن يقدم ذلك فوائد لموقعك، لكن إذا كانت تشترك جميع الصور البارزة بكلاس معين، فيمكنك استثناؤها كلها دفعة واحدة عبر إدراج هذا الكلاس في الحقل الظاهر في الصورة التي أدرجتها.

محمد عبدالله

مرحبا اخي الكريم لا يوجد id لجميع الصور ستحتاج اضافة كل صورة لوحدها

Ali

هشام حسين

محمد عبدالله

علي ملص

ظننت انه سيحل مشكلة التحميل المُسبَق لصورة المقياس "سرعة عرض أكبر جزء من المحتوى على الصفحة"

علي ملص

Ali

يمكن أن يساعد بشكل بسيط جدًا على تحسين هذه المشكلة، حيث يمكن أن يسرع عرض الصورة البارزة بحوالي 100 ميلي ثانية أو أقل من ذلك (الوقت اللازم ليدرك المتصفح أن الصورة البارزة موجودة ضمن القسم الظاهر من صفحة الويب على الشاشة)، ولذلك أخي لا داعي لأن تستثني الصور البارزة من التحميل الكسول.

تستطيع بدلًا من ذلك أن تستخدم صورًا مضغوطة ومحسنة وذات أحجام منخفضة كما وضحنا في مقالة (6 نصائح لتهيئة الصور على موقعك على ووردبريس لزيادة سرعته).

مصطفى بنقطيب

السلام عليكم،

قم بعمل inspect لمقال وابحث عن كلاس مثل featured-img أو ما شابه، يجب ان يكون هذا الكلاس فريد ويستعمل في الصور المميزة للمقال فقط لا غير، يم تقوم بإضافته في wp-rocket.

Ali

مصطفى بنقطيب

هل يختلف المسمى بحسب القالب؟

انا استخدم قالب pixwell نفس القالب المستخدم في عرب ووردبريس.

و شكراً جزيلاً على المعلومة.

علي ملص

Ali

نعم يختلف حسب القالب. بالنسبة لقالب pixwell فالكلاس هو (wp-post-image)، لكن هذا الكلاس مخصص لجميع الصور البارزة أينما وردت، بما في ذلك الصفحة الرئيسية للموقع، وصفحات الأرشيف، لذلك ستلاحظ بطئًا في هذه الصفحات إذا قمت باستثنائه من التحميل الكسول، ولهذا لا أنصحك بفعل ذلك.

مصطفى بنقطيب

Ali

السلام عليكم.

نعم كل قالب يستعمل كلاس خاص، لكن نفس الفكرة.

كما قال الاستاذ علي فقالب pixwell يستعمل في جميع بلوكات الموقع التي تظهر فيها مقالات.

لاستهدافها بشكل دقيق، يمكن اسعمال اكثر من selector و ممكن استعمال الابن الاول مثلا.

selector1 selector2:nth-child(n)

Ali

مصطفى بنقطيب

مشكور استاذي الكريم

بصراحة لم أفهم

هل اقوم بوضع هذا السطر في إضافة WP Rocket بدل عنوان الصورة؟

علي ملص

Ali

ما يقصده الأستاذ مصطفى أنه يمكن استهداف الصورة البارزة الأولى التي تظهر في الصفحة عبر الاعتماد على قواعد تحديد العناصر في CSS، لكن لا أعرف تمامًا فيما إذا كان ذلك سينجح، لأن wp-rocket قد حددت إمكانية إضافة كلاس، ولم يتم ذكر أنه يمكن إضافة أي Selector.