Тест по ПМ.05 Оптимизация веб - приложений
Список вопросов теста
Вопрос 1
Что является основной целью оптимизации веб-сайта?
Варианты ответов
- Увеличение количества рекламы
- Улучшение производительности, юзабилити и конверсии
- Усложнение исходного кода
- Изменение дизайна без причины
Вопрос 2
Назовите два основных направления оптимизации веб-приложений.
Варианты ответов
- Клиентская (Frontend) и серверная (Backend)
- Визуальная и звуковая
- Текстовая и графическая
- Локальная и глобальная
Вопрос 3
Какой показатель напрямую влия1ет на ранжирование сайта в поисковых системах и зависит от скорости загрузки?
Варианты ответов
- Bounce Rate (показатель отказов)
- LCP (Largest Contentful Paint — отрисовка самого крупного элемента)
- CTR (Click-Through Rate)
- Уникальные посетители
Вопрос 4
Что такое "критический путь рендеринга" (Critical Rendering Path)?
Варианты ответов
- Путь пользователя по сайту до совершения покупки
- Последовательность шагов, которые выполняет браузер для преобразования кода (HTML, CSS, JS) в пиксели на экране
- Основной маршрут на карте сайта
- Путь, по которому передаются данные от сервера к клиенту
Вопрос 5
Какой инструмент от Google используется для анализа производительности сайта как на мобильных, так и на десктопных устройствах?
Варианты ответов
- Google Analytics
- Google Search Console
- PageSpeed Insights
- Google Ads
Вопрос 6
Какой из перечисленных методов НЕ является способом оптимизации изображений?
Варианты ответов
- Использование современных форматов (WebP, AVIF)
- Ленивая загрузка (lazy loading)
- Увеличение разрешения изображения сверх потребностей макета
- Сжатие без потерь и с потерями
Вопрос 7
Для чего применяется техника "спрайтов" (CSS sprites)?
Варианты ответов
- Для создания анимации
- Для объединения множества мелких изображений в один файл для сокращения количества HTTP-запросов
- Для изменения размера изображений на лету
- Для защиты изображений от копирования
Вопрос 8
Что делает минификация CSS/JS файлов?
Варианты ответов
- Увеличивает их размер для лучшей читаемости
- Удаляет пробелы, комментарии и другие ненужные символы, уменьшая размер файла
- Преобразует их в изображения
- Шифрует их содержимое
Вопрос 9
Какое преимущество дает использование формата WebP перед JPEG?
Варианты ответов
- Поддержка анимации
- Меньший размер файла при сопоставимом качестве
- Лучшая поддержка старыми браузерами
- Более высокая цветопередача
Вопрос 10
В чем суть "ленивой загрузки" (lazy loading) изображений?
Варианты ответов
- Загрузка всех изображений сразу при открытии страницы
- Загрузка изображений по мере их появления в видимой области экрана (viewport)
- Загрузка изображений в фоновом режиме после полной загрузки страницы
- Отказ от использования изображений
Вопрос 11
Какое свойство CSS позволяет аппаратно ускорить анимации?
Варианты ответов
- z-index
- transform
- color
- font-size
Вопрос 12
Что такое "блокировка рендеринга" (render-blocking)?
Варианты ответов
- Когда пользователь не может нажать на кнопку
- Когда браузер приостанавливает отрисовку страницы до полной загрузки или парсинга CSS и JS файлов
- Когда сервер не отвечает на запросы
- Когда страница слишком долго грузится из-за большого количества текста
Вопрос 13
Что такое кэширование на стороне сервера?
Варианты ответов
- Хранение пользовательских паролей в базе данных
- Сохранение результатов ресурсоемких операций (например, запросов к БД или сложных вычислений), чтобы при повторном запросе отдавать их мгновенно, не выполняя операцию заново
- Сжатие всех файлов на диске сервера
- Создание резервной копии сайта
Вопрос 14
Какая из баз данных является NoSQL и часто используется для кэширования?
Варианты ответов
- MySQL
- PostgreSQL
- Redis
- Oracle
Вопрос 15
Какой HTTP-заголовок используется для управления кэшированием на стороне клиента?
Варианты ответов
- Content-Type
- Cache-Control
- User-Agent
- Authorization
Вопрос 16
Что такое "индексы" в базах данных и как они влияют на производительность?
Варианты ответов
- Это таблицы для хранения логов. Они замедляют запись, но не влияют на чтение.
- Это специальные структуры данных, которые ускоряют поиск и выборку данных по определенным столбцам, но могут замедлять операции вставки и обновления
- Это список всех пользователей базы данных
- Это механизм для шифрования данных.
Вопрос 17
В чем основное преимущество использования CDN (Content Delivery Network)?
Варианты ответов
- Увеличивает нагрузку на основной сервер
- Доставляет статический контент пользователю с ближайшего к нему географически сервера, что ускоряет загрузку
- Позволяет хранить пароли пользователей в разных местах
- Усложняет структуру сайта
Вопрос 18
Какой метод HTTP-запроса следует использовать для безопасного обновления данных на сервере?
Варианты ответов
- GET
- POST
- DELETE
- PUT
Вопрос 19
Что такое "оптимизация запросов к БД"?
Варианты ответов
- Написание запросов так, чтобы они выполнялись как можно быстрее, используя индексы, правильные типы соединений (JOIN), избегая SELECT *
- Использование только одной таблицы в базе данных
- Отключение всех индексов
- Хранение всех данных в одном большом текстовом файле
Вопрос 20
Для чего используется заголовок Content-Security-Policy (CSP)?
Варианты ответов
- Для ускорения загрузки сайта
- Для предотвращения атак типа XSS (межсайтовый скриптинг), ограничивая источники, с которых можно загружать скрипты, стили и другие ресурсы
- Для сжатия контента
- Для управления сессиями пользователя
Вопрос 21
Что такое SQL-инъекция и как ее предотвратить?
Варианты ответов
- Это атака, при которой злоумышленник внедряет вредоносный SQL-код в запрос. Предотвращается с помощью подготовленных выражений (prepared statements) и параметризованных запросов
- Это когда база данных падает из-за большого количества запросов.
- Это когда данные из БД шифруются.
- Это когда пользователь забывает пароль.
Вопрос 22
Для чего служит протокол HTTPS?
Варианты ответов
- Для ускорения загрузки страниц
- Для шифрования данных, передаваемых между браузером пользователя и сервером, обеспечивая конфиденциальность и целостность
- Для кэширования данных на стороне клиента
- Для сжатия изображений
Вопрос 23
Какую информацию предоставляет вкладка "Сеть" (Network) в инструментах разработчика браузера?
Варианты ответов
- Информацию о загрузке процессора
- Данные о всех сетевых запросах: их размер, время загрузки, статус ответа, используемые технологии
- Информацию о памяти, используемой страницей
- Список всех установленных расширений браузера
Вопрос 24
Что такое Lighthouse?
Варианты ответов
- Система управления базами данных
- Текстовый редактор для кода
- Автоматизированный инструмент аудита веб-страниц от Google, встроенный в Chrome DevTools, который оценивает производительность, доступность, SEO и другие параметры
- Система контроля версий
Вопрос 25
В чем разница между load и DOMContentLoaded событиями в JavaScript?
Варианты ответов
- Нет никакой разницы.
- DOMContentLoaded срабатывает, когда HTML полностью загружен и разобран, а load — когда загружены все ресурсы (картинки, стили). DOMContentLoaded наступает раньше.
- load срабатывает раньше.
- Эти события относятся только к работе с базой данных
Вопрос 26
Что такое "бенчмаркинг" в контексте веб-оптимизации?
Варианты ответов
- Процесс создания логотипа для сайта
- Измерение производительности системы или ее частей для сравнения с эталоном или предыдущими результатами
- Написание документации к коду
- Процесс тестирования верстки на разных экранах
Вопрос 27
Какой инструмент позволяет симулировать медленное сетевое соединение для тестирования производительности сайта?
Варианты ответов
- Jira
- Throttle
- Docker
- Git
Вопрос 28
Что такое TTFB (Time to First Byte)?
Варианты ответов
- Время от начала загрузки страницы до полной отрисовки
- Время от отправки HTTP-запроса до получения первого байта ответа от сервера
- Время загрузки самого большого элемента на странице
- Общее время загрузки всех ресурсов страницы
Вопрос 29
Для чего используется Webpack или подобные сборщики (Vite, Parcel)?
Варианты ответов
- Для написания чистого JavaScript без фреймворков
- Для автоматизации задач: объединения модулей, минификации кода, разделения кода (code splitting)
- Для создания баз данных
- Для верстки email-рассылок
Вопрос 30
Что такое "бюджет производительности" (performance budget)?
Варианты ответов
- Сумма денег, выделенная на разработку сайта
- Ограничение на общий размер страницы или время ее загрузки, которое команда обязуется не превышать
- Количество часов, которое разработчик тратит на оптимизацию
- Количество запросов к API в секунду


