soblvsk / shri-2023-tooling

Tooling (Использование Chrome DevTools - анализ открытия сайта)

1. На вкладке Network

1.1. Профиль загрузки ресурсов HAR

1.2. Неоптимальные места:

1.2.1. Дублирование ресурсов

• code.js повторился 2 раза

• www.1cont.ru повторился 2 раза

• fontawesome-webfont.woff2?v=4.7.0 повторился 2 раза

• https://mp-events.mi.action-media.ru/user-recognition повторился 4 раза ( 2 раза с кодом 204 и 2 раза с 200)

• cast_sender.js повторился 2 раза

1.2.2. Лишний размер ресурса

• На данной фотографии можно заметить, что присутсвуют js и css файлы, которые весят больше 100 kB. А также файл png, который весит много для картинки

1.2.3. Медленно загружающиеся ресурсы

• Можно заметить, что есть 3 запроса, которые завершили свою работу с ошибкой. Из них 2 были больше 2 секунд. Самое оптимальное время это примерно 1 секунда или меньше.

1.2.4. Ресурсы, блокирующие загрузку

• Ресурсы, которые запустились до загрузки страницы.

1.2.5. Дополнительно

• Запросы, которые закончились с ошибкой или были отменены.

• Запросы со статусом 302 из-за которых происходят лишние запросы и нагружают загрузку сайта.

• Заблокированные запросы

---

2. На вкладке Perfomance

2.1. Профиль загрузки страницы JSON

2.2. Время в ms от начала навигация до событий FP, FCP, LCP, DCL и Load

• First Paint (FP) - 847.6 ms

  

• First Contentful Paint (FCP) - 847.6 ms

  

• Largest Contentful Paint (LCP) - 7149.9 ms

  

• DOM Content Loaded (DCL) - 6701.3 ms

  

• Load - 31285.4 ms

  

2.3. DOM-элемент на котором происходит LCP

• <img loading="lazy" src="/images/branding/10/imageTop_1628667062.7856.jpg" data-url="/images/branding/10/imageTop_1628667062.7856.jpg" alt="-">

2.4. Время в ms тратится на разные этапы обработки документа (Loading, Scripting, Rendering, Painting)

• Loading - 198 ms

• Scripting - 8320 ms

• Rendering - 224 ms

• Painting - 1039 ms

  

---

3. На вкладке Coverage

3.1. Профиль загрузки страницы JSON

3.2. Объём неиспользованного CSS в ходе загрузки страницы

• 546 kB

3.3. Объём неиспользованного JS в ходе загрузки страницы

• 2600 kB

---

Дополнительно

1. На вкладке Network

Профиль загрузки ресурсов HAR

• Аналогично как в основном задании Network, только загрузка стала больше почти в 2 раза.

---

2. На вкладке Perfomance

2.1. Профиль загрузки страницы JSON

2.2. Время в ms от начала навигация до событий FP, FCP, LCP, DCL и Load

• First Paint (FP) - 9855.1 ms

  

• First Contentful Paint (FCP) - 9855.1 ms

  

• Largest Contentful Paint (LCP) - 43342.0 ms

  

• DOM Content Loaded (DCL) - 37609.9 ms

  

• Load - 71684.7 ms

  

2.3. DOM-элемент на котором происходит LCP

• <img loading="lazy" src="/images/branding/10/imageTop_1628667062.7856.jpg" data-url="/images/branding/10/imageTop_1628667062.7856.jpg" alt="-">

2.4. Время в ms тратится на разные этапы обработки документа (Loading, Scripting, Rendering, Painting)

• Loading - 676 ms

• Scripting - 18506 ms

• Rendering - 18904 ms

• Painting - 6455 ms

  

---

3. На вкладке Coverage

3.1. Профиль загрузки страницы JSON

3.2. Объём неиспользованного CSS в ходе загрузки страницы

Аналогично как в основном задании Coverage. Сайт не оптимизирован под плохую связь Slow 3G и CPU 4x slowdown. Из-за этого все сильно тормозит и невозможно взаимодействовать с сайтом.