бурмалда

1.

ПОДВАЛЬНАЯ М.С.
МИХАЙЛОВА А.А.
РУКОВОДИТЕЛЬ: САСИМ Я.С.
СРАВНИТЕЛЬНЫЙ АНАЛИЗ
ПРОИЗВОДИТЕЛЬНОСТИ WEBПРИЛОЖЕНИЙ НА БАЗЕ BLAZOR
WEBASSEMBLY И ПОПУЛЯРНЫХ JSФРЕЙМВОРКОВ

2.

ЦЕЛЬ РАБОТЫ
ИЗУЧИТЬ ВЛИЯНИЕ ВЫБОРА ТЕХНОЛОГИИ НА
ПРОИЗВОДИТЕЛЬНОСТЬ ВЕБ-ПРИЛОЖЕНИЙ
ОБЪЕКТ
ИССЛЕДОВАНИЯ
ТЕХНОЛОГИИ РАЗРАБОТКИ ВЕБ-ПРИЛОЖЕНИЙ И
ИХ ВЗАИМОСВЯЗЬ С ПРОИЗВОДИТЕЛЬНОСТЬЮ
СОЗДАВАЕМЫХ ВЕБ-ПРИЛОЖЕНИЙ

3.

ЗАДАЧИ ИССЛЕДОВАНИЯ
1
СОСТАВИТЬ ПРЕДСТАВЛЕНИЕ О
ТЕХНОЛОГИЯХ ВЕБ-РАЗРАБОТКИ
2
• ДИНАМИКУ РЫНКОВ
И ПЛАТФОРМ
ВЕБ-РАЗРАБОТКИ И
ИХ ТЕХНОЛОГИЙ
ИЗУЧИТЬ :
• ФАКТОРЫ, СПОСОБСТВУЮЩИЕ
ПРОИЗВОДИТЕЛЬНОСТИ ПРИЛОЖЕНИЙ
С ИСПОЛЬЗОВАНИЕМ ОПРЕДЕЛЕННЫХ
ТЕХНОЛОГИЙ
• КЛЮЧЕВЫЕ ОСОБЕННОСТИ
ВЫБРАННЫХ ТЕХНОЛОГИЙ

4.

ЗАДАЧИ ИССЛЕДОВАНИЯ
3
СОЗДАТЬ ПРОТОТИП ДЛЯ ДАЛЬНЕЙШЕГО
СОЗДАНИЯ ВЫБРАННЫХ ТЕХНОЛОГИЙ
ОПРЕДЕЛИТЬ КРИТЕРИИ ДЛЯ
СРАВНИТЕЛЬНОГО АНАЛИЗА
5
ПРОВЕСТИ СРАВНИТЕЛЬНЫЙ АНАЛИЗ
ПРОИЗВОДИТЕЛЬНОСТИ РЕАЛИЗОВАННЫХ
ВЕБ-ПРИЛОЖЕНИЙ, В ТИПИЧНЫХ
СЦЕНАРИЯХ ИСПОЛЬЗОВАНИЯ
4

5.

ЗАДАЧИ ИССЛЕДОВАНИЯ
6
ВЫРАБОТАТЬ РЕКОМЕНДАЦИИ ДЛЯ
РАЗРАБОТЧИКОВ
ПРАКТИЧЕСКАЯ
ЗНАЧИМОСТЬ РАБОТЫ
ЗАКЛЮЧАЕТСЯ В
ОБЪЕКТИВНОМ СРАВНЕНИИ
ПЯТИ СОВРЕМЕННЫХ
ФРЕЙМВОРКОВ: BLAZOR
WEBASSEMBLY НА C#,
REACT, NEXT.JS, VUE.JS И
SVELTE НА TYPESCRIPT

6.

1
ТЕХНОЛОГИИ ВЕБ-РАЗРАБОТКИ И
ИХ КЛЮЧЕВЫЕ ХАРАКТЕРИСТИКИ
ТЕХНОЛОГИЯ
ВЕБ-РАЗРАБОТКИ
СОВОКУПНОСТЬ ИНСТРУМЕНТОВ,
КОТОРЫЕ ИСПОЛЬЗУЮТСЯ ДЛЯ
СОЗДАНИЯ ВЕБ-РЕСУРСОВ
ФРЕЙМВОРКИ, БИБЛИОТЕКИ,
ХОСТИНГИ, РЕГИСТРАТОРЫ
ДОМЕНОВ, ИНСТРУМЕНТЫ СБОРКИ,
ТЕКСТОВЫЕ РЕДАКТОРЫ И IDE
ВЕБ-РАЗРАБОТКА – ЭТО
КОМБИНАЦИЯ ТЕХНОЛОГИЙ
И ИНСТРУМЕНТОВ,
ПОЗВОЛЯЮЩАЯ
СОЗДАВАТЬ ВЕБ-РЕСУРСЫ
ЛЮБОЙ СЛОЖНОСТИ

7.

1
ТЕХНОЛОГИИ ВЕБ-РАЗРАБОТКИ И
ИХ КЛЮЧЕВЫЕ ХАРАКТЕРИСТИКИ
ПО ДАННЫМ STACK OVERFLOW
DEVELOPER SURVEY 2025

