حل مشكلة بطء موقعك بسبب فيديوهات يوتيوب
حل مشكلة بطء موقعك بسبب فيديوهات يوتيوب تعرف على إضافة التحميل البطيء الذكية
إذا كنت تستخدم ووردبريس وتقوم بإدراج فيديوهات يوتيوب داخل المقالات، فمن المحتمل أنك لاحظت تأثر سرعة الموقع بشكل واضح. الفيديوهات المُدمجة (embed) من يوتيوب قد تبدو غير ضارة، لكنها في الواقع تُحمّل أكثر من 500 كيلوبايت من الجافاسكريبت، بالإضافة إلى عناصر iframe ثقيلة تؤثر على أداء الصفحة ونتائج PageSpeed Insights.
إضافة وردبريس لليوتيوب
لماذا فيديوهات YouTube تُبطئ الموقع؟
عند استخدام كود YouTube الرسمي (iframe)، يبدأ المتصفح بتحميل سكربتات خارجية، صور، عناصر تحكم، وحتى ملفات تتبع (tracking). كل هذا يتم مباشرة عند تحميل الصفحة، حتى لو لم يقم الزائر بتشغيل الفيديو. هذا يؤدي إلى:
- ارتفاع وقت تحميل الصفحة (Page Load Time)
- تأخير ظهور أكبر عنصر محتوى (LCP)
- تأثير سلبي على Core Web Vitals
- زيادة استهلاك البيانات خصوصًا للمستخدمين على الموبايل
الحل: إضافة Lazy Load لفيديوهات يوتيوب
قمنا بتطوير إضافة مخصصة لووردبريس تقوم تلقائيًا بتأجيل تحميل الفيديو حتى ينقر الزائر على زر التشغيل. بدلًا من تحميل iframe من البداية، تقوم الإضافة بعرض صورة مصغرة للفيديو (thumbnail) يتم تحميلها من YouTube، ثم يتم تحويلها تلقائيًا إلى صيغة WebP لضمان الأداء السريع.
مزايا الإضافة
- تحميل الفيديو عند التفاعل فقط (Click-to-Load)
- تحويل الصورة المصغرة إلى WebP تلقائيًا
- دعم Lazy Loading فعلي بدون سكربتات خارجية
- واجهة إدارة سهلة من لوحة تحكم ووردبريس
- تحسين تلقائي لأداء LCP وCLS وتقليل استدعاءات الشبكة
طريقة الاستخدام
- قم بتثبيت الإضافة من لوحة التحكم > إضافات > أضف جديد > رفع الإضافة (zip).
- بعد التفعيل، انتقل إلى “Lazy YouTube” في القائمة الجانبية.
- أدخل رابط فيديو يوتيوب (مثل:
https://www.youtube.com/watch?v=xxxxx). - الإضافة ستقوم تلقائيًا بجلب الصورة المصغرة وتحويلها إلى WebP.
- انسخ الكود المختصر (Shortcode) الذي يظهر، وأدرجه في أي مكان داخل المقال:
[lazy_youtube id="xxxxx"]بمجرد الحفظ، سيظهر مربع الفيديو مكان الكود عند تصفح المقال. الصورة فقط هي التي تُحمّل، بينما يتم تحميل iframe الخاص باليوتيوب عند النقر فقط.
أداء محسّن، بدون تعقيد
بعد اختبار الإضافة على أكثر من موقع، تحسّنت نتائج PageSpeed Insights بشكل مباشر، خاصة في الصفحات التي تحتوي على أكثر من فيديو. تم تقليل LCP بمعدل 40%، وتوقف تحميل سكربتات YouTube الضخمة عند تحميل الصفحة.
هذه الإضافة مثالية لأصحاب المواقع الذين يريدون عرض فيديوهات بدون التأثير على الأداء أو ترتيبهم في جوجل، خصوصًا في مواقع المحتوى والخدمات التي تعتمد على السرعة.
ملاحظة: الإضافة متوافقة تمامًا مع قالب HanyBee وجميع إضافات الكاش المعروفة مثل LiteSpeed وWP Super Cache.
تحميل الإضافة
لاتنسونا من دعائكم لعلكم أقرب إلى الله منزلة