Гайд по профилированию React приложений

Работаем с React Profiler API для улучшения производительности: https://proglib.io/w/466251d0

#react #performance

​5 техник сплиттинга бандла и ленивой загрузки в React

Реальные примеры с использованием Webpack: https://proglib.io/w/32f612ee

#performance #react

Изучение вкладки Network в Chrome Dev Tools

Учимся изменять производительность веб-приложений с помощью вкладки Network: https://proglib.io/w/9db306dc

#performance

​Оптимизация производительности фронтенда

Хороший лонгрид на выходные:

Часть 1. Critical Render Path
Часть 2. Event loop, layout, paint, composite

#performance

​Управление памятью в JavaScript

Статья рассказывает об управлении памятью и принципах работы сборщика мусора, а также о том, как избежать наиболее распространенных видов утечек памяти: https://proglib.io/w/0ec1c5e3

#performance

​Observer vs Scroll Lazy Loading

Ищем лучший способ загрузки изображений: https://proglib.io/w/26ef4be7

#performance #interface

Как прибирать за собой и почему важно это делать? (Vue/React)

Утечки памяти могут привести к замедлению и падению вашего приложения. Разбираемся, как их избежать: https://proglib.io/w/f33f4384

#performance

Паттерны для Web Vitals

UX-паттерны, оптимизированные с учетом метрик Web Vitals: https://proglib.io/w/b4777c5c

#performance #interface

Лучшие практики для шрифтов

Оптимизация шрифтов для Core Web Vitals: https://proglib.io/w/6b6b2d6f

#performance #webvitals #bestpractices

Разбираемся с мемоизацией в JavaScript

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

https://proglib.io/w/7cc4d18d

#performance