Памятка по уменьшению кода веб-приложений на микроконтроллерах

html, css и js файлы очень хорошо уменьшаются в размере.

  1. Надо писать «минимально необходимый код», к примеру обойтись без DXTransform  эти трансформации просто монструозны, и давно можно использовать обычные средства CSS.
  2. Минифицикация кода. есть много онлайн-минификаторов, которые удалят все комментарии, переводы строк, лишние теги, и прочий мусор, сократя размер. К примеру, index.html в своём проекте я таким минификатором уменьшил на 40%: из 7.76кБ сделал 4.74кБ.
  3. Сжать код в gzip-архив. так размер index.html упал до 1.34кБ.
  4. Оптимизировать картинки, опять же онлайн-сервисами. Сервис tinypng сжал заглавную картинку на странице с 6.7 до 2.2кБ.
  5. Вытащить все стили в отдельный файл style.css. Очень часто несколько файлов используют одинаковые стили, их можно вынести наружу.

Итого, суммарно я уменьшил в своём проекте папку с веб-контентом с 18.1 до 5.8кБ  в три раза. По-моему, круто.

Ссылка на основную публикацию