أهمية حجم ملف البريد الإلكتروني

Bird

27‏/08‏/2018

البريد الإلكتروني

1 min read

أهمية حجم ملف البريد الإلكتروني

Bird

27‏/08‏/2018

البريد الإلكتروني

1 min read

أهمية حجم ملف البريد الإلكتروني

عند الحديث عن أحجام الملفات في البريد الإلكتروني، نحن نتحدث في الواقع عن 3 مواضيع: حجم ملف HTML المرسل، حجم الأصول الخارجية، والحجم الكامل عند التحميل. نريد أن نحافظ على جميع هذه الأحجام صغيرة قدر الإمكان، ولكن ما هي الأحجام القصوى التي ينبغي أن نهدف إليها؟

حجم ملف HTML

حجم ملف HTML هو حجم ملف .html الذي يتم إرساله بالفعل. لا يتضمن هذا الحجم حجم الصور المضمنة، حيث سيتم ربطها من هذا الملف وتنزيلها عند فتحها.

الحد الأقصى للحجم الذي نوصي به هو 100 كيلوبايت، حيث يمكن أن يؤدي أي شيء أكبر إلى مشاكل في التوصيل والعرض. على سبيل المثال، سيقوم Gmail بقص html الخاص بك عند 102 كيلوبايت. سيؤدي القص إلى إخفاء نهاية بريدك الإلكتروني ويمكن أن يكسر تخطيطك. هناك اعتبارات أخرى أيضًا في كيفية تعامل Gmail مع الرسائل الإلكترونية، مثل تأثير جلب الصور المسبق على تتبع البريد الإلكتروني.

يجب أن تأتي معظم الرسائل الإلكترونية بسهولة تحت 50 كيلوبايت. ومع ذلك، في بعض الأحيان تؤدي التحسينات التقدمية المعقدة أو كمية كبيرة من محتوى الحملات إلى زيادة حجم الملف. إذا حدث ذلك، هناك عدد من الطرق للمساعدة في تقليل حجم ملف HTML الخاص بك.

  • نظف الكود الخاص بك. البريد الإلكتروني يتغير باستمرار ونرى الكثير من القوالب تحتوي على كود قديم. يمكن أن يوفر التنظيف السريع بعض الكيلوبايت.

  • لا تفرط في استخدام الكود. بعض القوالب التي نراها تحتوي على كود إضافي لا يلزم ببساطة. للحصول على إرشادات حول إنشاء قوالب فعالة، انظر دليلنا حول قوالب البريد الإلكتروني المتقدمة. الأسوأ هو إضافة عناصر جدول إضافية. يمكن تحقيق معظم التصميمات باستخدام 5-10 جداول، لكننا غالبًا نرى كود يحتوي على 30-40 جدولًا. تحتوي الجداول الأقل أيضًا على فائدة إضافية تجعل كودك أسهل في القراءة.

  • انقل بعض الكود من HTML إلى CSS. ليس من الآمن بعد نقل كل أنماطك إلى CSS، لكن إذا تم القيام بذلك بشكل صحيح، يمكن أن تساعد في تقليل الكود بنقل بعض الأنماط الداخلية إلى أنماط مضمنة.

  • بسط تصميمك. خيار آخر هو العودة إلى مرحلة التصميم. رسائل البريد الإلكتروني ذات العمود الواحد تستخدم كود أقل بكثير.

  • قلل حجم الكود الخاص بك. تقليل الكود سيزيل المساحات والتعليقات غير الضرورية. يمكن أن يكون لهذا تأثير كبير لكن كن حذراً حيث أن العديد من منصات خدمة البريد الإلكتروني تفرض حد أقصى لطول السطر مما قد يجبر على إنشاء سطر جديد وكسر الكود.

حجم الأصول الخارجية

حجم الأصول الخارجية هو حجم جميع الصور وأوراق الأنماط الخارجية. نظرًا لأن الأحجام الخارجية نادرة، سنركز أكثر على الصور في الوقت الحالي.

إذا كنت تستخدم صور خلفية واستفسارات الوسائط، فمن الممكن في بيئات معينة ألا يتم تنزيل كل شيء لكل مستخدم. لكن، تذكر حتى إذا قمت بتعريف display:none;  على عنصر <img> ، فإنه سيظل ينزل. حاليًا، لا توجد طريقة لوقف هذا.

الحجم الأقصى لمعظم الصور هو 100KB، ولكن إذا كان لديك صورة عالية الدقة كبيرة أو gif متحرك يمكن أن يصل إلى 500KB. غالبًا ما يتطلب فهم مشاكل أداء البريد الإلكتروني قراءة عناوين البريد الإلكتروني لحل المشاكل. ومع ذلك، يتعلق الأمر أكثر بالحجم الكلي، وهو ما سنغطيه في قسم حجم البريد الإلكتروني المتحمل بالكامل.

