ما سنلقي نظرة عليه في هذه الجولة هو أفضل أدوات تحسين الصور في WordPress.
يدعي كل منهم أنه أفضل أداة لهذا الغرض. لذلك قمنا باختبارها في الحياة الواقعية لنرى مدى أدائها الفعلي.
لقد فاجأتنا نتائج اختباراتنا حقًا. تابع القراءة لتعرف بالضبط ما اكتشفناه، خاصة فيما يتعلق بالمكونات الإضافية "الشهيرة".
لماذا تهتم بتحسين الصور؟
الصور تمثل تقريبا. 21% من حجم الصفحة .
كلما زاد عدد الصور التي تستخدمها في المحتوى الخاص بك، كلما استغرق تحميل الصفحة وقتًا أطول. ولكن لا يزال يتعين عليك استخدام الصور على موقعك. يعد تحسين صورك في Photoshop أو ما شابه هو الطريقة الوحيدة لتقليل حجم الصورة.
لكن الأمر يتطلب الكثير من العمل وقدرًا معينًا من المعرفة. لحسن الحظ، هناك مجموعة كاملة من المكونات الإضافية لتحسين الصور في WordPress للقيام بهذه المهمة نيابةً عنك.
فيما يلي المكونات الإضافية التي اختبرناها.
جدول المحتويات ☰
أفضل الإضافات لتحسين الصور في ووردبريس
Imagify
Imagify هو مكون إضافي مجاني لـ WordPress، ولكنك ستحتاج إلى إنشاء حساب Imagify.io للحصول على واجهة برمجة التطبيقات اللازمة لتشغيل المكون الإضافي.
Imagify يأتي من نفس الأشخاص الذين قاموا بإنشائه WP Rocket لذلك كانت لدينا توقعات عالية من حيث الميزات والقدرات.
تخيل واجهة
لا داعي للقلق بشأن علامات التبويب المتعددة أو القوائم الجانبية أو أي شيء من هذا القبيل - فواجهة Imagify تشغل صفحة واحدة:
قد يبدو الأمر مخيفًا بعض الشيء للوهلة الأولى، ولكن لا يوجد سوى عدد قليل من الإعدادات التي تحتاج إلى القلق بشأنها، مثل "مستوى التحسين" وتمكين دعم الصور WebP.
إنه أكثر أو أقل ذلك.
الميزة الرائعة حقًا هي أنه يمكنك تحسين صورك وورد موضوعأو أضف مجلدًا كاملاً من الصور بدلاً من ذلك:
تعتبر أداة "المقارنة المرئية" لمسة لطيفة: يمكنك معاينة المستويات المختلفة لضغط الصور المتوفرة في البرنامج الإضافي:
صور الأمثل
يمكنك اختيار ثلاثة أنواع مختلفة من ضغط الصور:
- عادي - الحد الأدنى من الضغط
- العدوانية - الضغط المتوسط (الإعداد الافتراضي)
- الحد الأقصى للضغط الفائق
كما هو الحال مع معظم هذه المكونات الإضافية، يمكنك إجراء "تحسين مجمع" للصور الموجودة، لكننا أردنا اختبار كيفية تعاملها مع تحسين الصور الجديدة.
لم تكن كيفية القيام بذلك واضحة تمامًا، فقد كان هناك بعض التجربة والخطأ.
تحتاج إلى تحميل الصورة أولاً، ثم الانتقال إلى مكتبة الوسائط الخاصة بك في WordPress للعثور على إعدادات التحسين:
تم تحسين صورتك وفقًا للإعداد الافتراضي للمكون الإضافي Imagify، وفي هذه الحالة كان الإعداد "العدواني" هو الذي قلل حجم الملف بمقدار واحد 95,34% .
بالقيمة الحقيقية، هذا يعني أن حجم الملف قد انخفض من 555 كيلو بايت إلى 25 كيلو بايت.
يمكنك اختيار التحسين إلى "Ultra" أو إلى "Normal" من هذه الشاشة، بالإضافة إلى استعادة ملف الصورة إلى حالته الأصلية.
يمكنك أيضًا مقارنة جودة الملف الأصلي بالنسخة المحسنة حديثًا قبل نشره:
AVANTAGES
- ضغط الصور مثير للإعجاب للغاية
- تغطي خطتهم المجانية 25 ميجابايت من النطاق الترددي للصور شهريًا
- الواجهة البسيطة سهلة الاستخدام للغاية
سلبيات
- قد يكون من الجيد وجود علامة تبويب منفصلة لإعدادات "المسؤول"، لكننا ننتقي الأخطاء هنا
ملخص تخيل:
- سهولة التركيب: يجب عليك التسجيل للوصول إلى مفتاح API
- اخر تحديث : قبل أسبوعين
- دعم صورة WebP: نعم
- اختبار ضغط الصور: 95,34٪
سجل سماش
سجل سماش (المعروف سابقًا باسم WP Smush) هو أحد المكونات الإضافية الأكثر شيوعًا لضغط الصور.
في الواقع، إذا سألت معظم مالكي مواقع الويب عما يستخدمونه لضغط الصور، فمن المحتمل أن يقولوا "Smush". وهذا ما يفسر أيضًا سبب حصول البرنامج الإضافي على 1 عملية تثبيت نشطة.
ولكن دعونا نرى ما إذا كان يستحق سمعته؟
واجهة سحق
لوحة المعلومات واضحة للغاية وتخبرك بعدد الصور التي قمت بالكتابة فوقها وعدد الصور التي تحتاج إلى الكتابة فوقها حاليًا:
يمكن الوصول إلى بقية وظائف Smush من القائمة الموجودة على الجانب الأيسر من الشاشة:
- السائبة سجل سماش - ضغط جميع صورك مرة واحدة
- دليل سحق - يضغط جميع الصور في دليل معين
- التكامل – Gutenberg ومعرض Amazon S3 NextGen وWP Bakery منشئ الصفحة
- تحميل كسول - تأجيل تحميل الصور الموجودة أسفل الطية
- CDN – تمكين CDN Developer WPMU لـ Smush
- أدوات - كشف وعرض الصور ذات الحجم غير الصحيح
- المعلمات - إمكانية الوصول والترجمات وتتبع الاستخدام وبيانات التطبيق وحالة واجهة برمجة التطبيقات
لكي نكون منصفين، الإعدادات الوحيدة التي ربما تحتاج إلى إلقاء نظرة عليها هي "Bulk Smush" و"Lazy Load".
صور الأمثل
يقوم Smush تلقائيًا بضغط الصور الجديدة بشكل افتراضي، لذا كان علينا إيقاف هذا الإعداد لنرى فعليًا ما كان يفعله Smush.
ولهذا السبب ترى أنه الإعداد الافتراضي... لأنه لا توجد إعدادات أخرى لضغط الصور يمكنك اللعب بها:
اسحق، أو لا اسحق... هذا هو السؤال!
وعندما تستخدم Smush، فإن النتائج ليست مذهلة تمامًا:
أعطانا سموش أ انخفاض في الحجم بنسبة 3,7% لصورة الاختبار لدينا.
وفي محاولة لكي نكون منصفين حقًا، قمنا باختبار صورة أخرى أكبر لمعرفة ما إذا كانت جيدة كما كانت:
هذه المرة حصلنا على انخفاض بنسبة 86,1% في حجم الصورة. كان أداء Smush أفضل بكثير في ضغط ملف بحجم 1,5 ميجا بايت مقارنة بملف بحجم 555 كيلو بايت. وبعد مقارنة الصور، اكتشفنا السبب: كانت الصورة الأكبر تحتوي على ألوان أقل وكانت أقل تعقيدًا.
مما يعني أن خوارزمية ضغط Smush أساسية قدر الإمكان.
AVANTAGES
- توفر لوحة تحكم Smush تمثيلاً مرئيًا واضحًا لجهازك إحصائيات والمهام
- وهو مكون إضافي مجاني 100%
سلبيات
- إن "التحسن" بنسبة 3% في حجم الملف أمر مؤسف
- لا يمكنك تغيير مستويات الضغط
ملخص سماش:
- سهولة التركيب: التثبيت والتنشيط من WordPress
- آخر تحديث للبرنامج المساعد: قبل 1 أشهر
- اختبار ضغط الصور: 3,7٪
- دعم ويب؟ ليس
ShortPixel
ShortPixel هو اسم قد لا تعرفه على الفور، لكنهم يطورون سمعتهم كأحد أفضل شبكات CDN للصور المتوفرة.
أول شيء نحتاج إلى معالجته هنا هو أن هناك في الواقع مكونين إضافيين مختلفين لـ ShortPixel:
- محسن الصور ShortPixel (SIO)
- الصور التكيفية ShortPixel (SAI)
إذن ما هو الفرق بينهما؟
يعد ShortPixel Image Optimizer خيارًا أفضل للمواقع نشر البيانات للجمهور المحلي و ShortPixel Adaptive Images هو الأنسب للمواقع التي تخدم الجماهير الدولية.
ولهذا السبب قمنا باختبار البرنامج الإضافي "Adaptive Images" فقط.
يعد تثبيت المكون الإضافي أمرًا بسيطًا، ولكن ستحتاج إلى طلب واجهة برمجة التطبيقات (API) حتى يعمل كل شيء بشكل صحيح.
واجهة ShortPixel
لقد اتبعوا أسلوبًا بسيطًا في الواجهة الخاصة بهم، والتي تمثل نسمة من الهواء النقي مقارنة ببعض المكونات الإضافية الأخرى:
ضمن علامة التبويب "عام"، يمكنك الاختيار من بين ثلاثة مستويات للضغط:
- مع الخسارة - ضغط أعلى، جودة صورة أقل
- برلنت - مطابق تقريبًا للصورة الأصلية
- بدون خسارة : ضغط أقل، جودة صورة أعلى
يتم تمكين دعم WebP افتراضيًا، كما هو الحال مع التحميل البطيء للصور. الشيء الوحيد الذي عليك اختياره هو نوع الضغط الذي تريد استخدامه.
تحتوي علامة التبويب "خيارات متقدمة" على عنوان URL لواجهة برمجة التطبيقات ومجموعة من الإعدادات التي لن يحتاجها 99% منكم أبدًا.
مرة أخرى، لا يوجد أي تكوين تقريبًا.
ضغط الصورة
يعتني ShortPixel باحتياجاتك الخاصة بضغط الصور "سريعًا"، لذلك من الصعب بعض الشيء قياس النتائج فعليًا.
في الواقع، الطريقة الوحيدة للعثور عليها إحصائيات على ضغط الصور من خلال موقعه على الانترنت.
وتحتاج إلى تنزيل تقرير منفصل يتم تحديثه مرة واحدة فقط كل ساعة:
لكن النتائج كانت مبهرة... بمجرد أن وجدناها:
لقد حصلنا على تقليل حجم الملف بنسبة 94,36% ، تم الحصول عليها دون أي تعديل أو تلاعب أو معالجة لمختلف المعلمات.
تضع هذه النتيجة ShortPixel في المركز الثالث، ولكن بفارق ضئيل فقط.
AVANTAGES
- ضبط ونسيان تحسين الصورة
- تقليل حجم ملف الصورة بشكل ممتاز
- لا يوجد تلاعب في المعلمات المعقدة
- حساب مجاني متاح (100 صورة شهريا)
سلبيات
- إنهم بحاجة إلى لوحة تحكم لإعداد التقارير في البرنامج المساعد
- العديد من المكونات الإضافية المتاحة مربكة
ملخص ShortPixel:
- منشأة : التثبيت والتنشيط من WordPress
- آخر تحديث للبرنامج المساعد: هناك 16 ساعات
- اختبار ضغط الصور: 94,36٪
- دعم ويب؟ نعم
محسن EWWW
مع 700 عملية تثبيت نشطة وتصنيف 000 نجوم، EWWW يبدو أنه اختيار جيد كمكون إضافي لضغط الصور.
بعد كل شيء، إذا كان مئات الآلاف من مالكي المواقع سعداء بذلك، فمن المؤكد أنهم يفعلون الشيء الصحيح.
السطح البيني
يحتوي EWWW Image Optimizer على لوحة تحكم مرئية للغاية، تعرض مستوى ضغط الصورة الذي يمكنك توقعه، بالإضافة إلى مقدار مساحة الملف التي قمت بحفظها حتى الآن.
ربما لاحظت أن مستوى الضغط الخاص به قد تم ضبطه على 20%، وهو ما لا يبدو سيئًا للغاية.
حتى تلاحظ في القائمة "الأساسية" أنه لا يمكنك فعليًا تغيير مستويات التحسين لأي نوع من الصور:
تحتاج إلى شراء مفتاح API للوصول إلى "Pixel Perfect Plus" أو أدوات ضغط أفضل.
سنناقش هذا الفشل بمزيد من التفصيل في القسم التالي.
يتم الوصول إلى بقية الواجهة عبر قائمة مبوبة، ولكننا نعتقد أن المستخدمين الجدد قد يشعرون بالإرهاق الشديد عندما يرون العشرات من الخيارات المختلفة التي يمكن تشغيلها أو إيقاف تشغيلها.
ضغط الصورة
مثل Smush، يقوم EWWW Image Optimizer تلقائيًا بضغط جميع الصور الجديدة التي تم تحميلها إلى مكتبة وسائط WP الخاصة بك.
لسوء الحظ، الطريقة الوحيدة للقيام بذلك هي تحرير ملف wp_config.php يدويًا، أو ما يسمونه " خيارات الاستبدال ".
تؤدي هذه الرقابة إلى عدم إمكانية الوصول إلى المكون الإضافي على الفور لعدد كبير جدًا من الأشخاص.
لقد أجرينا اختبارنا للمكون الإضافي باستخدام إعداد التحسين الافتراضي الخاص به وحصلنا على هذه النتيجة:
أدى هذا التخفيض بنسبة 9% في حجم الملف (58,8 كيلو بايت) إلى خفض حجم الصورة الاختبارية لدينا من 555 كيلو بايت إلى 496,2 كيلو بايت. وهذا أداء أفضل قليلاً من Smush، ولكنه متخلف كثيرًا عن جميع المكونات الإضافية الأخرى في هذا التوليف.
الطريقة الوحيدة لتحسين هذه النتيجة هي شراء واجهة برمجة التطبيقات التي تتقاضى 0,0003 دولارًا لكل صورة. أو يمكنك دفع 9 دولارات شهريًا مقابل CDN لصورة ExactDN بدلاً من ذلك.
قد يبدو الأمر كخطوة تسويقية ذكية، لكنه يجعل المكون الإضافي المجاني عديم الفائدة بشكل فعال.
إنها مجرد أداة لتوليد العملاء المحتملين ترتدي زي البرنامج المساعد لتحسين الصورة.
AVANTAGES
- EWWW Image Optimizer مجاني
سلبيات
- الواجهة كارثة حقيقية
- ضغط الصور سيء جداً
- الإصدار المجاني من البرنامج المساعد محدود للغاية في الوظائف
ملخص EWWW
- منشأة : التثبيت والتنشيط من WordPress
- آخر تحديث للبرنامج المساعد: قبل أسبوعين
- ضغط الصورة: 9٪
- دعم ويب؟ نعم
Optimole
Optimole هو منتج به العديد من أوجه التشابه مع Imagify وShortPixel من حيث أنه يوفر تحسين وضغط الصور المستند إلى السحابة.
أو، بكلماتهم الخاصة، "... معالجة الصور في الوقت الفعلي وCDN للصور لـ WordPress".
ومثل معظم أدوات تحسين الصور السحابية الأخرى، تحتاج إلى إنشاء حساب مجاني لاستخدام هذا البرنامج الإضافي. حساب Optimole الخاص بك ليس "مجانيًا إلى الأبد": يتم فرض حد للصورة يبلغ 1 جيجابايت عليه.
السطح البيني
لقد أحببنا واجهة Optimole - فقد تمكنوا من إبقائها بسيطة بشكل مخادع، مع الحفاظ على جميع الإعدادات التي تحتاجها في متناول يدك.
لديك الاختيار بين "لوحة التحكم" و"الإعدادات":
ضمن الإعدادات، لديك خياران رئيسيان:
- تمكين استبدال الصورة
- تغيير حجم الصور والتحميل البطيء
وضمن القائمة "متقدمة"، يمكنك الاختيار من بين:
- مستوى الضغط - منخفضة أو متوسطة أو عالية
- تغيير حجم الصورة - تغيير حجم الصور الكبيرة لتناسبها
- تحميل كسول (تمكين العنصر النائب العام)
- الاستثناءات - الملفات التي لا تريد تحسينها
- العلامة المائية - أضف علامة مائية إلى صورك لردع العلق/السرقات
كان من الممكن اعتبارها الواجهة الأكثر سهولة في المجموعة لولا وجود خطأ صارخ واحد.
الوصول إلى المكون الإضافي يعني الانتقال إلى المكونات الإضافية -> المكونات الإضافية المثبتة، ثم التمرير لأسفل للنقر على "إعدادات" المكون الإضافي.
نأمل أن يقوموا بإصلاح هذه المشكلة في التحديث المستقبلي باستخدام نوع ما من شريط الإدارة أو نظام قائمة السياق.
ضغط الصورة
لذا فإن الواجهة رائعة، ولكن ما مدى نجاحها في تقليل حجم ملف الصورة؟
حسنًا، هذا هو المكان الذي انهارت فيه الأمور قليلاً. إنه لا يتكامل مع مكتبة الوسائط، لذلك لم نتمكن من رؤية أي تقليص لملفات الصور هناك. بعد بعض التلاعب والتحديث، عدنا إلى لوحة التحكم ووجدنا النتيجة هناك:
أصبحت صورتنا التجريبية الآن أصغر بمقدار 21,8 مرة من ذي قبل، مما يبدو رائعًا. ولكن لا يزال لدينا لافكرة ماذا يعني ذلك بالكيلوبايت/الميجابايت. لذلك قمنا بفحص لوحة تحكم الويب الخاصة بحساب Optimole الخاص بنا كحل أخير:
تعتبر 26 كيلو بايت نتيجة مذهلة، ولكن هناك الكثير من الخطوات التي يجب القفز عليها للحصول على هذه المعلومات. يقوم Optimole بعمله بشكل جيد للغاية، لكنهم بحاجة إلى العمل على تجربة المستخدم الخاصة بهم.
تحتاج أيضًا إلى مراعاة تكاليفك بمجرد استخدامك المجاني الذي تبلغ سعته 1 غيغابايت من الصور شهريًا (5 غيغابايت من النطاق الترددي للعرض).
AVANTAGES
- قدرة رائعة على تقليل الصورة
- ميزة العلامة المائية رائعة جدًا
- واجهة مبسطة وبديهية
- 5 غيغابايت من النطاق الترددي للصور مجانًا شهريًا
سلبيات
- في الواقع، الوصول إلى البرنامج المساعد هو عمل روتيني
- التقارير معقدة على أقل تقدير
ملخص أوبتيمول
- سهولة التركيب: يجب عليك التسجيل للوصول إلى مفتاح API
- آخر تحديث للبرنامج المساعد: قبل يوم 1
- ضغط الصورة: 95٪
- دعم ويب؟ نعم
نتائج ضغط الصور
تعتمد جميع النتائج أدناه على صورة الاختبار هذه:
- حجم الصورة الأصلية: 555 كيلو بايت
- تنسيق الصورة: جبيغ
- أبعاد الصورة: 1 بكسل × 000 بكسل
| المساعد | حجم مضغوط | نسبة الخصم |
|---|---|---|
| Imagify | 25,8 كو | 95% |
| سجل سماش | 554,8 كو | 3% |
| ShortPixel | 31,2 كو | 94% |
| EWWW | 496,2 كو | 9% |
| Optimole | 26 كو | 95% |
البرنامج المساعد مع أفضل نتيجة لتحسين الصورة هو Imagify.io ، مع حصول Optimole على المركز الثاني واقتراب ShortPixel من المركز الثالث.
الأمر الأكثر إثارة للاهتمام في اختباراتنا هو الأداء الضعيف لـ Smush وEWWW، لكن الأرقام لا تكذب.
ليس هناك فائدة من استخدام المكونات الإضافية التي لا تفعل ما تقوله حرفيًا.
مصادر أخرى:
- 10 برامج تابعة للحيوانات الأليفة تدفع عمولات عالية
- كيفية تسريع موقع ووردبريس
- كيفية تثبيت ووردبريس على Hostinger؟
وفي الختام
وهذا يقودنا إلى نهاية مقارنة مُحسِّن الصور في WordPress، ومن الواضح أن Imagify أصبح هو الفائز.
لقد فوجئنا حقًا بالأداء بواسطة تخيل وOptimole في اختباراتنا.
ومع ذلك، كان هذا يعتمد على حقيقة أننا لم نكن نعرف الكثير عن أي من البرنامجين الإضافيين، وليس على أي تصورات سلبية من جانبنا.
إن ShortPixel هي الأداة المفضلة لدينا، وذلك ببساطة لأنها آلية تقريبًا: نحن فقط نسمح لها بالقيام بعملها.
كما تعلم على الأرجح، فإننا نرغب في تنظيم كل ما نقوم به تقريبًا. ولكن مع ذلك، يمكننا إجراء المزيد من الاختبارات باستخدام Imagify على المواقع المباشرة لنرى مدى نجاحه.
أخبرنا برأيك في هذه الجولة من خلال تعليق، ولا تنس مشاركة هذه المقالة إذا وجدتها مفيدة.
تفضل، أنت تعلم أنك تريد ذلك!