Ukuran File HTML

Ukuran file HTML adalah ukuran file .html yang sebenarnya dikirim. Ukuran file ini tidak termasuk ukuran gambar yang disertakan, karena gambar tersebut akan ditautkan dari file html ini dan diunduh ketika dibuka.

Ukuran maksimum yang kami sarankan adalah 100KB, karena lebih dari itu dapat menyebabkan masalah pengiriman dan tampilan. Sebagai contoh, Gmail akan memotong html Anda sebesar 102KB. Pemangkasan akan menyembunyikan bagian akhir email Anda dan dapat merusak tata letak.

Sebagian besar email seharusnya berukuran kurang dari 50KB. Namun, terkadang peningkatan progresif yang kompleks atau konten kampanye dalam jumlah besar menghasilkan ukuran file yang lebih besar. Jika hal ini terjadi, ada beberapa cara untuk membantu mengurangi ukuran file HTML Anda.

• Clean your code. Email is constantly changing and we see a lot of templates with outdated code in them. A quick clean up can save a few KBs.

• Don’t over code. Some templates we see have extra code that simply isn’t needed. The worst offender is adding additional table elements. Most layouts can be achieved with 5-10 tables, but we often see code with 30-40 tables. Fewer tables also has the added benefit of making your code easier to read.

• Pindahkan beberapa kode dari HTML ke CSS. It’s not yet safe to move all your styles to CSS, but if done correctly moving some inline styles to embedded styles can help reduce code.

• Sederhanakan desain Anda. Another option is to go back ke design stage. Single column emails use a lot less code.

• Minimalkan kode Anda. Minifying code will remove unnecessary spaces and comments. This can have a huge effect but be careful as many ESPs enforce a maximum line length that could force a new line and break the code.

• 
  

Ukuran Aset Eksternal

Ukuran aset eksternal adalah ukuran semua gambar dan lembar gaya eksternal Anda. Karena ukuran eksternal jarang terjadi, kita akan lebih fokus pada gambar untuk saat ini.

If you’re using background images and media queries then it’s possible in certain environments not everything will be downloaded for every user. But, remember even if you define display:none;  on an <img>  element, it will still download. There is currently no way of stopping this.

Ukuran maksimum untuk sebagian besar gambar adalah 100KB, tetapi jika Anda memiliki satu gambar resolusi tinggi yang besar atau gif animasi yang bisa mencapai 500KB. Namun, ini lebih kepada ukuran total, yang akan kita bahas di bagian ukuran email yang dimuat penuh.

Ada banyak sekali sumber daya di sekitar untuk membantu mengompresi ukuran gambar:

• ImageOptim – on Mac, or as a web service

• Caesium – on Windows

• CDN –  Many CDNs have image optimization built in. Some will even adjust the compression depending on the bandwidth available.

Berikut ini beberapa saran lain yang kami rekomendasikan:

• Pastikan Anda menggunakan format yang paling tepat, .jpg untuk foto, .gif untuk grafik dan .png ketika Anda membutuhkan alpha channels

• Sederhanakan desain Anda. Kembali lagi ke tahap desain untuk menggunakan lebih sedikit gambar, gambar yang lebih kecil, atau gambar yang lebih sederhana yang dapat dikompresi ke ukuran yang lebih kecil.

Ukuran Email yang Dimuat Penuh

Ini adalah ukuran gabungan dari semua yang ada ketika email dibuka dan semuanya diunduh. Ukuran ini dapat bervariasi, tergantung pada lingkungan tempat email dibuka.

Masalah utama di sini adalah waktu yang dibutuhkan email untuk dimuat. Anda mungkin akan menguji email Anda di kantor dengan koneksi yang sangat cepat, tetapi banyak penerima Anda mungkin menggunakan perangkat seluler dengan koneksi 3G yang lambat.

Pada koneksi yang baik, ukuran total email sebesar 1mb akan dimuat dalam sepersekian detik dan tampak instan bagi pengguna. Namun, pada koneksi 3G, diperlukan waktu antara 2 hingga 14 detik untuk memuat email secara penuh. Dan, jika target audiens Anda kemungkinan berada pada koneksi 2G, pengunduhan bisa memakan waktu beberapa menit.

Ini juga merupakan masalah potensial bagi pengguna dengan paket data terbatas yang harus mempertimbangkan setiap MB yang mereka unduh. Hal ini terutama menjadi pertimbangan di negara-negara berkembang.

Beberapa hal yang dapat Anda lakukan untuk membantu:

Firstly, look at all the recommendations we mentioned regarding html and image size optimization
If you have the time it’s always good to experiment with code and test what is really needed and what you can leave out. Experiment with images and try different ways to compress them. Make sure your email looks good and makes sense without images, so your users can start looking at your email while they wait for the images.

Menyatukan Semuanya

Dengan ukuran file, seperti banyak hal lainnya, semuanya bermuara pada kompromi. Anda mungkin melakukan pengujian A/B dan menemukan bahwa gambar resolusi tinggi yang besar memiliki performa yang bagus. Anda mungkin menemukan bahwa banyak konten yang mendetail berkinerja baik. Anda mungkin menemukan bahwa interaktivitas yang kompleks berkinerja baik. Namun, ketika Anda menggabungkan ketiganya ke dalam satu kampanye - Anda mungkin melihat bahwa semuanya mulai berkinerja buruk.