Меню

Что такое минификация кода

И зачем это нужно при создании рассылки.

Минификация или минимизация кода (англ. minification) — это сокращение его размера за счёт удаления лишних символов. Минимизация позволяет уменьшить объём файла без потери функциональности и ускорить его загрузку. 

В основном минимизации подвергают JavaScript и CSS.

Как это работает 

Стандартный код с читаемыми именами переменных, пробелами и переносами отлично понятен человеку. Компьютером он воспринимается тяжело и медленно, ведь каждый символ занимает место в памяти. Чем больше вес, тем медленнее компьютер будет загружать материал. 

В процессе сокращения кода: 

  • удаляются лишние строки, переносы, запятые, пробелы и комментарии; 
  • сокращаются имена переменных до одного символа; 
  • упрощаются названия цветов и других сущностей.

Важно понимать, что за упрощением не следует компрессия и изменение формата. Происходит только редактирование.

Для чего это нужно

Если рассматривать минификацию в рамках создания электронных писем, тот оно позволяет ускорить загрузку письма, сократить расход трафика и уложиться в лимит веса файла на различных почтовых площадках. Теперь расскажем подробнее о каждом пункте.

Ускорение загрузки

Когда пользователь откроет имейл, он сразу увидит его полное содержание — ему не придется ждать, пока сообщение прогрузится и изображение, наконец, появится на экране телефона или компьютера. Это помогает компаниям избежать отписок и повысить открываемость рассылки.

Сокращение расхода трафика

Из‑за снижения веса рассылки у пользователей уменьшается расход трафика на обработку её данных.

Лимиты почтовых клиентов

Бывает, что человек открывает имейл и не может дочитать его до конца. Вместо полного сообщения у него появляется надпись «Письмо показано не полностью» и ссылка на полный текст. Чтобы этого не случалось, файл необходимо уместить в 100-102 килобайта. Сделать это можно с помощью специального сервиса для минификации — он позволяет сэкономить до 20% килобайт.

Пример минимизации

Так выглядит код до минификации

А так он выглядит уже после того, как его сократили

Код стал нечитаемым для человека, но идеальным для восприятия различными устройствами. Надо отметить, что такой формат нужен не чтобы потом редактировать информацию. Как только код загружается на сервер, с ним больше не работают. Поэтому, если нужно изменить данные, их снова пишут в версии разработчиков, а потом заново сокращают.

Как это реализовано в редакторе Letteros 

При работе в Letteros не нужно переходить на отдельные сервисы, чтобы уменьшить вес файла.

  1. Пользователь собирает имейл‑письмо в конструкторе, и может изменять любой блок сообщения в режиме редактора. 

2. При экспорте email-сообщения код минифицируется по умолчанию. Но при желании эту настройку можно убрать одним нажатием кнопки.

Также в Letteros есть инструмент для сжатия изображений — картинки в имейле будут намного меньше весить и гораздо быстрее загружаться. 

Какие выводы

Для корректного и быстрого отображения писем на устройствах пользователей необходимо соблюдать допустимый лимит веса имейла. Чтобы уложиться в нужный объём, можно минифицировать код. Удаление лишних символов и сокращение возможных сущностей уменьшает размер письма, за счёт чего улучшается его загрузка на почтовых клиентах. 

При разработке шаблона в Letteros убираются теги и стили, от которых можно отказаться. Это автоматически уменьшает размер будущих электронных писем. Также в редакторе есть возможность тестировать отображение писем на всех популярных почтовых клиентах и 100+ устройствах, чтобы быть уверенным в корректности рассылки. 

Бесплатно оценить функционал Letteros можно с помощью демоверсии редактора.