Сайтостроение \ Статьи по сайтостроению

Неприглядная правда об оптимизации красивых изображений

От автора: прочитайте любой блог о производительности или посетите любой доклад о производительности, и все посоветуют вам, что оптимизация изображений — это лучшее место для начала. Используя автоматизированные сервисы, вы можете получить изображения меньшего размера за относительно короткий промежуток времени. И все мы знаем, что меньшие изображения дадут нам лучшую производительность — или нет?

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

Советы по повышению производительности для фонового видео

От автора: видео в сети может быть обоюдоострым мечом. Сайты с автоматическим воспроизведением видео сообщают о растущей популярности (кто не останавливался в социальных сетях, чтобы узнать, о чем идет речь в видео?), что приводит к увеличению продолжительности посещения веб-сайтов. Однако, если видео не воспроизводится быстро или гладко, посетители могут расстроиться, и вы рискуете оттолкнуть тех самых клиентов, которые должны были быть более глубоко вовлечены.

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

Получить больше с переменными шрифтами

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

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

Некоторые вещи, которые вы должны знать при работе с единицами измерения

От автора: Дэвид Чейнин написал обобщенную статью с кратким изложением проблемы, связанной с установкой значения height элемента в 100vh в мобильных браузерах и последующим размещением чего-то внизу.

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

Предварительная загрузка шрифтов: когда это имеет смысл

От автора: в прошлом, при загрузке пользовательских шрифтов мы не могли избежать вспышки нестилизованного текста (FOUT) — доли секунды, когда веб-сайт загружается, и используется замещающий шрифт, пока не загрузится ваш пользовательский.

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

Предварительная загрузка шрифтов: почему я делаю это, даже когда не следовало бы

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

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

Использование rel=preconnect для повышения производительности

От автора: добавление в <link> информации rel=preconnect сообщает браузер о том, что ваша страница намеревается установить соединение с другим доменом и что вы хотите, чтобы процесс начался как можно скорее. Ресурсы будут загружаться быстрее, потому что процесс установки будет уже завершен к тому времени, когда браузер запросит их.

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

Создание с нуля HTML-шаблона электронного письма

От автора: лучший способ понять любой процесс — это выполнить его с нуля. Сегодня мы собираемся сделать это для дизайна электронного письма, создав HTML шаблон письма с нуля.

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

7 основных трендов CSS в 2019 году

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

Продолжить чтение