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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

От автора: вы можете сделать так, чтобы ссылка открывала почтовую программу по умолчанию. Давайте немного глубже рассмотрим mailto HTML. Она довольно проста в использовании, но, как и в случае практически всего остального в Интернете, есть много вещей, на которые стоит обратить внимание.

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