شرح بالصور حل مشكلة تحسين الصور في PageSpeed Insights

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

اولاً قمت في السابق بشرح طريقة | حل مشكلة الصفحة غير مناسبة للجوال 

وايضاً قمت بشرح | شرح بالصور طريقة طريقة التخلص من عناصر جافا سكريبت وCSS التي تحظر عرض المحتوى في الجزء العلوي

شرح بالصور حل مشكلة تحسين التخزين المؤقت للمتصفح 

اليوم بأذن الله هنكمل سلسلة شروحات تحسين موقعك في محركات البحث وزيادة سرعة التصفح وسرعة ارشفة الوقع بالاضافة لصداقة محركات البحث وعدم ملل المستخدم من بطئ موقعك

اولاً اضغط هنا وقم بفحص موقعك

بعد كده يامحترم هتلاقي فيه مشاكل كتير كما تشاهد في الصورة التالية:

اضغط علي الصور عشان تظهر معاك بحجمها الطبيعي

Download , PageSpeed , Compressnow , Upload , Optimize , images , تحسين , ضغط , الصور , سرعة , الموقع , اصلاح , واجب , يجب

لحظ كدا ان سرعة موقعي هي 79% وعلي الاقل عشان موقعك يكون تمام لازم توصل لـ 90%
المهم ازاي نحل مشكلة تحسين الصور او Optimize images او بمعني اصح ضغط الصور وتقليل حجمها عشان تفتح مع المستخدم بطريقة اسرع

اول حاجه هتضغط علي تحسين الصور او Optimize images

بعد كده هتلاقي روابط الصور قدامك هتحرك الموس علي الرابط هيظهر ليك رابط الصوره قم بنسخه كما تشاهد في الصورة التاليه

Download , PageSpeed , Compressnow , Upload , Optimize , images , تحسين , ضغط , الصور , سرعة , الموقع , اصلاح , واجب , يجب

تمام بعد ان قمت بنسخ رابط الصورة قم بوضعها في المتصفح وحفظها لجهازك كما تشاهد في الصورة التالية:

Download , PageSpeed , Compressnow , Upload , Optimize , images , تحسين , ضغط , الصور , سرعة , الموقع , اصلاح , واجب , يجب

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

بعد ان قمت بالدخول للموقع اضغط علي Upload Image وقم باستيراد الصورة التي قمت بحفظها

Download , PageSpeed , Compressnow , Upload , Optimize , images , تحسين , ضغط , الصور , سرعة , الموقع , اصلاح , واجب , يجب

اختار الصورة

Download , PageSpeed , Compressnow , Upload , Optimize , images , تحسين , ضغط , الصور , سرعة , الموقع , اصلاح , واجب , يجب

لو عايز تقلل دقة الصوره اكثر قم بتحريك المؤشر كما هو موضح في الصورة التاليه

Download , PageSpeed , Compressnow , Upload , Optimize , images , تحسين , ضغط , الصور , سرعة , الموقع , اصلاح , واجب , يجب

واخيرا اضغط علي Compress now

لاحظ حجم الصورة قبل الضغط وبعد الضغط

Download , PageSpeed , Compressnow , Upload , Optimize , images , تحسين , ضغط , الصور , سرعة , الموقع , اصلاح , واجب , يجب

بعد كده اضغط علي Download واحفظ الصورة علي جهازك وقم بأعادة رفعها لموقعك في نفس الملف اللي موجود فيه الصوره يعني هتستبدل الصورة الجديده بالصورة القديمه

واخيرا شاهد ماذا حدث لموقعي بعد تعديل الصور

Download , PageSpeed , Compressnow , Upload , Optimize , images , تحسين , ضغط , الصور , سرعة , الموقع , اصلاح , واجب , يجب

واشكركم ونتقابل في درس جديد وشرح جديد

اضف تعليق