Please enable JavaScript to use this page!

AllTalks site logo
🍔

Web Vitals: увидеть и оптимизировать

В индустрии уже давно сформированы стандарты производительности веб-приложений — это инициатива Web Vitals. Тем не менее, это не страхует программистов от ложных путей оптимизации Performance-метрик. Хотя бы по той причине, что у каждой из них свои неявные особенности варьирования значений, да и универсальных техник оптимизации всё ещё нет. Прямо сейчас эти метрики подвергаются корректировкам, к которым желательно быть готовыми. В докладе рассмотрим, как при помощи новейшей панели Performance Insights (и другой знакомой панели Performance) в Chrome DevTools можно научиться ревёрс-инжинирингу метрик, логируемых web-vitals.js. Даже тех, что ещё в бета-тестировании.


web.dev

38 min

Optimize for Core Web Vitals

Addy Osmani

In this hands-on talk, we cover tips & tricks for optimizing your user-experience to meet the Core Web Vitals. We use tools like Lighthouse & DevTools, show you code snippets for fixes, and highlight…

web.dev

34 min

Core Web Vitals in the DevTools timeline

Paul Lewis, Philip Walton

The Core Web Vitals are a great way to assess the UX impact of page load performance. In this talk, we cover what the vitals are, where they came from, and how you can use Chrome's DevTools to explor…

web.dev

16 min

What’s new in speed tooling

Elizabeth Sweeny

Our understanding of how to effectively measure and optimize a user's experience is continually evolving, and we keep our metrics and tooling updated to reflect the latest in our learnings. This talk…

Я.Субботник

65 min

Скорость веб-страниц

Данила Авдошин

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

Я ❤︎ Фронтенд

44 min

Копаемся под капотом браузера: как работает event loop и compositing

Сергей Чикуёнок

Сейчас, в эпоху клиентских фреймворков, мало кто задумывается, как работают привычные нам вещи в браузере, вроде событий или анимаций. Мы часто следуем „лучшим практикам“ и не задумываемся, почему он…

HolyJS

19 min

Улучшаем качество кода React-приложения с помощью Compound Components

Александр Дунай

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

React Advanced

41 min

Keynote: Performance is magic

Ken Wheeler

This talk will explore strategies for fixing performance issues in your apps when they arise. We will look at how we can make our React apps “Blazing” fast, and when it’s time to bail out of React in…

ITeaConf

34 min

Рендеринг, Почему никто не следит за потерянными кадрами

Сергей Иванов

Современная фронтенд разработка,в частности вопрос производительности, сводится к тому, чтобы удовлетворить набор требований lighthouse или метрик Core Web Vitals. Однако почему среднестатистический …

ITeaConf

26 min

Howto: интерактивная визуализация на сотни тысяч элементов внутри браузера

Иван Затравкин

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

Chrome Dev Summit

7 min

Faster apps with JSON.parse

Mathias Bynens

Because the JSON grammar is much simpler than JavaScript’s grammar, JSON can be parsed more efficiently than JavaScript. This knowledge can be applied to improve start-up performance for web apps tha…

Chrome Dev Summit

30 min

The main thread is overworked & underpaid

Surma

Amongst all the platforms for app development, the web is arguably the only one that does not make good use of threading. On the web, the main thread has a lot of responsibilities, and we keep adding…

HolyJS

75 min

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

Дмитрий Карловский

Рендерить всё — это слишком медленно. Подстраиваться под ограничения виртуального скролла — сложно. Встречайте полностью виртуальный рендеринг, гарантирующий отзывчивость приложения независимо от ра…

Я ❤︎ Фронтенд

43 min

WebAssembly и веб на TypeScript

Александр Коротаев

Многих останавливает разработка на WASM, потому что придётся учить С или Rust, популярные в WASM-сообществе, но есть решение — AssemblyScript. Он позволяет писать на TypeScript и компилировать бинарн…

SECON.Weekend про fromtend

84 min

Разбираемся в сортах реактивности

Дмитрий Карловский

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

HolyJS

43 min

Server-driven UI в вебе. Не пиши, а описывай свой фронтeнд

Виталий Полещук, Стёпа Михайлюк

Фронтенд — это огромное количество форм, представляющих собой однотипный код, который нужно писать и поддерживать для разных платформ. Нашего брата, фронтендера, порой называют обидным словом «Формаш…

Я.Субботник

50 min

От npm-скриптов до полноценной CLI. DIY гайд

Алексей Попков

Как автоматизировать работу фронтендеров и не создать ещё один бесполезный велосипед? Каждый программист в какой-то момент хочет автоматизировать свою работу скриптами. Обычно из этого получается наб…

Chrome Dev Summit

23 min

Speed tooling evolutions: 2019 and beyond

Elizabeth Sweeny, Paul Irish

Our understanding of how to accurately represent and optimize for a users' experience continues to grow more accurate and informed. Our speed metrics, automation story, and best-practice recommendati…

PiterJS

30 min

Почему Elm?

Максим Пацианский

Elm — это функциональный язык программирования, в котором нет runtime exceptions, зато есть очень дружественный компилятор. Рефакторинг кода на абсолютно новом уровне! Если проект собрался — значит о…

HolyJS

72 min

Cовременный бэкенд для фронтенда на Node.js

Андрей Мелихов

Современный фронтенд — это богатое клиентское приложение, оперирующее развесистым набором данных. Однако, оставаясь в парадигме архитектуры «клиент-сервер», такие приложения всё ещё требуют серверног…