Рендеринг, Почему никто не следит за потерянными кадрами
Современная фронтенд разработка,в частности вопрос производительности, сводится к тому, чтобы удовлетворить набор требований lighthouse или метрик Core Web Vitals. Однако почему среднестатистический разработчик не задумывается о потерянных кадрах, о fps? В этом докладе я постараюсь дать ответ на этот вопрос. Также вы познакомитесь с таким понятием, как rendering pipeline и некоторыми браузерными оптимизациями. А в конце доклада мы попробуем заглянуть в недалекое будущее.
CSSCAMP
32 min
Mind over Matter: Optimize Performance Without Code
Stéphanie Walter
Did you already optimize every. single. line. of. code. to be found on your website or mobile app? Are you getting tired of hearing about load times and TTFB(Time to first byte)? Do you need to remin…
Я.Субботник
65 min
Скорость веб-страниц
Данила Авдошин
Расскажу про то, как делать веб быстрым, почему нужно заниматься скоростью, как измерять скорость и покажу примеры из жизни настоящих ускорений.
ITeaConf
26 min
Howto: интерактивная визуализация на сотни тысяч элементов внутри браузера
Иван Затравкин
В данном докладе мы рассмотрим комплексный подход к решению проблемы взаимодействия в режиме реального времени с датасетами в сотни тысяч элементов. Посмотрим и проверим, что сработало, а какие идеи …
Tver.io
29 min
React Reconciler: как написать собственный рендерер
Ярослав Лосев
Что такое “реконсиляция” в React и какой путь проходит компонент от кода до отрисовки на экран, какие рендереры уже существуют и как написать свой собственный на примере отрисовки React-компонентов в…
Chrome Dev Summit
36 min
Adaptive Loading - Improving web performance on slow devices
Addy Osmani, Nate Schloss
Today, developers often build components and routes for a single baseline ("mobile", "desktop"). However, the environment conditions users are in are often much more nuanced. They may be on a device …
Я ❤︎ Фронтенд
44 min
Копаемся под капотом браузера: как работает event loop и compositing
Сергей Чикуёнок
Сейчас, в эпоху клиентских фреймворков, мало кто задумывается, как работают привычные нам вещи в браузере, вроде событий или анимаций. Мы часто следуем „лучшим практикам“ и не задумываемся, почему он…
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…
HolyJS
75 min
Автоматическая виртуализация рендеринга произвольной верстки
Дмитрий Карловский
Рендерить всё — это слишком медленно. Подстраиваться под ограничения виртуального скролла — сложно. Встречайте полностью виртуальный рендеринг, гарантирующий отзывчивость приложения независимо от ра…
Я ❤︎ Фронтенд
43 min
Web Vitals: увидеть и оптимизировать
Артем Белов
В индустрии уже давно сформированы стандарты производительности веб-приложений — это инициатива Web Vitals. Тем не менее, это не страхует программистов от ложных путей оптимизации Performance-метрик.…
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…
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…
HolyJS
19 min
Улучшаем качество кода React-приложения с помощью Compound Components
Александр Дунай
Скорее всего, вы сталкивались с проблемой, когда ваш React-компонент становится большим, сложным и в нем появляется куча условий. Согласитесь, такие компоненты сложно читать, ревьюить и вообще понима…
YaTalks
37 min
Создание универсальной UI-библиотеки
Евгений Тропин
Доклад будет полезен разработчикам, которые создают свою библиотеку компонентов и заботятся о доступности интерфейсов.
YaTalks
45 min
Как и зачем проводить тесты с незрячими людьми?
Валерия Курмак, Анатолий Попко
Поговорим о доступности цифрового контента и сервисов, вместе попробуем ответить на важные вопросы: Почему важно проводить тесты с незрячими пользователями? Почему автоматизированных тестов или само…
YaTalks
65 min
Научите меня писать интерфейсы для космолётов!
Сергей Бережной, Тина Думилина, Кирилл Мокевнин, Александр Патлух, Алексей Симоненко
Ушла эпоха веб-мастеров, когда можно было научиться делать сайты с помощью книг и CHM-файлов. Как теперь учиться писать веб? Какую школу выбрать? Нужен ли ментор? Нужно ли образование во фронтенде? П…
YaTalks
52 min
Существующие инструменты не работают в невесомости? Напиши свои!
Андрей Ситник, Антон Усманский, Никита Дубко, Роман Дворнов
Опенсорс открывает две дороги: использовать существующие решения или написать своё, учитывая опыт предков. В какой момент пора создавать новый репозиторий? Как поддерживать инструмент? Зачем вкладыва…
Я ❤︎ Фронтенд
48 min
Кому нужны фронтендеры
Андрей Смирнов
Фронтенд продолжает расширять свое присутствие не только в вебе, но и в области мобильных и десктопных приложений. Однако, остается вопрос: как фронтенд-разработчикам навигировать в этом разнообразии…
YaTalks
43 min
Аутентификация в вебе. История развития
Алексей Авдеев
-