اطّلِع على حالة أدوات الصور.
إنّ وضع صورة على الويب أمر سهل، ولكن من الصعب إجراء ذلك بشكل جيد. وإلا، قد ننسى بسهولة اختيار التنسيق المناسب ودرجة الضغط والنقاط لكل بوصة (DPI) ومئات الإعدادات الأخرى عندما نختارها بأنفسنا.
والخبر السار هو أنّنا نمتلك حاليًا الكثير من الأدوات والخدمات التي يمكنها تنفيذ كل ذلك نيابةً عنا. الخبر غير السار هو أنّ هناك الكثير من هذه التطبيقات. قد يكون من الصعب اختيار الأداة أو الخدمة المناسبة لك. لهذا السبب، نحن بصدد إطلاق images.tooling.report، وهو موقع إلكتروني نعرض فيه ما نعتقد أنّه الأكثر أهمية عند شحن الصور في مرحلة الإنتاج، بالإضافة إلى مقارنة بعض البرامج والخدمات الأكثر رواجًا، سواء كانت مدفوعة أو مجانية أو مستضافة أو ذات استضافة ذاتية.
ما السبب؟
تشكّل الصور جزءًا كبيرًا من عدد البايتات التي يتم نقلها في الموقع الإلكتروني، ويزداد هذا العدد. تبيّن لنا أنّ الصور غير المحسّنة تشكّل % 75 تقريبًا من الحجم الإجمالي للصفحة. وتتطلّب كل هذه البايتات المهدرة تكلفة. لهذا السبب، في دراسة أجريت على ملايين جلسات المستخدمين الفعلية، تبيّن أنّ الصفحات التي حقّقت إحالات ناجحة كانت تحتوي على عدد صور أقل بنسبة% 38 مقارنةً بالصفحات التي لم تحقّق إحالات ناجحة. هل يجب حذف جميع صورك؟ بالطبع لا. ولكن عليك التأكّد من تحسين الصور التي ترسلها لجميع المستخدمين، بغض النظر عن الأجهزة التي يستخدمونها.
ما هي التجارب المتاحة؟
إنّ عرض الصور المحسّنة يتطلّب أكثر من النقر على "حفظ للويب". لهذا السبب، يتحقّق تقرير images.tooling.report من مجموعة كبيرة من الميزات. وسنتناول الأساسيات، مثل مقدار الضغط الذي تقدّمه الأدوات والخدمات المختلفة، وتحسينات الشبكة، مثل عناوين ذاكرة التخزين المؤقت ذات المدة الطويلة.
لا نتوقف عند هذا الحدّ. لقد بحثنا عن خيارات أكثر تقدمًا، مثل إتاحة Save-Data وECT وغيرها من إشارات العميل، للبحث عن تحليل نفسي مرئي آلي يمكنه استخدام نماذج البيانات لضغط الصور بشكل متكرر، للعثور على الإصدار الذي يستهلك أقل عدد من وحدات البايت بدون تغيير طريقة إدراك أعيننا له. هل تُزيل كل البيانات غير المرئية من صورك قبل إرسالها؟
بالطبع، يختلف كل موقع إلكتروني عن الآخر، ولا توفّر أي أداة أو خدمة كل ما نبحث عنه. هذا أمر متوقّع. لذلك، قسّمنا ما اختبرناه إلى فئات مختلفة. نتناول شبكات توصيل المحتوى (CDN) والمشاريع المستضافة ذاتيًا ومكونات إضافية لنظام إدارة المحتوى (CMS) وأدوات إنشاء المواقع الإلكترونية. هذه تعريفات فضفاضة إلى حدٍ ما تهدف إلى محاولة جعل مقارنة الخيارات المختلفة أكثر صلةً:
- مكوّنات CMS الإضافية هي حِزم تُعدّ خيارًا سهلاً لتطوير التطبيقات على منصات مثل WordPress.
- تقارن أدوات إنشاء المواقع الإلكترونية بين عدد من الخدمات المختلفة التي يمكنك استخدامها لإنشاء موقعك الإلكتروني.
- الاستضافة الذاتية مخصّصة للمطوّرين الذين يشعرون بالارتياح عند استنساخ مشروع git أو تشغيل صورة Docker الخاصة بهم في قناة الإصدار العلني.
- تكون شبكات توصيل المحتوى (CDN) أكثر تعقيدًا بعض الشيء. بعضها من خدمات شبكة توصيل المحتوى (CDN) بالمعنى التقليدي، ولكن بعضها الآخر خدمات تُجري تمثيلاً لصورك أو تستضيفها على الحافة.
لا يمكنك أن تلبي احتياجات الجميع في كل الأوقات، ولكن عليك الاطّلاع على الاختبارات والميزات التي يتم تقييمها ومعرفة مستوى أداء أداة تحسين الصور. ماذا لو لم تكن تُجري أي تحسينات على الصور؟ إذا كان الأمر كذلك، ننصحك بالاطّلاع على أدوات الصور والتعرّف على المزايا التي يمكنك تقديمها للمستخدمين الذين يستخدمون موقعك الإلكتروني.
ما هي الخطوات التالية؟
هل لديك أداة أو خدمة صور لم ندرجها؟ يُرجى إعلامنا. إنّ كلّ من الأدوات والخدمات والاختبارات نفسها هي عناصر قابلة للتغيير والتحديث. عندما تحتاج إلى مكان سريع للاطّلاع على أحدث المعلومات حول صور الشحن، احرص على الانتقال أولاً إلى images.tooling.report.
الصورة الرئيسية لأحد أعمال مايكل ماسن على Unsplash