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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

7 советов по оптимизации CSS для уменьшения времени загрузки страницы

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

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

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

Подход к BEM как к философии пользовательского интерфейса, а не соглашению об именах CSS

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

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

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

Как загрузить на сайт шрифты Google Fonts без ущерба для производительности

От автора: Google Fonts легко включить, но они могут оказать существенное влияние на время загрузки страницы. Давайте рассмотрим, как мы можем загрузить на сайт шрифты Google Fonts оптимальным способом.

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

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

Все, что вам нужно знать о Прогрессивных веб-приложениях (PWA)

От автора: прогрессивное веб-приложение, также известное как PWA — это лучший способ для разработчиков ускорить загрузку веб-приложений и повысить их производительность. Вкратце, PWA — это веб-сайты, которые используют последние веб-стандарты для установки на компьютер или устройство пользователя. Они предоставляют пользователям опыт в стиле приложений. Самый известный пример Twitter, который недавно запустил mobile.twitter.com как PWA, созданное с помощью React и Node.js.

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

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

Исправьте 85% проблем с доступностью веб-сайтов с помощью 5 простых шагов

От автора: в предыдущем посте мы рассмотрели важность Веб-доступности и упомянули The WebAIM Million — проведенный WebAIM анализ текущего состояния веб-доступности 1 миллиона популярных страниц. Результаты оказались удручающими: на главных страницах проанализированных сайтов в среднем был обнаружено почти по 60 ошибок, а процент чистых сайтов составлял менее 3%.

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