1.8. Задание: предварительное открытие TCP-соединений

Вы разрабатываете веб-приложение для компании по строительству загородных объектов и получаете задачу ускорить загрузку. Решите задачу, добавив предварительную загрузку контента.

Описание проекта:

• На первом экране каждой страницы находится фоновая картинка одного из объектов, построенных компанией.
• На втором экране показаны два самых популярных дома.
• На третьем экране находится форма заявки, состоящая из трёх шагов. На первом шаге показываются поля ввода с именем и номером телефона. На втором — картинки с типами домов, один из которых можно выбрать. На третьей — поле для ввода бюджета клиента.
• В конце каждой страницы через API подключены Яндекс.Карты.
• Ссылки на профили Вконтакте и Инстаграм с отзывами покупателей.
• Подключены чаты Телеграм, Вотсап, Вайбер через виджет teletype.app
• Используются кастомные шрифты BloggerSans и PT Sans.

Данные из Яндекс.Метрики:

1. Во втором блоке на первый дом кликают 12% посетителей, на второй — 8%.
2. В форме заявки первый шаг заполняют 7,1% посетителей, второй — 6,7%, третий — 6,1%.
3. На главную страницу попадают 100% пользователей, на страницу каталога — 65%, на страницу «Индивидуальный расчёт стоимости» — 19%.

Опишите, для каких ресурсов вы будете использовать preload, prefetch, preconnect, dns-prefetch, prerender. Использовать всё необязательно.

Выполните задание самостоятельно и нажмите на кнопку «Задание готово». После этого вы сможете сравнить своё решение с предложенным авторами курса.