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

تحويل صور مدونة بلوجر إلى WEBP تلقائيًا لتسريع تحميل الصفحات وتحسين السيو

في هذا السياق، تُعتبر صيغة WEBP من الحلول المتقدمة لتحسين أداء الصور على الويب. صيغة WEBP، التي تم تطويرها بواسطة جوجل، توفر ضغطًا عالي الجودة للصور مع تقليص حجم الملف بشكل ملحوظ مقارنة بصيغ الصور التقليدية مثل JPEG وPNG.

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

فوائد تحويل الصور إلى WEBP

عند استخدام صيغة WEBP:

تقليل حجم الصورة دون التأثير الملحوظ على الجودة.

تحميل أسرع للصفحات بفضل تقليص حجم الملفات.

تحسين ترتيب الموقع في نتائج محركات البحث، خاصةً جوجل.

زيادة عدد الزوار بفضل تحسين الأداء العام.

تجربة تصفح سلسة وأقل انقطاعًا للمستخدمين.

كما تسهم هذه الصيغة في تقليل استهلاك البيانات، مما يجعل التصفح أكثر كفاءة للمستخدمين ذوي الإنترنت الضعيف أو المحدود، وهو ما يُحسّن الوصول إلى المحتوى بغض النظر عن سرعة الاتصال.

تغيير s16000 إلى s1600-rw-e90

تعديل الرابط من s16000 إلى s1600-rw-e90 هو خطوة إضافية تعزز من الكفاءة.

هذا التغيير في الرابط يساهم في تقديم صورة بحجم مناسب مع الحفاظ على جودتها مع استخدام صيغة WEBP.

من خلال هذا التعديل، لا يتم فقط تقليص حجم الصورة، بل يتم أيضًا تحسين التوافق مع تقنيات الضغط المتقدمة التي توفرها WEBP.

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

الفوائد الشاملة لهذه التعديلات على المدونة

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

شرح تحويل الصورة الي webp تلقائي

لتحويل الصور في مدونة بلوجر إلى صيغة WEBP وتعديل رابط الصورة من s16000 إلى s1600-rw-e90 بشكل تلقائي لجميع الصور، يمكن تنفيذ ذلك باستخدام أكواد JavaScript مدمجة مع بلوجر.

تحويل الصور في بلوجر الي WEBP واضافة خاصية التخزين المؤقت علي الصور تلقائي

1. إعداد الكود:

سوف تستخدم JavaScript لالتقاط جميع الروابط للصورة داخل المدونة وتحويلها إلى صيغة WEBP وإجراء التعديلات المطلوبة على الرابط.

2. كود JavaScript:

هذا الكود سيقوم بتعديل جميع الصور في مدونتك بشكل تلقائي:

3. الشرح:

التعديل على الروابط: الكود يلتقط جميع الصور في الصفحة باستخدام document.querySelectorAll('img') ثم يمر عبر كل صورة ويستبدل الجزء s16000 بـ s1600-rw-e90.

إضافة .webp: يضيف امتداد .webp للصورة إذا لم يكن موجودًا.
التخزين المؤقت: يتم تعيين فترة التخزين المؤقت للصورة إلى 90 يومًا (7776000 ثانية).