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