recent
أخر الأخبار

ضغط الصور الي WebP في بلوجر وزيادة سرعة الموقع

إن السرعة أهم ما يميز أي موقع علي الانترنت سواء كان علي بلوجر أو ووردبريس، فالسرعة هي عامل مهم في أي موقع حيث تساعد علي رفع ثقة موقعك من قبل الزوار وترفع ترتيب موقعك بين المواقع وكل هذه نقاط جيدة بالنسبة لجوجل لتحصل علي ثقتهم. من فترة قمت بشرح تدوينة عن كيفية زيادة سرعة موقعك علي بلوجر بدون اضافة أي أكواد للقالب الخاص بك، وعندما قمت بتحليل موقعي علي أداة Google Page Speed لاحظت زيادة في سرعة موقعي، ولكن كان هناك أيضاً اقتراحات لزيادة السرعة أكثر عن طريق " عرض الصور بتنسيقات الجيل القادم ".



هذه الرسالة وجدتها عند تحليل موقعي وقياس سرعته وهي ضمن الاقتراحات التي تساعد في زيادة سرعة الموقع الخاص بك، أيضا اذا قمت بتحليل موقعك ستجد هذه الرسالة ضمن الاقتراحات التي تويد من سرعة موقعك والتقليل من وقت تحميل الصفحات فيه، وهي ليست بالأمر الصعب، فكل ما عليك فعله هو استخدام الصور بتنسيق WebP في تدويناتك.


ماهو تنسيق WebP ؟

هذا التنسيق للصور أصدرته جوجل في عام 2010 ، فمن خلال هذا التنسيق تستطيع ضغط الصور والتقليل من حجمها مع الاحتفاظ بجودة الصور ، كما أنها تقلل من وقت تحميل الصور في الموقع وبالتالي زيادة سرعته. 
وبحسب ما قالته جوجل في هذا الموضوع أنه " باستخدامك لهذه الصيغة يمكنك نقص 25 % من حجم الصور الأصلي اذا كانت بصيغة Png ، ونقص ما يصل الي 34 % من حجمها اذا كانت الصورة بصيغة jpeg .

مميزات تنسيق WebP في بحث جوجل

كما قلنا عند استخدامك لصيغة WebP في موقعك فان ذلك سيمنحك سرعة في تحميل موقعك مما يجعل الزوار سعداء، وبالتالي ذلك سيجعل جوجل سعيدة ، مما يترتب عليه زيادة تقييمك في بحث جوجل وتصدر النتائج.

كيفية استخدام تنسيق WebP في بلوجر ؟

في بلوجر لن تستطيع تحميل الصور بصيغة WebP مباشرة من علي جهازك ووضعها في التدوينة ، ولقد قمت بتجربة ذلك وظهرت لي هذه الرسالة.


لذلك سأقوم بشرح طريقة استخدام هذا التنسيق بدون اللجوء الي المواقع او التطبيقات التي تعمل علي تحويل الصور الي صيغة WebP ، فقط كل ما عليك فعله هو اتباع الخطوات التالية: 

(1) قم بتحميل صورتك في المقالة طبيعي كما كنت تقوم بتحميلها من قبل وبأي صيغة.
(2) بعد تحميل الصورة ووضعها في المقالة قم باختيار الحجم المناسب للصورة .
(3) اذهب الي خيار HTML في التدوينة.
(4) ستجد كود الصورة بهذا الشكل.


(5) كل ما عليك الان هو كتابة " rw- " بعد " s1600 " ليصبح الكود بهذا الشكل.


ملاحـظـة : أحيانا ستجد بدلاً من " s1600 " أحد الأكواد التالية " s200 , s320 , s400 , s640 " الخ... لا تقلق من هذا، فقط قم بكتابة " rw- " بعد أي كود منهم .

الأن قم بحفظ تدوينتك وقم بالتعديل علي جميع المقالات والصور وقم بتحويلها الي صيغة WebP ثم قم بالذهاب الي Google Page Speed وعمل فحص لسرعة موقعك وستلاحظ الفرق فيها.ولزيادة التأكيد علي أن الصور تم تحويلها الي صيغة WebP  قم بفتح أي صورة في تبويب ثم قم بحفظها علي جهازك وستجد أنه تم حفظها بصيغة WebP علي جهازك.

الخلاصة

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