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

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

1 min read

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

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

1 min read

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

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

حجم ملف HTML

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

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

يجب أن تأتي معظم رسائل البريد الإلكتروني بسهولة في أقل من 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 بالاتصال بك بشأن منتجاتنا وخدماتنا.

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

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

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

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

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

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

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

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

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

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

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

R

وصول

G

نمو

م

إدارة

A

أتمتة

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

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

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

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