 |
| طريقة ضغط الصور و عرضها بتنسيقات الجيل القادم لزيادة سرعة موقعك |
تعتمد محركات البحث علي سرعة المواقع لإظهارها في الصفحة الأولي من نتائج البحث ، و أصبح محرك البحث جوجل خاصة يعتمد علي سرعة المواقع في الجوال و الكمبيوتر لترتيبها و إظهارها في الصفحة الأولي .
إضافة إلي ذلك لا يمكن للزوار أو العملاء البقاء في موقعك لفترة طويلة إذا كان موقعك بطئ و هذا سيؤدي إلي خسارة أرباحك إذا كنت تعتمد علي الإعلانات أو بيع المنتجات للربح من موقعك الإلكتروني .
قمنا بشرح مسبقا علي مدونة محترف الكمبيوتر طريقة قياس سرعة موقعك أو مدونتك بإستخدام أداة PageSpeed و المقدمة من شركة جوجل ، المهم بعد قياس سرعة موقعك علي PageSpeed Insight ستظهر لك مجموعة من الأخطاء و التي تؤدي إلي بطئ موقعك علي الجوال و الكمبيوتر و أهم هذه الأخطاء و أكثرها شيوعا و المتدوالة بين المدونين و أصحاب المواقع هي عرض الصور بتنسيقات الجيل القادم .
و ستظهر لكم عرض الصور بتنسيقات الجيل القادم علي PageSpeed Insight كوسيلة أو فرصة أولي يمكن إستغلالها لتحسين سرعة موقعك أو مدونتك علي الجوال و الكمبيوتر .
كما تلاحظون في الصورة توجد مجموعة من الصور في موقعي و التي يجب عرض بتنسيقات الجيل القادم و في هذا الشرح سنتعلم طريقة ضغط الصور و عرضها بتنسيقات الجيل القادم لتحسين سرعة الموقع و ترتيبه في محركات البحث .
قد يهمك أيضا ماهو السيو و ماهي فائدته ؟
الصور بتنسيقات الجيل القادم :
و من خلال إستخدام الصور بتنسقات الجيل القادم ستزداد سرعة موقعك و سينخفض معدل إستهلاك البيانات إضافة إلي أن الصور ستظهر بدقة و جودة عالية .
طريقة ضغط الصور و عرضها بتنسيقات الجيل القادم لزيادة سرعة موقعك :
أولا تقوم بالتوجه إلي موقع Squoosh من هنا
تضغط علي Select an image و تقوم برفع الصور التي تريد أن تقوم بضغطها و تغييرها إلي تنسيق الجيل القادم مثلا
JPEG 2000 وJPEG XR وWebP
تقوم بإختيار صيغة الصورة WebP ، يمكنك كذلك التحكم بجودة الصورة و كما تلاحظون قمنا بتغيير تنسيق الصورة إلي الجيل القادم بصيغة WebP و قمنا بضغط الصورة بنسبة 54 % مع الحفاظ علي جودتها المهم بعد الإنتهاء قم بالضغط علي السهم الأزرق
لتحميل الصورة كما هو مبين في الصورة السابقة .
بعد الأن لن تواجهك مشاكل مع عرض الصور في موقعك ، المهم لا تنسي أن تقوم بتحويل جميع الصور الموجودة في موقعك إلي تنسيق الجيل القادم و قبل رفع أي صورة قم بإستخدام موقع Squoosh و تبطبيق هذا الشرح .
رابط موقع Squoosh إضغط هنا
تعليقات
إرسال تعليق