В сегодняшнем вечернем эфире DIF — NashStore. Бронируйте время в календаре и приходите к нам в 19:00, ссылку опубликуем в нашем канале 💛

В сегодняшнем эфире DIF — мастер-класс по разработке PWA для дизайнеров и фронтенд-разработчиков.

Основатель Cyberband no-code academy Кирилл Петров расскажет историю о разработке PWA за два дня, покажет 30 продуктов для сборки мобильных приложений и поделится инструкцией по применению конструкторов.

Подключайтесь к трансляции в 19:00, ссылку опубликуем в канале за полчаса до старта трансляции

Присоединяйтесь к трансляции, начнем в 19:00

Сегодня у нас в гостях Основатель Cyberband no-code academy Кирилл Петров с мастер-классом разработки PWA

Собрали плейлист DIF #6: PWA vs мобильные приложения. Как технологии адаптируются к новому времени

🔶 Мобильные приложения: новая эра, Директор по развитию Notamedia.Agency Вадим Фингеров

🔶 Погружение в теорию PWA, Frontend-разработчик AFFINAGE Никита Воробьев

🔶 Как работает NashStore — инсайды разработчиков российского магазина приложений, Директор проектной деятельности «Цифровые платформы» NashStore Владимир Зыков

🔶 Как быстро запускать PWA разработчикам и дизайнерам, Основатель Cyberband no-code academy Кирилл Петров

Важнейшие показатели Core Web Vitals: PCP, FID,CLS и их оптимальные значения

1. Largest Contentful Paint (LCP) — как быстро загружается основной контент интернет-ресурса. Пользователь чувствует себя комфортно, если загрузка контента происходит за 2,5 секунды или быстрее.

2. First Input Delay (FID) — насколько интерактивен сайт. Отражает, сколько пользователю придется ждать первого взаимодействия с контентом. Хорошо, если этот критерий для страниц сайта не превышает 100 миллисекунд.

3. Cumulative Layout Shift (CLS) — отражает, насколько стабильны визуальные элементы интернет-ресурса. То есть происходит ли сдвиг каких-то элементов на странице после загрузки отдельных блоков — например рекламных баннеров. Пользователь в норме, если этот показатель не выше 0,1.

Веб-страницы, которые по каждому показателю достигли уровня в пределах 75-го процентиля загрузки страниц, будут положительно оценены инструментами аналитики.

Как мы улучшаем показатели Core Web Vitals

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

Разработчики нашей компании улучшают показатели Core Web Vitals после каждого аудита сайта — смотрят, что нужно улучшить по каждой метрике и вносят доработки. Пример основных рекомендаций по улучшению CWV и способы решения, которые мы применяем, собрали в одной таблице. Такие аудиты помогают держать все показатели в «зеленой зоне» и делать по-настоящему производительные, удобные для пользователей сайты.

Приготовили вам таблицу с чек-листом для аудита сайта, за полной версией обращайтесь в комментариях.

Собрали в один материал полезную информацию о Core Web Vitals:

1. Важнейшие показатели Core Web Vitals: PCP, FID,CLS и их оптимальные значения.
2. Способы измерить Core Web Vitals.
3. Улучшение показателей Core Web Vitals.
4. Как разработчики AFFINAGE применяют Core Web Vitals.

За ссылкой обращайтесь в комментарии

PWA для начинающих: история прогрессивных веб-приложений, технические особенности PWA и инструкция по установке на сайт.

Frontend-разработчик AFFINAGE Никита Воробьев @NikitosikinV подготовил подробный материал для tproger. За ссылкой приходите в комментарии

Что происходит в браузере, когда мы запускаем анимацию? Каким образом браузер перерисовывает кадры?

Frontend-разработчик AFFINAGE Данила Абрамов рассказывает, как оптимизировать анимации и делать их плавными. В статье разберем CSS Transition, CSS Animation, SVG animation, JS-Анимацию, JS canvas, JS. WebGL / ThreeJs и поделимся основными правилами для успешной работы анимаций.

Приходите за ссылкой в комментарии!