هناك الكثير من الموارد المتاحة للمساعدة في ضغط أحجام الصور:

  • ImageOptim – على نظام Mac، أو كخدمة ويب

  • Caesium – على نظام Windows

  • CDN –  العديد من خدمات CDN تحتوي على تحسين الصور مدمج. بعضها سيضبط حتى ضغط الصورة حسب عرض النطاق الترددي المتاح.

إليك بعض النصائح الأخرى التي نوصي بها:

  • تأكد من استخدامك للتنسيق الأكثر ملاءمة، .jpg للصور الفوتوغرافية، .gif للرسومات و.png عندما تحتاج إلى قنوات ألفا

  • تبسيط تصميمك. عد إلى مرحلة التصميم مرة أخرى لاستخدام عدد أقل من الصور، صور أصغر، أو صور أبسط يمكن ضغطها إلى أحجام أصغر.

حجم الأصول الخارجية هو حجم جميع الصور وأوراق الأنماط الخارجية. نظرًا لأن الأحجام الخارجية نادرة، سنركز أكثر على الصور في الوقت الحالي.

إذا كنت تستخدم صور خلفية واستفسارات الوسائط، فمن الممكن في بيئات معينة ألا يتم تنزيل كل شيء لكل مستخدم. لكن، تذكر حتى إذا قمت بتعريف display:none;  على عنصر <img> ، فإنه سيظل ينزل. حاليًا، لا توجد طريقة لوقف هذا.

الحجم الأقصى لمعظم الصور هو 100KB، ولكن إذا كان لديك صورة عالية الدقة كبيرة أو gif متحرك يمكن أن يصل إلى 500KB. غالبًا ما يتطلب فهم مشاكل أداء البريد الإلكتروني قراءة عناوين البريد الإلكتروني لحل المشاكل. ومع ذلك، يتعلق الأمر أكثر بالحجم الكلي، وهو ما سنغطيه في قسم حجم البريد الإلكتروني المتحمل بالكامل.

هناك الكثير من الموارد المتاحة للمساعدة في ضغط أحجام الصور:

  • ImageOptim – على نظام Mac، أو كخدمة ويب

  • Caesium – على نظام Windows

  • CDN –  العديد من خدمات CDN تحتوي على تحسين الصور مدمج. بعضها سيضبط حتى ضغط الصورة حسب عرض النطاق الترددي المتاح.

إليك بعض النصائح الأخرى التي نوصي بها:

  • تأكد من استخدامك للتنسيق الأكثر ملاءمة، .jpg للصور الفوتوغرافية، .gif للرسومات و.png عندما تحتاج إلى قنوات ألفا

  • تبسيط تصميمك. عد إلى مرحلة التصميم مرة أخرى لاستخدام عدد أقل من الصور، صور أصغر، أو صور أبسط يمكن ضغطها إلى أحجام أصغر.

حجم الأصول الخارجية هو حجم جميع الصور وأوراق الأنماط الخارجية. نظرًا لأن الأحجام الخارجية نادرة، سنركز أكثر على الصور في الوقت الحالي.

إذا كنت تستخدم صور خلفية واستفسارات الوسائط، فمن الممكن في بيئات معينة ألا يتم تنزيل كل شيء لكل مستخدم. لكن، تذكر حتى إذا قمت بتعريف display:none;  على عنصر <img> ، فإنه سيظل ينزل. حاليًا، لا توجد طريقة لوقف هذا.

الحجم الأقصى لمعظم الصور هو 100KB، ولكن إذا كان لديك صورة عالية الدقة كبيرة أو gif متحرك يمكن أن يصل إلى 500KB. غالبًا ما يتطلب فهم مشاكل أداء البريد الإلكتروني قراءة عناوين البريد الإلكتروني لحل المشاكل. ومع ذلك، يتعلق الأمر أكثر بالحجم الكلي، وهو ما سنغطيه في قسم حجم البريد الإلكتروني المتحمل بالكامل.

هناك الكثير من الموارد المتاحة للمساعدة في ضغط أحجام الصور:

  • ImageOptim – على نظام Mac، أو كخدمة ويب

  • Caesium – على نظام Windows

  • CDN –  العديد من خدمات CDN تحتوي على تحسين الصور مدمج. بعضها سيضبط حتى ضغط الصورة حسب عرض النطاق الترددي المتاح.

