По исследованиям httparchive, загрузка сайтов становится всё медленнее и медленнее, несмотря на появление новых процессоров и расширение интернет-канала. Это связано с тем, что размеры и количество файлов с каждым годом увеличивается. Вполне логично, ведь сложность проектов с каждым годом возрастает.

📌 Поймите, какие проблемы есть у проекта. На этот вопрос поможет ответить Lighthouse, который встроен в браузер Google Chrome. Также можно воспользоваться его веб-версией.

📌 Определите приоритеты оптимизации. Посмотрите в отчёт Lighthouse и узнайте, где у вас больше всего проблем. Начните с проблемных мест, которые отнимают больше всего времени на загрузку. Обратите внимание, что в каждом отчёте есть ссылки на статью с подробной информацией о том, как делать оптимизацию по выявленной проблеме.

📌 Проанализируйте ваш сайт и решите, какие данные наиболее важны для вашего пользователя — текст, картинки или видео. Чаще всего это текст, но у вас может быть видеохостинг, который содержит только видео. В таком случае отдайте предпочтение видео.

📌 В голове составьте минимальную карту сайта. Она состоит из первого экрана и контента ниже него. Отдайте предпочтение по оптимизации ресурсам, которые попадают на первый экран.

Помните, что время загрузки сайта — один из наиболее важных показателей, которые влияют на поведение пользователя. Чем быстрее будет загружаться ваша страница, тем больше будет просмотров и кликов.

Вышел в релиз новый проект по JavaScript лёгкой сложности — «Счётчик калорий».

Вам предстоит программировать одностраничное приложение, которое работает в браузере. Приложение позволяет рассчитать индивидуальную суточную норму калорий.

Интерфейс состоит из формы с полями ввода и блока для вывода результата. В эталонной реализации используются нативные браузерные API.

В комплект проекта входит: техническое задание, готовая вёрстка и примеры эталонной реализации.

Мы тонем в зависимостях, и нам это нравится.

Рассказываем, почему стоит отдавать предпочтение чистому JavaScript, и следить, какие пакеты подключаете к проекту.

Современный CSS позволяет разработчикам писать по-настоящему содержательные и надёжные правила с помощью всего нескольких нажатий клавиш.

В этой статье рассмотрены основные раскладки СSS-кода в одну строку.

Завершилось обучение на двенадцатом потоке курса «JavaScript. Архитектура клиентских приложений». Всего в нём приняли участие 333 студента, из которых 127 успешно защитили свои проекты.

Отзывы студентов и имена лучших наставников можно прочитать в нашем отчёте.

Большинство из нас хоть раз откладывали на последний момент подготовку к экзамену или презентации, а потом в панике пытались успеть всё выучить за пару дней. Кроме очевидной проблемы с прокрастинацией есть и другая — мимолётность знаний, полученных таким образом. Мало что вспомнится уже через пару дней.

В этой статье мы рассказываем, как избежать подобных проблем в обучении и начать учиться продуктивно.