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

3 способа уменьшить бандл в webpack

От автора: в webpack вас больше всего волнует производительность? Размер бандла слишком большой? Тогда этот пост для вас! Пройдите эти три этапа, чтобы иметь представление о том, как оптимизировать размер бандла. Этапы перечислены по возрастающей сложности, чтобы вы могли начать с верхнего и, надеюсь, быстро его выполнить.

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

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

Как получить пароль от связки ключей через командную строку

От автора: Wifi-password от Guillermo Rauch – одна из моих любимых утилит командной строки, с помощью которой можно сохранять пароли от подключенных wifi-соединений (чтобы делиться с коллегами или сидеть в кафе). Идея получать пароль из командной строки – супер полезная, особенно когда нужно вытянуть пароль для сайта.

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

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

Простой офлайн сайт

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

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

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

Обрабатываем блокирующий рендеринг CSS для ускорения рендеринга сайта

От автора: я все время думала, что вопрос, когда и как загружать CSS-файлы, лучше оставить самому браузеру. Браузеры спроектированы для работы с такими вещами. Зачем разработчикам что-то делать, если можно просто добавить ссылку с rel=»stylesheet» и href=»style.css» в head документа и забыть?

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

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

Постойте, а WebP действительно хороший формат

От автора: когда я работаю над выступлением, я создаю слайды в Keynote. В конце выступления я выкладываю их на Speakerdeck. Speakerdeck – очень хороший сервис. Он работает ровно так, как я хочу, чтобы работало небольшое слайдшоу. И я захотел попробовать улучшить его.

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

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

Как повысить юзабилити с помощью интеллектуального выбора цвета

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

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

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

Что такое оптимизация изображений?

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

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

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

Создание блога. 5 важных факторов, которые нужно учесть

От автора: блоггеров часто больше заботит дизайн, а не то, чтобы их сайт работал как часы. Успешный блог – это блог, который плавно функционирует и обеспечивает простой доступ читателям к информации. Контент и внешняя красота не имеют значения, если сайт медленный и по нему сложно перемещаться. Читатели не будут долго ходить по вашему сайту, они уйдут на сайт, который понимает, что им нужно. Так как создать блог, который будет работать как часы и обеспечивать превосходный UX? Итак, создание блога: 5 важных факторов, которые нужно учесть

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

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

Оптимизация веб-шрифтов в сторону производительности: современное состояние

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

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