Анонс Frontend digest: На злобу дня
Сколько мегабайт данных необходимо скачать пользователю, чтобы прочитать коротенький твит? Сегодня мы расскажем об истории кризиса ожирения сайтов. Также дадим советы по скоростному прототипированию веб-приложений, достижению zero runtime при использовании CSS-in-JS и созданию красивых «каруселей».
Быстрый интернет до сих пор непозволительная роскошь. Там где доступен лишь еле живой EDGE, то вам размер сайта будет критичен. Мало кому захочется час ждать загрузки гигантского видеоролика, который сделали фоном веб-страницы ради того, чтобы прочитать адрес ресторана. Блокировщики рекламы не просто так стали популярными. Большая часть скачиваемых данных — бесполезный рекламный мусор.
Часто нет необходимости создавать полноценное приложение, если нужно проверить маркетинговую гипотезу. Выходом становятся конструкторы веб-сайтов с помощью которых можно за пару щелчков создать прототип и сразу показать его в действии. Для бизнеса такое умение важно, поэтому вооружимся соответствующим конструктором с обширной библиотекой компонентов из четырёх популярных фреймворков.
Использование стилизованных компонентов с помощью метода CSS-in-JS часто воспринимается, как отличный вариант. Этот метод делает CSS абстракцией и позволяет описывать стили при помощи JS. Увы, но есть и неприятные побочные эффекты. Рендеринг одного сложного компонента тянет за собой рендеринг других компонентов с дополнительными компонентами. Такая матрёшка в результате сильно снижает производительность. Благо — в большинстве случаев это решается с помощью небольшой сторонней библиотеки.
Смартфоны приучили нас к мобильным интерфейсам и техникам взаимодействия с этими интерфейсами. Слайд-шоу в «карусели» давно стали заменой огромным рекламным баннерам и наиболее часто встречаются на сайтах интернет-магазинов. Бизнесу этот подход нравится, так что нужно иметь под рукой соответствующие инструменты для создания качественных и красивых «каруселей».
Детали традиционно в полной версии нашего дайджеста.
