Ответ
Да, регулярно использую вкладку Network в DevTools для эмуляции различных условий сети. Это критически важно для проверки поведения веб-приложения при низкой скорости соединения.
Типичный сценарий использования:
- Открываю DevTools (F12) и перехожу на вкладку Network.
- В выпадающем списке Throttling выбираю предустановленный профиль, например, Slow 3G или Fast 3G.
- Перезагружаю страницу и наблюдаю:
- Время загрузки ресурсов в панели Network.
- Появление и корректность работы лоадеров и скелетонов.
- Отображение пользовательских сообщений об ошибках таймаута.
- Работу ленивой загрузки (Lazy Loading) изображений и компонентов.
Пример проверки в консоли DevTools:
// Замер времени полной загрузки страницы в условиях Slow 3G
performance.mark('pageLoadStart');
window.addEventListener('load', () => {
performance.mark('pageLoadEnd');
performance.measure('pageLoad', 'pageLoadStart', 'pageLoadEnd');
const measure = performance.getEntriesByName('pageLoad')[0];
console.log(`Время загрузки при Slow 3G: ${measure.duration.toFixed(2)} мс`);
});
Для автоматизации в Selenium или Playwright также настраиваю скорость сети через соответствующие API, чтобы воспроизводить эти условия в CI/CD.