8.

1
ТЕХНОЛОГИИ ВЕБ-РАЗРАБОТКИ И
ИХ КЛЮЧЕВЫЕ ХАРАКТЕРИСТИКИ
ЗАГРУЖАЕТ БОЛЬШОЙ
ПАКЕТ С .NET-РАНТАЙМОМ
И КОДОМ НА C#, ПОЭТОМУ
ПЕРВАЯ ЗАГРУЗКА ЧАСТО
МЕДЛЕННАЯ, НО ПОСЛЕ
ЗАПУСКА ИНТЕРФЕЙС
РАБОТАЕТ БЫСТРО,
БЛИЗКО К ДЕСКТОПНОМУ
ПРИЛОЖЕНИЮ
ИМЕЕТ ВИРТУАЛЬНЫЙ
DOM, КОТОРЫЙ
ЭФФЕКТИВНО ОБНОВЛЯЕТ
ТОЛЬКО ИЗМЕНИВШИЕСЯ
ЧАСТИ СТРАНИЦЫ
ОБЛАДАЕТ СТАТИЧЕСКОЙ
ГЕНЕРАЦИЕЙ И
СЕРВЕРНЫМИ
КОМПОНЕНТАМИ ДЛЯ
МГНОВЕННОЙ ПЕРВОЙ
ЗАГРУЗКИ

9.

1
ТЕХНОЛОГИИ ВЕБ-РАЗРАБОТКИ И
ИХ КЛЮЧЕВЫЕ ХАРАКТЕРИСТИКИ
КОМПИЛИРУЕТ ВСЁ В
ЧИСТЫЙ ЛЁГКИЙ
JAVASCRIPT БЕЗ
ТЯЖЁЛОГО РАНТАЙМА.
ИМЕЕТ МИНИМАЛЬНЫЙ
БАНДЛ
САМАЯ ИНТУИТИВНАЯ
МОДЕЛЬ РАЗРАБОТКИ
(HTML-ПОДОБНЫЙ
СИНТАКСИС +
COMPOSITION API)

10.

2
СОЗДАНИЕ ПРОТОТИПА
ПЕРВОЙ БЫЛА РЕАЛИЗОВАНА
ЭТАЛОННАЯ ВЕРСИЯ БЕЗ
КАКИХ-ЛИБО ФРЕЙМВОРКОВ.
ИМЕННО ОНА ПОСЛУЖИЛА
ОСНОВОЙ ДЛЯ ВСЕХ
ПОСЛЕДУЮЩИХ РЕАЛИЗАЦИЙ
ФРЕЙМВОРК
НАБОР ИНСТРУМЕНТОВ,
УСКОРЯЮЩИХ РАЗРАБОТКУ
ПРОГРАММНОГО ПРОДУКТА

11.

2
СОЗДАНИЕ ПРОТОТИПА

12.

3
ОПРЕДЕЛЕНИЕ КРИТЕРИЕВ ДЛЯ
СРАВНИТЕЛЬНОГО АНАЛИЗА
КРИТЕРИИ ДЛЯ СРАВНИТЕЛЬНОГО АНАЛИЗА
1. размер бандла
2. время начальной загрузки
3. производительность рендеринга
пользовательского интерфейса
4. использование памяти
5. SEO и возможности
серверного/статического рендеринга
1. удобство разработки
2. безопасность и
долгосрочная поддержка
3. Selenium для симуляции
пользовательских действий

13.

4
СРАВНИТЕЛЬНЫЙ АНАЛИЗ
Технология, показавшая
наилучший результат, получала
оценку – 10
Технология с наихудшим
результатом получала 1 балл
Остальные три технологии
распределялись между 1 и 10
пропорционально их реальным
замерам
Такой подход позволил получить
объективное и прозрачное
ранжирование по всем восьми
направлениям анализа

14.

4
1
СРАВНИТЕЛЬНЫЙ АНАЛИЗ
По
комплексной
оценке
восьми ключевых параметров
лидирует Svelte с 8,3 балла.
Он показывает лучшие по
размеру бандла, времени
первой загрузки, скорости
рендеринга и потреблению
памяти при высоком удобстве
разработки
2
Vue.js занимает второе место
с 6,8 балла благодаря
стабильным
высоким
метрикам на клиенте и
отличной эргономике

15.

4
3
СРАВНИТЕЛЬНЫЙ АНАЛИЗ
Next.js получает 6,6 балла и
выигрывает в проектах с
серверным
рендерингом,
статической генерацией и
SEO, но уступает по чистой
клиентской
производительности
4
React набрал 5,8 балла.
Причиной
такого
результата
является
тяжеленький
бандл
и
средняя скорость
5
Blazor
WebAssembly
набрал всего 5,6 балла. Он
сильно проигрывает по
первой загрузке и ресурсам

16.

5
РЕКОМЕНДАЦИИ ДЛЯ
РАЗРАБОТЧИКОВ
УЧИТЫВАТЬ ВСЕ
НЮАНСЫ
РАЗРАБОТКИ
ПЕРИОДИЧЕСКИ
ВОЗВРАЩАТЬСЯ К
ВЫБОРУ СТЕКА