إليك بعض النصائح الأخرى التي نوصي بها:

  • تأكد من استخدامك للتنسيق الأكثر ملاءمة، .jpg للصور الفوتوغرافية، .gif للرسومات و.png عندما تحتاج إلى قنوات ألفا

  • تبسيط تصميمك. عد إلى مرحلة التصميم مرة أخرى لاستخدام عدد أقل من الصور، صور أصغر، أو صور أبسط يمكن ضغطها إلى أحجام أصغر.

حجم البريد الإلكتروني محمل بالكامل

هذا هو الحجم الإجمالي لكل شيء عند فتح البريد الإلكتروني وتنزيل كل شيء. قد يختلف هذا اعتمادًا على البيئة التي يتم فيها فتح البريد الإلكتروني.

المشكلة الرئيسية هنا هي الوقت المستغرق لتحميل البريد الإلكتروني. من المحتمل أنك ستقوم باختبار رسائلك الإلكترونية في مكتب مع اتصال سريع جداً ولكن العديد من المستلمين قد يكونون على أجهزة محمولة مع اتصال 3G بطيء.

على اتصال جيد، سيحمل حجم بريد إلكتروني كلي يبلغ 1 ميجابايت في جزء من الثانية وسيبدو فوريًا للمستخدم. ومع ذلك، على اتصال 3G قد يستغرق تحميل البريد الإلكتروني الكامل بين 2 و 14 ثانية. وإذا كان من المرجح أن يكون جمهورك المستهدف على اتصال 2G، فقد يستغرق التنزيل بضع دقائق. عندما يتم تحميل الرسائل الإلكترونية ببطء، تصبح العناوين الموحية أكثر أهمية للانخراط.

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

بعض الأشياء التي يمكنك القيام بها للمساعدة:

أولاً، انظر إلى جميع التوصيات التي ذكرناها فيما يتعلق بتحسين حجم html والصور
إذا كان لديك الوقت فمن الجيد دائمًا تجربة التعليمات البرمجية واختبار ما هو مطلوب حقًا وما يمكنك الاستغناء عنه. جرب الصور وجرب طرقًا مختلفة لضغطها. تأكد من أن بريدك الإلكتروني يبدو جيدًا ويفهم دون صور، حتى يتمكن المستخدمون من البدء في النظر إلى بريدك الإلكتروني أثناء انتظارهم للصور.

تجميع كل شيء معًا

مثل أحجام الملفات، كما هو الحال مع الكثير من الأشياء، كل شيء يعتمد على التسوية. قد تقوم ببعض اختبارات A/B وتجد أن الصور الكبيرة بدقة عالية تؤدي أداءً جيدًا. قد تجد أن المحتوى التفصيلي الكثير يؤدي أداءً جيدًا. قد تجد أن التفاعلية المعقدة تؤدي أداءً جيدًا. ومع ذلك، عندما تضع كل هذه العناصر الثلاثة في حملة واحدة، قد تلاحظ أن الأمور تبدأ في الأداء بشكل سيء. يمكن أن تنشأ مشاكل أداء البريد الإلكتروني أيضًا من مشاكل التسليم مثل أخطاء في كتابة عناوين البريد الإلكتروني.

دعنا نوصلك بخبير من Bird.
رؤية القوة الكاملة لـ Bird في 30 دقيقة.

بتقديمك طلبًا، فإنك توافق على أن تقوم Bird بالاتصال بك بشأن منتجاتنا وخدماتنا.

يمكنك إلغاء الاشتراك في أي وقت. انظر بيان الخصوصية الخاص بـ Bird للتفاصيل حول معالجة البيانات.

دعنا نوصلك بخبير من Bird.
رؤية القوة الكاملة لـ Bird في 30 دقيقة.

بتقديمك طلبًا، فإنك توافق على أن تقوم Bird بالاتصال بك بشأن منتجاتنا وخدماتنا.

يمكنك إلغاء الاشتراك في أي وقت. انظر بيان الخصوصية الخاص بـ Bird للتفاصيل حول معالجة البيانات.

دعنا نوصلك بخبير من Bird.
رؤية القوة الكاملة لـ Bird في 30 دقيقة.

بتقديمك طلبًا، فإنك توافق على أن تقوم Bird بالاتصال بك بشأن منتجاتنا وخدماتنا.

يمكنك إلغاء الاشتراك في أي وقت. انظر بيان الخصوصية الخاص بـ Bird للتفاصيل حول معالجة البيانات.

R

وصول

G

نمو

م

إدارة

A

أتمتة

النشرة الإخبارية

ابقَ على اطلاع مع Bird من خلال التحديثات الأسبوعية إلى بريدك الوارد.