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 saat dibuka.

Ukuran maksimum yang kami rekomendasikan adalah 100KB, karena apa pun yang lebih dari itu dapat menyebabkan masalah pengiriman dan tampilan. Sebagai contoh, Gmail akan memangkas HTML Anda di 102KB. Pemangkasan akan menyembunyikan akhir email Anda dan dapat merusak tata letak Anda.

Kebanyakan email seharusnya dengan mudah berada di bawah 50KB. Namun, terkadang peningkatan progresif yang kompleks atau sejumlah besar konten kampanye mengakibatkan ukuran file yang lebih besar. Jika ini terjadi, ada beberapa cara untuk membantu mengurangi ukuran file HTML Anda.

• Bersihkan kode Anda. Email terus menerus berubah dan kami melihat banyak template dengan kode yang sudah usang di dalamnya. Pembersihan cepat dapat menghemat beberapa KB.

• Jangan terlalu banyak mengkode. Kami melihat beberapa template memiliki kode tambahan yang sebenarnya tidak diperlukan. Pelanggar terburuk adalah menambahkan elemen tabel tambahan. Kebanyakan tata letak dapat dicapai dengan 5-10 tabel, tetapi kami sering melihat kode dengan 30-40 tabel. Tabel yang lebih sedikit juga memiliki manfaat tambahan membuat kode Anda lebih mudah dibaca.

• Pindahkan beberapa kode dari HTML ke CSS. Belum aman untuk memindahkan semua gaya Anda ke CSS, tetapi jika dilakukan dengan benar, memindahkan beberapa gaya inline ke gaya embedded dapat membantu mengurangi kode.

• Sederhanakan desain Anda. Opsi lain adalah kembali ke tahap desain. Email kolom tunggal menggunakan jauh lebih sedikit kode.

• Minifikasi kode Anda. Minifikasi kode akan menghapus spasi dan komentar yang tidak perlu. Ini dapat memiliki efek besar tetapi hati-hati karena banyak ESP menerapkan panjang garis maksimum yang bisa memaksa baris baru dan merusak kode.

• 
  

Ukuran Aset Eksternal

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

Jika Anda menggunakan gambar latar belakang dan media query, maka mungkin di lingkungan tertentu tidak semuanya akan diunduh untuk setiap pengguna. Tetapi, ingat bahkan jika Anda mendefinisikan display:none;  pada elemen <img> , itu akan tetap diunduh. Saat ini tidak ada cara untuk menghentikan ini.

Ukuran maksimum untuk sebagian besar gambar adalah 100KB, tetapi jika Anda memiliki satu gambar resolusi tinggi besar atau GIF animasi yang bisa mencapai hingga 500KB. Namun, ini lebih tentang ukuran total, yang akan kami bahas di bagian ukuran email yang dimuat sepenuhnya.

Ada banyak sumber daya untuk membantu dengan kompresi ukuran gambar:

• ImageOptim – di Mac, atau sebagai layanan web

• Caesium – di Windows

• CDN –  Banyak CDN memiliki optimasi gambar yang terintegrasi. Beberapa bahkan akan menyesuaikan kompresi tergantung pada bandwidth yang tersedia.

Berikut adalah beberapa tips lain yang kami rekomendasikan:

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

• Sederhanakan desain Anda. Sekali lagi kembali 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 Sepenuhnya

Ini adalah ukuran gabungan dari segala sesuatu ketika email dibuka dan semuanya diunduh. Ini dapat bervariasi tergantung pada lingkungan tempat email dibuka.

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

Pada koneksi yang baik, ukuran total email 1mb akan dimuat dalam sekejap dan tampak instan bagi pengguna. Namun, pada koneksi 3G, mungkin memakan waktu antara 2 hingga 14 detik untuk memuat email penuh. Dan, jika audiens target Anda kemungkinan besar menggunakan koneksi 2G, unduhan tersebut bisa memakan waktu beberapa menit.

Ini juga merupakan masalah potensial bagi pengguna dengan paket data terbatas yang harus mempertimbangkan setiap MB yang mereka unduh. Ini adalah pertimbangan khusus di negara berkembang.

Beberapa hal yang dapat Anda lakukan untuk membantu:

Pertama, lihat semua rekomendasi yang kami sebutkan mengenai optimasi ukuran HTML dan gambar
Jika Anda memiliki waktu, selalu baik untuk bereksperimen dengan kode dan menguji apa yang benar-benar dibutuhkan dan apa yang bisa Anda tinggalkan. Bereksperimenlah dengan gambar dan coba berbagai cara untuk mengompresnya. Pastikan email Anda terlihat bagus dan masuk akal tanpa gambar, sehingga pengguna Anda bisa mulai melihat email Anda sementara mereka menunggu gambar.

Menyatukan semuanya

Dengan ukuran file, seperti banyak hal, semua tergantung pada kompromi. Anda mungkin melakukan beberapa pengujian A/B dan menemukan bahwa gambar resolusi tinggi yang besar berkinerja baik. Anda mungkin menemukan bahwa banyak konten detail berkinerja baik. Anda mungkin menemukan bahwa interaktivitas yang kompleks berkinerja baik. Namun, ketika Anda memasukkan ketiga hal ini ke dalam satu kampanye– Anda mungkin melihat bahwa semuanya mulai berkinerja buruk.