[Денис Радин, Юрий Лучанов] Быстрые Web приложения: разработка, профайлинг, оптимизация (2015)
Рекомендации
![[Дмитрий Валак] Скрипт создания сайта с закрытым доступом](https://i3.storeland.net/2/8200/181997086/baec64/dmitrij-valak-skript-sozdaniya-sajta-s-zakrytym-dostupom.png "[Дмитрий Валак] Скрипт создания сайта с закрытым доступом")
![[Дмитрий Валак] Сайтотворец – Верстальщик](https://i4.storeland.net/2/8200/181997087/baec64/dmitrij-valak-sajtotvorec-verstalshhik.png "[Дмитрий Валак] Сайтотворец – Верстальщик")
![[Дмитрий Валак] Профессиональная, быстрая и комфортная верстка сайтов (2019)](https://i1.storeland.net/2/8200/181997088/baec64/dmitrij-valak-professionalnaya-bystraya-i-komfortnaya-verstka-sajtov-2019.png "[Дмитрий Валак] Профессиональная, быстрая и комфортная верстка сайтов (2019)")
![[Дмитрий Валак] Основы HTML и CSS для начинающих [brainscloud] (2019)](https://i3.storeland.net/2/8200/181997089/baec64/dmitrij-valak-osnovy-html-i-css-dlya-nachinayushhih-brainscloud-2019.png "[Дмитрий Валак] Основы HTML и CSS для начинающих [brainscloud] (2019)")
![[Дмитрий Скоромнов] Основы сетевых технологий (2021)](https://i3.storeland.net/2/8200/181997090/baec64/dmitrij-skoromnov-osnovy-setevyh-tehnologij-2021.png "[Дмитрий Скоромнов] Основы сетевых технологий (2021)")
![[Дмитрий Романов] Введение в искусственный интеллект](https://i3.storeland.net/2/8200/181997091/baec64/dmitrij-romanov-vvedenie-v-iskusstvennyj-intellekt.png "[Дмитрий Романов] Введение в искусственный интеллект")
![[Дмитрий Охрименко] Unit тестирование в С# (2016)](https://i3.storeland.net/2/8200/181997092/baec64/dmitrij-ohrimenko-unit-testirovanie-v-s-2016.png "[Дмитрий Охрименко] Unit тестирование в С# (2016)")
![[Дмитрий Науменко] Повелитель PHP: кратчайший путь к мастерству без толстых учебников](https://i1.storeland.net/2/8200/181997093/baec64/dmitrij-naumenko-povelitel-php-kratchajshij-put-k-masterstvu-bez-tolstyh-uchebnikov.png "[Дмитрий Науменко] Повелитель PHP: кратчайший путь к мастерству без толстых учебников")
![[Дмитрий Макаров] PhpStorm для самых маленьких (2018)](https://i5.storeland.net/2/8200/181997095/baec64/dmitrij-makarov-phpstorm-dlya-samyh-malenkih-2018.png "[Дмитрий Макаров] PhpStorm для самых маленьких (2018)")
![[Дмитрий Лаврик] WordPress (2020)](https://i3.storeland.net/2/8200/181997096/baec64/dmitrij-lavrik-wordpress-2020.png "[Дмитрий Лаврик] WordPress (2020)")
![[Дмитрий Лаврик] Vue.js Интенсивный курс для программистов (2020)](https://i3.storeland.net/2/8200/181997097/baec64/dmitrij-lavrik-vue-js-intensivnyj-kurs-dlya-programmistov-2020.png "[Дмитрий Лаврик] Vue.js Интенсивный курс для программистов (2020)")
![[Дмитрий Лаврик] Vue.js Интенсивный курс для программистов (2017)](https://i3.storeland.net/2/8200/181997098/baec64/dmitrij-lavrik-vue-js-intensivnyj-kurs-dlya-programmistov-2017.png "[Дмитрий Лаврик] Vue.js Интенсивный курс для программистов (2017)")
![[Дмитрий Лаврик] Vue Advanced. Продвинутый курс по разработке SPA (2020)](https://i2.storeland.net/2/8200/181997099/baec64/dmitrij-lavrik-vue-advanced-prodvinutyj-kurs-po-razrabotke-spa-2020.png "[Дмитрий Лаврик] Vue Advanced. Продвинутый курс по разработке SPA (2020)")
![[Дмитрий Лаврик] Vue Advanced (2021)](https://i4.storeland.net/2/8200/181997100/baec64/dmitrij-lavrik-vue-advanced-2021.png "[Дмитрий Лаврик] Vue Advanced (2021)")
![[Дмитрий Лаврик] Vue 3. Интенсивный курс для программистов (2022)](https://i3.storeland.net/2/8200/181997101/baec64/dmitrij-lavrik-vue-3-intensivnyj-kurs-dlya-programmistov-2022.png "[Дмитрий Лаврик] Vue 3. Интенсивный курс для программистов (2022)")
![[Дмитрий Лаврик] (Vue 3, 2021) Vue Advanced продвинутый курс по разработке SPA (2021)](https://i3.storeland.net/2/8200/181997102/baec64/dmitrij-lavrik-vue-3-2021-vue-advanced-prodvinutyj-kurs-po-razrabotke-spa-2021.png "[Дмитрий Лаврик] (Vue 3, 2021) Vue Advanced продвинутый курс по разработке SPA (2021)")
![[Дмитрий Лаврик] Среда знаний. JQueryUI - красота на сайтах без напряга](https://i3.storeland.net/2/8200/181997104/baec64/dmitrij-lavrik-sreda-znanij-jqueryui-krasota-na-sajtah-bez-napryaga.png "[Дмитрий Лаврик] Среда знаний. JQueryUI - красота на сайтах без напряга")
![[Дмитрий Лаврик] React. Интенсивный курс для программистов (2022)](https://i1.storeland.net/2/8200/181997105/baec64/dmitrij-lavrik-react-intensivnyj-kurs-dlya-programmistov-2022.png "[Дмитрий Лаврик] React. Интенсивный курс для программистов (2022)")
![[Дмитрий Лаврик] React. Интенсивный курс для программистов (2021)](https://i1.storeland.net/2/8200/181997106/baec64/dmitrij-lavrik-react-intensivnyj-kurs-dlya-programmistov-2021.png "[Дмитрий Лаврик] React. Интенсивный курс для программистов (2021)")
![[Дмитрий Лаврик] React. Интенсивный курс для программистов (2019)](https://i3.storeland.net/2/8200/181997107/baec64/dmitrij-lavrik-react-intensivnyj-kurs-dlya-programmistov-2019.png "[Дмитрий Лаврик] React. Интенсивный курс для программистов (2019)")
![[Дмитрий Лаврик] Продвинутая вёрстка - smartgrid](https://i3.storeland.net/2/8200/181997108/baec64/dmitrij-lavrik-prodvinutaya-vorstka-smartgrid.png "[Дмитрий Лаврик] Продвинутая вёрстка - smartgrid")
![[Дмитрий Лаврик] Продвинутая вёрстка (SmartGrid 2) (2019)](https://i4.storeland.net/2/8200/181997109/baec64/dmitrij-lavrik-prodvinutaya-vorstka-smartgrid-2-2019.png "[Дмитрий Лаврик] Продвинутая вёрстка (SmartGrid 2) (2019)")
![[Дмитрий Лаврик] Продвинутая вёрстка (2020)](https://i3.storeland.net/2/8200/181997110/baec64/dmitrij-lavrik-prodvinutaya-vorstka-2020.png "[Дмитрий Лаврик] Продвинутая вёрстка (2020)")
![[Дмитрий Лаврик] PHP – ООП (2021)](https://i2.storeland.net/2/8200/181997112/baec64/dmitrij-lavrik-php-oop-2021.png "[Дмитрий Лаврик] PHP – ООП (2021)")
![[Дмитрий Лаврик] PHP – базовый курс (2020)](https://i2.storeland.net/2/8200/181997113/baec64/dmitrij-lavrik-php-bazovyj-kurs-2020.png "[Дмитрий Лаврик] PHP – базовый курс (2020)")
![[Дмитрий Лаврик] Организация CSS по BEM (БЭМ - блок, элемент, модификатор)](https://i3.storeland.net/2/8200/181997114/baec64/dmitrij-lavrik-organizaciya-css-po-bem-bem-blok-jelement-modifikator.png "[Дмитрий Лаврик] Организация CSS по BEM (БЭМ - блок, элемент, модификатор)")
![[Дмитрий Лаврик] Классическая вёрстка (2021)](https://i2.storeland.net/2/8200/181997115/baec64/dmitrij-lavrik-klassicheskaya-vorstka-2021.png "[Дмитрий Лаврик] Классическая вёрстка (2021)")
![[Дмитрий Лаврик] JQueryUI (2014)](https://i4.storeland.net/2/8200/181997116/baec64/dmitrij-lavrik-jqueryui-2014.png "[Дмитрий Лаврик] JQueryUI (2014)")
![[Дмитрий Лаврик] JavaScript - НОВЫЙ ФОРМАТ: HTML5, ООП, AJAX, JSON](https://i3.storeland.net/2/8200/181997117/baec64/dmitrij-lavrik-javascript-novyj-format-html5-oop-ajax-json.png "[Дмитрий Лаврик] JavaScript - НОВЫЙ ФОРМАТ: HTML5, ООП, AJAX, JSON")
![[Дмитрий Лаврик] Javascript. Интенсивный курс для программистов (2020)](https://i4.storeland.net/2/8200/181997118/baec64/dmitrij-lavrik-javascript-intensivnyj-kurs-dlya-programmistov-2020.png "[Дмитрий Лаврик] Javascript. Интенсивный курс для программистов (2020)")
![[Дмитрий Лаврик] Javascript Интенсивный курс для программистов (2018)](https://i1.storeland.net/2/8200/181997119/baec64/dmitrij-lavrik-javascript-intensivnyj-kurs-dlya-programmistov-2018.png "[Дмитрий Лаврик] Javascript Интенсивный курс для программистов (2018)")
![[Дмитрий Лаврик] Javascript. Интенсивный базовый курс (июнь 2021)](https://i2.storeland.net/2/8200/181997120/baec64/dmitrij-lavrik-javascript-intensivnyj-bazovyj-kurs-iyun-2021.png "[Дмитрий Лаврик] Javascript. Интенсивный базовый курс (июнь 2021)")
![[Дмитрий Лаврик] JavaScript для верстальщиков (2020)](https://i1.storeland.net/2/8200/181997121/baec64/dmitrij-lavrik-javascript-dlya-verstalshhikov-2020.png "[Дмитрий Лаврик] JavaScript для верстальщиков (2020)")
![[Дмитрий Лаврик] Идеальная вёрстка (2020)](https://i4.storeland.net/2/8200/181997122/baec64/dmitrij-lavrik-idealnaya-vorstka-2020.png "[Дмитрий Лаврик] Идеальная вёрстка (2020)")
![[Дмитрий Ларионов] Работа с прокси-файлами в Adobe Premiere Pro (2018)](https://i1.storeland.net/2/8200/181997124/baec64/dmitrij-larionov-rabota-s-proksi-fajlami-v-adobe-premiere-pro-2018.png "[Дмитрий Ларионов] Работа с прокси-файлами в Adobe Premiere Pro (2018)")
![[Дмитрий Гончаров] Web-сервисы (SOAP), HTTP-сервисы, oData (автоматический REST-сервис) (2020)](https://i4.storeland.net/2/8200/181997125/baec64/dmitrij-goncharov-web-servisy-soap-http-servisy-odata-avtomaticheskij-rest-servis-2020.png "[Дмитрий Гончаров] Web-сервисы (SOAP), HTTP-сервисы, oData (автоматический REST-сервис) (2020)")
![[Дмитрий Гончаров] Математические инструменты в '1С:Предприятие 8' [УЦ-3] (2021)](https://i1.storeland.net/2/8200/181997126/baec64/dmitrij-goncharov-matematicheskie-instrumenty-v-1s-predpriyatie-8-uc-3-2021.png "[Дмитрий Гончаров] Математические инструменты в '1С:Предприятие 8' [УЦ-3] (2021)")
![[Дмитрий Гончаров] Математические инструменты в '1С:Предприятие 8' [УЦ-3] (2020)](https://i4.storeland.net/2/8200/181997127/baec64/dmitrij-goncharov-matematicheskie-instrumenty-v-1s-predpriyatie-8-uc-3-2020.png "[Дмитрий Гончаров] Математические инструменты в '1С:Предприятие 8' [УЦ-3] (2020)")
![[Дмитрий Елисеев] Онлайн-интенсив по изучению ООП «Неделя ООП» 3 поток (2017)](https://i4.storeland.net/2/8200/181997128/baec64/dmitrij-eliseev-onlajn-intensiv-po-izucheniyu-oop-nedelya-oop-3-potok-2017.png "[Дмитрий Елисеев] Онлайн-интенсив по изучению ООП «Неделя ООП» 3 поток (2017)")
![[Дмитрий Елисеев] Мастер-класс по разработке менеджера проектов на Symfony. Часть 2 (2019)](https://i4.storeland.net/2/8200/181997129/baec64/dmitrij-eliseev-master-klass-po-razrabotke-menedzhera-proektov-na-symfony-chast-2-2019.png "[Дмитрий Елисеев] Мастер-класс по разработке менеджера проектов на Symfony. Часть 2 (2019)")
![[Дмитрий Елисеев] Мастер-класс по разработке менеджера проектов на Symfony. Часть 1 (2019)](https://i4.storeland.net/2/8200/181997130/baec64/dmitrij-eliseev-master-klass-po-razrabotke-menedzhera-proektov-na-symfony-chast-1-2019.png "[Дмитрий Елисеев] Мастер-класс по разработке менеджера проектов на Symfony. Часть 1 (2019)")
![[Дмитрий Елисеев] Мастер-класс по Laravel](https://i4.storeland.net/2/8200/181997132/baec64/dmitrij-eliseev-master-klass-po-laravel.png "[Дмитрий Елисеев] Мастер-класс по Laravel")
![[Дмитрий Елисеев] Мастер-класс по Apache Kafka и RabbitMQ (2018)](https://i3.storeland.net/2/8200/181997133/baec64/dmitrij-eliseev-master-klass-po-apache-kafka-i-rabbitmq-2018.png "[Дмитрий Елисеев] Мастер-класс по Apache Kafka и RabbitMQ (2018)")
![[Дмитрий Елисеев] Интернет-магазин на Yii2 Мастер-класс (2017)](https://i2.storeland.net/2/8200/181997134/baec64/dmitrij-eliseev-internet-magazin-na-yii2-master-klass-2017.png "[Дмитрий Елисеев] Интернет-магазин на Yii2 Мастер-класс (2017)")
![[Дмитрий Елисеев] Что есть React: Пишем свой UI-фреймворк (2021)](https://i3.storeland.net/2/8200/181997135/baec64/dmitrij-eliseev-chto-est-react-pishem-svoj-ui-frejmvork-2021.png "[Дмитрий Елисеев] Что есть React: Пишем свой UI-фреймворк (2021)")
![[Дмитрий Якушев] [Академия Excel] Формулы массива Excel (2020)](https://i2.storeland.net/2/8200/181997136/baec64/dmitrij-yakushev-akademiya-excel-formuly-massiva-excel-2020.png "[Дмитрий Якушев] [Академия Excel] Формулы массива Excel (2020)")
![[Дмитрий Якушев] Excel. Полезные приемы работы с графиками. 18 нестандартных графиков. Живые графики для профессионалов](https://i4.storeland.net/2/8200/181997137/baec64/dmitrij-yakushev-excel-poleznye-priemy-raboty-s-grafikami-18-nestandartnyh-grafikov-zhivye-grafiki-dlya-professionalov.png "[Дмитрий Якушев] Excel. Полезные приемы работы с графиками. 18 нестандартных графиков. Живые графики для профессионалов")
![[Django Channel] Django REST framework (2019)](https://i2.storeland.net/2/8200/181997138/baec64/django-channel-django-rest-framework-2019.png "[Django Channel] Django REST framework (2019)")
![[Django Channel] Django 2 с нуля до junior (2019)](https://i4.storeland.net/2/8200/181997139/baec64/django-channel-django-2-s-nulya-do-junior-2019.png "[Django Channel] Django 2 с нуля до junior (2019)")
![[Digital-Tutors] Создание кроссплатформенной мобильной игры в HTML5 и JavaScript (2015)](https://i4.storeland.net/2/8200/181997141/baec64/digital-tutors-sozdanie-krossplatformennoj-mobilnoj-igry-v-html5-i-javascript-2015.png "[Digital-Tutors] Создание кроссплатформенной мобильной игры в HTML5 и JavaScript (2015)")
![[devtodev] Геймдизайн (2019)](https://i3.storeland.net/2/8200/181997142/baec64/devtodev-gejmdizajn-2019.png "[devtodev] Геймдизайн (2019)")
![[Деворкер] Разработка аукциона на SlimPHP и ReactJS (2020)](https://i4.storeland.net/2/8200/181997143/baec64/devorker-razrabotka-aukciona-na-slimphp-i-reactjs-2020.png "[Деворкер] Разработка аукциона на SlimPHP и ReactJS (2020)")
![[Devman] Знакомство с Python (2020)](https://i2.storeland.net/2/8200/181997144/baec64/devman-znakomstvo-s-python-2020.png "[Devman] Знакомство с Python (2020)")
![[Devman] Вёрстка для питониста (2021)](https://i4.storeland.net/2/8200/181997145/baec64/devman-vorstka-dlya-pitonista-2021.png "[Devman] Вёрстка для питониста (2021)")
![[Devman] Командная строка (2021)](https://i3.storeland.net/2/8200/181997146/baec64/devman-komandnaya-stroka-2021.png "[Devman] Командная строка (2021)")
![[Devman] Игорь Перепилицын - Чат-боты на Python (2020)](https://i3.storeland.net/2/8200/181997147/baec64/devman-igor-perepilicyn-chat-boty-na-python-2020.png "[Devman] Игорь Перепилицын - Чат-боты на Python (2020)")
![[Devman] Асинхронный Python (2020)](https://i2.storeland.net/2/8200/181997148/baec64/devman-asinhronnyj-python-2020.png "[Devman] Асинхронный Python (2020)")
![[Derek Jensen] The Swift Programming Language (2014)](https://i3.storeland.net/2/8200/181997150/baec64/derek-jensen-the-swift-programming-language-2014.png "[Derek Jensen] The Swift Programming Language (2014)")
![[Денис Волков] Golang (2018)](https://i1.storeland.net/2/8200/181997151/baec64/denis-volkov-golang-2018.png "[Денис Волков] Golang (2018)")
![[Денис Курец] Библия вардрайвинга. Доступное пособие по взлому Wi-Fi сетей (2020)](https://i3.storeland.net/2/8200/181997153/baec64/denis-kurec-bibliya-vardrajvinga-dostupnoe-posobie-po-vzlomu-wi-fi-setej-2020.png "[Денис Курец] Библия вардрайвинга. Доступное пособие по взлому Wi-Fi сетей (2020)")
Автор: Денис Радин, Юрий Лучанов
Название: Быстрые Web приложения: разработка, профайлинг, оптимизация
Денис Радин
Фронтенд-специалист со страстью к экспериментам и оптимизации производительности. В качестве разработчика работал с Национальным олимпийским комитетом, Тимуром Бекмамбетовым, Nissan Авто и т.д. Имеет более 10 лет опыта коммерческой разработки программного обеспечения и более 3 лет опыта руководства командой, реализовал более 100 проектов (весь цикл разработки). С #, HTML5 Microsoft сертифицированный разработчик.
Юрий Лучанинов
Руководитель направления кросс-платформенной разработки мобильных приложений в компании MobiDev. Ведущий специалист в области разработки на PhoneGap и Android. В IT бизнесе с 2001 года. С 2009 года занимается разработкой нативных и кросс-платформенных мобильных приложений. Девиз Юрия: «Уверен, что качественная разработка зависит от знания тонкостей и возможностей той или иной платформы.»
— Становление Web платформы, как инструмента для создания приложений
— Приемущества и недостатки web apps по сравнению с native apps
— Быстродействие как ключ к счастливым пользователям, качественным продуктам и домиированию Web платформы
Пять элементов оптимизации
— Скорость загрузки
— Скорость исполнения JavaScript
— Скорость рендеринга и отзывчивость
— Расходование памяти, garbage collection
— Особенности человеческого восприятия и UI трюки
Скорость загрузки
— Критерии успеха, методики измерения
— Конкатенация, минификация, упаковка
— Порядок загрузки
— Ленивая загрузка контента
— Настройки сервера
— Возвращение серверного рендеринга
Скорость исполнения JavaScript
— Состояние JS движков сегодня, критерии успеха, методики измерения
— Оптимизации V8
— Условная типизация
— Объекты против массивов
— Большие данные
— Lookup цепочки
— Делегация событий
— Несколько слов о бенчмарках
— Профайлинг приложений
Скорость отрисовки, плавность анимаций
— Введение, критерии успеха, методики измерения
— Минимизация reflows и DOM модификаций
— Влияние CSS на скорость отрисовки, определение бутылочных горлышек
— Механизмы рендеринга WebKit / Blink: RenderTree, RenderLayer, GraphicsLayer, Tiled rendering
— Отличие аппаратно ускоренной композиции от стандартного механизма рендеринга, накладываемые ограничения и варианты использования
— Отслеживание и устранение repaints
— Альтернативные методы рендеринга контента и анимаций:
— Canvas
— WebGL
— SVG
— Кросс — платформенное тестирование скорости отрисовки с ароматом научных исследований
Расходование памяти и garbage collection
— Введение, критерии успеха, методики измерения
— Влияние структуры DOM дерева на расход памяти
— Влияние количества загруженных ресурсов
— Повторное использование объектов
— Управление слушателями
— Garbage collection — скрытый враг UX
— Поиск утечек памяти
Особенности человеческого восприятия, отзывчивость и UI трюки
— Интерактивность и обратная связь (реакция UI, touch события)
— О природе человеческого зрения, особенностях восприятия
Подробнее:
Скачать: