Вибачте, але вага має значення, покладіть свої електронні листи на дієту! 24 дні від л; Електронна пошта
Ронан Пеллегріні
Зима поволі наближається до наших регіонів, холод ходить, а також ракетки, квашена капуста та інші особливі страви. Але цей період також сприяє ожирінню в повідомленнях, надісланих нами, нашими клієнтами або улюбленими брендами: коротше кажучи, кожен на своєму рівні зловживає та заповнює свої електронні листи значною вагою.
Мені вдалося придумати вступ, тепер я зможу поступово вирішити мету цієї статті: Наші електронні листи повинні бути на дієті до зими (справжня). Не помиліться, цей пост без збереження буде нагадувати експертам та інформувати неофітів.
"Ok Ronan" вага електронного листа, про що саме йдеться ?
Відмінне запитання "я", на мій погляд, вам потрібно докласти зусиль до будь-якої сторони електронного листа, а саме до його особи: HTML та CSS файлу, а також його багажу ... Тому що так, як хороший турист, електронне повідомлення приходить у вашу поштову скриньку зі своєю колекцією зображень із шрифтів Google, які іноді/часто важать на вазі, і це прямо чи опосередковано.
Проблеми з вагою не є новими, і вирішувати їх доводиться окремо. Дійсно, хоча одне спричиняє уповільнення з моменту надходження в поштові скриньки, інше уповільнює показ вашого повідомлення.
То чому ми повинні худнути в своїх електронних листах ?
Я почав говорити про це в попередньому параграфі, але перша причина, яка мені спадає на думку, полягає в тому кожен зайвий байт - це той, який забруднює нашу планету... Кожне надіслане повідомлення електронної пошти зберігається, а потім зберігається в кеші і навіть зберігається у певних поштових скриньках протягом декількох місяців або навіть деяких повідомлень протягом багатьох років.
На жаль, цього аргументу не завжди буде достатньо, щоб переконати вас або переконати ваших менеджерів у цій головній проблемі. Отже, дозвольте запропонувати вам інший підхід. Коли ваше електронне повідомлення відправляється, чим важче воно (HTML/CSS), тим довше буде потрібно для зв’язку з вашим читачем. Ми говоримо про його швидкість доставки в коробці.
Аналогією було б сказати, що лист йде швидше посилки (крім Amazon) ... Потім, отримавши, уявіть, що ваш читач намагається прочитати ваше повідомлення із погіршеним з’єднанням з Інтернетом (3G або Edge). Потрібне багато-довгі секунди, щоб з’явилося ваше повідомлення. Цього аргументу щодо продуктивності дисплея та його продуктивності має бути достатньо для вас.
Уявіть, ваше чудове повідомлення кілька годин працювало із веб-дизайнером та інтегратором електронної пошти і яке має на меті виділити та продати ваші послуги чи товари. Але хто може опинитися у папці "Вхідні" вашого користувача без їхніх ніг ... (Так, я говорю про ваш нижній колонтитул).
Електронна пошта розміром більше 100 кб (HTML + CSS) може бути усічена/вирізана Gmail, і це не дуже привабливо (Schlak, фрагмент Gmail) ! Раптом більше не буде посилання на відмову від підписки, більше не буде заспокоєння, якщо воно знаходиться внизу електронного листа та немає нижнього колонтитула, який належним чином закінчує ваше спілкування. Більші електронні листи іноді обрізаються в середині статті.
Що стосується продуктивності, якщо ваші читачі апріорі працюють у 4G, не турбуйтеся, ваші повідомлення відображатимуться майже миттєво. А тепер уявіть, що це не так. У 3G або Edge для вашого повідомлення насувається інший світ, занадто важке зображення може ніколи не відображатися, Ваші найнетерплячіші читачі (як насправді, вибачте…) просто вирішать не читати ваш допис і видалити його. Лінощі очікування появи вашого повідомлення переможе цікавість.
Тут починається перелік найвідоміших порад. А, до речі, я все прокачав в Інтернеті (#flemma # досвід?) !
Давай, давайте ступимо на шкалу! D-0 перед схудненням
Перед схудненням необхідно зробити інвентаризацію. В принципі, ви можете легко судити про вагу вашого повідомлення, якщо у вас є вихідні файли на вашому комп'ютері. Ваша операційна система відображає це у своїх списках файлів. Приклад Windows нижче.
З іншого боку, якщо ви зробили електронну пошту безпосередньо на своїй платформі маршрутизації, це трохи складніше. Рідко, коли це показує вам вагу вашого електронного листа. У цьому випадку можливі кілька варіантів:
- Надішліть електронне повідомлення у вікно, що відображає вагу, наприклад: Thunderbird
- Відобразивши версію браузера та відкривши консоль налагодження (F12) на вкладці мережі (під chrome) або мережі (під firefox): ви отримаєте детальну вагу кожного елемента, з якого складається ваш електронний лист.
- Отримавши HTML-код з електронної пошти та збереживши його на своєму комп’ютері. (не забудьте перевірити свої зображення)
А тепер ... Давай, Зоу! На дієті.
Перепишіть та оптимізуйте свій код.
Зупиніть прикрашати, ми знімаємо відступ
Техніка, яку слід робити в останню хвилину. Це має перевагу, заощаджуючи цінну вагу, але ускладнює читання коду. Це легко зробити, або за допомогою коду, або редактора багатофункціонального тексту, як, наприклад, у Notepad ++ (так, редактор не недавній, але привіт, це простий приклад!).
За допомогою Notepad ++ ми виділяємо всю електронну пошту за допомогою CTRL + A, потім видаляємо різні рівні відступу, виконуючи кілька Shift + Tabulation, поки код не буде вирівняний зліва. Якщо ви використовуєте фреймворк електронної пошти, можливо, ви зможете автоматизувати це при складанні коду.
Мініфікація CSS !
Кожен рядок CSS можна зменшити у вазі, видаливши повернення каретки. (економіка мінімальна, але існує) для цього існує багато програмного забезпечення в Інтернеті. Я використовую цей: https://www.willpeavy.com/tools/minifier/ Для більш сміливих з вас, хто використовує Mjml, Foundation email або інший фреймворк для електронної пошти, існують автоматизовані варіанти зниження ваги, які слід застосовувати.
Можливо, існують і інші методи, але це частина основ, які слід застосовувати. У будь-якому випадку, коли ви застосовуєте той чи інший із цих методів, робити мульти-клієнтські тести надання електронної пошти. Ви повинні переконатися, що ваше повідомлення зі зменшеним кодом все ще працює на різних поштових клієнтах, до яких ви збираєтесь зв’язатися.
Ми не говорили одяг ...
Тепер ми поговоримо про віддалені ресурси, а саме про зображення та інші анімовані GIF-файли, а також про шрифти (відображувані шрифти), які завантажуватимуться під час відкриття електронної пошти. Отже, ми говоримо про речі, які будуть коштувати вашим читачам пропускної здатності.
Давайте поговоримо про ваші образи:
Для початку зображення має бути розміром до фактичного розміру дисплея у вашій електронній пошті, тому зображення героя, яке займає всю ширину електронного листа в ширину 600 пікселів, буде 600 пікселів в ширину. Для екранів сітківки буде створений окремий футляр, де ми будемо використовувати зображення Х2 по ширині та висоті, отже, в цьому конкретному випадку шириною 1200 пікселів.
Ні в якому разі не можна перекладати зображення у роздільну здатність HD, яка, ймовірно, буде більше 20 МБ. Майте на увазі, що більшість маршрутизаторів електронної пошти не розглядають те, що ви використовуєте як зображення, і дозволяють робити все, що потрібно.
Ваші зображення також слід оптимізувати та стиснути, щоб зменшити їх вагу.
Використовуйте відповідні формати зображень, щоб мати якнайкращу вагу (png, jpg, gif). В принципі, ваші веб-дизайнери найкраще вибирають і зменшують вагу ваших зображень, але якщо у вас не було можливості пройти веб-дизайнер, ви завжди можете скористатися онлайн-інструментами або програмним забезпеченням, таким як:
Цей список не є вичерпним, але він надає вам набір інструментів для різних типів зображень, які вам можуть знадобитися для оптимізації.
Подумайте про свої шрифти та розміщення зображень:
Шрифти - це не моя спеціальність. Однак не помножуйте завантаження Google Font. Кожен шрифт вимагає значного часу для отримання, і чим більше специфіки ви отримаєте щодо свого шрифту (наприклад, звичайний + жирний + тонкий), тим довшим буде час пошуку файлу.
Також подумайте, де розміщуються ваші зображення. Ефективний сервер зменшить час відгуку перед відправкою запитуваного ресурсу. Ви також можете надати кеш зворотного проксі-сервера, наприклад, Varnish, наприклад, у тому випадку, коли ви розміщуєте свої зображення на тому ж сервері, що і ваш веб-сайт.
Потім зображення будуть кешовані на сервері кешування під час проходження першого диска. Мета - зменшити навантаження на веб-сервер. Дійсно, наступні зчитувачі, які отримають одне і те ж зображення, перейдуть вже не на сервер вашого веб-сайту, а на сервер, призначений для управління кешем.
Як уже було сказано на початку моєї статті, я не претендую на те, щоб бути Біблією для оптимізації ваших електронних листів Застосовуючи ці кілька правил, ви зможете ефективно та швидко зменшити вагу та збільшити швидкість відображення своїх електронних листів. Роблячи це, ви покращуєте ефективність своїх комунікацій та зменшуєте вплив вуглецю на нашу планету.
Я та ваші електронні листи дякуємо за прочитання цієї статті.