Chrome DevTools: полный разбор для ускорения сайтов

В этом видео мы познакомимся со всеми инструментами разработчика в Chrome, которые полезны для тестирования скорости и ускорения сайтов. Современные браузеры предоставляют очень широкие возможности по диагностике скорости и оптимизации веб-приложений. Рассмотрим закладки Network, Performance, Lighthouse, Security и другие.

Содержание ролика:
0:00 - Введение
0:30 - Запускаем DevTools
3:30 - Настройки throttling'а и торможения сети
5:10 - Изменение положения DevTools
5:30 - Закладка Elements
6:50 - Закладка Console
7:40 - Закладка Sources
7:50 - Закладка Network
16:15 - Панель overview в Network
20:06 - Закладка Performance
30:20 - Закладка Memory
30:50 - Закладка Application
31:25 - Закладка Security
32:35 - Закладка Lighthouse
38:55 - Закладка Recorder
40:20 - Дополнительные инструменты
42:20 - Итоги

Настоящее ускорение сайтов: https://www.methodlab.ru/price/uskorenie_sajta.shtml
Администрирование Linux-серверов:
https://www.methodlab.ru/support/administrirovanie_serverov
Профессиональное создание, редизайн и поддержка сайтов: https://www.methodlab.ru/price/support.shtml
Тестирование скорости сайтов: https://xn--80aanaoiczhuihpc.xn--p1ai/
Сервис оптимизации картинок: https://www.fotorubka.ru/
Наш второй канал "Поддержка сайтов":
https://www.youtube.com/channel/UCf1P_nESQ6hPlTwkH5Vik1A
Метод Лаб в Telegram: https://t.me/methodlab_tg
Группа "Ускорение сайтов" в VK: https://vk.com/sitespeedup
Метод Лаб в VK: https://vk.com/methodlab
Метод Лаб в Rutube: https://rutube.ru/channel/24617406/

Видео Chrome DevTools: полный разбор для ускорения сайтов канала Ускорение Сайтов :: Метод Лаб