Коротко о frontend performance.
Насмотрелся я как-то видео и начитался статей о performance в мире frontend и решил задокументировать кратко походы. Подробное описание можно найти в интернете или в литературе внизу. Итак мой список пунктов связанных с performance, которые можно использовать для улучшения\оценки производительности: Производительность кода Оптимизируйте код (например HashMap вместо Array) Профайл для поиска узких мест WebWorker для ресурсоемких операций Server-side rendering PWA defer\async in HTML Разделять чтение дома и запись, например fast-dom библиотека СSS анимации выполняются на gpu в отличие от js requiestAnimationFrame will-transform dom layout (через transfomZ(0) или will-change: transform) изменение innerHtml или размера ведет к перерисовке всего документа\слоя dns-prefetch, preconnect, prefetch, pretender, preload Производительность сборки CDN (сервер должен быть ближе к клиенту) HTTP Cache Headers WebP images WOFF2 fonts или стандартные системные Code-splittind