3.12. Выбор способов оптимизации под HTTP/2 1. Разделите ли вы CSS на файлы компонентов или оставите style.min.css? Оставлю style.min.css. Разделю на CSS на файлы компонентов, которые используются на каждой странице. 2. Выберите CSS-компоненты, на которые стоит разделить весь CSS. common.css — для повторяющихся стилей (стили шапки и футера, подключение шрифтов, другие универсальные стили). common.min.css — для повторяющихся стилей (стилей шапки и футера, подключения шрифтов, других универсальных стилей). index.min.css — для стилей на главной странице. catalog.min.css — для стилей страницы каталога. product.min.css — для стилей страницы товара. modal.min.css — для стилей модального окна. 3. Выберите верные варианты подключения CSS на страницах. Для страницы index.html — common.min.css, index.min.css. Для главной страницы — common.min.css, index.min.css, modal.min.css. Для страницы catalog.html — catalog.min.css, modal.min.css. Для страницы catalog.html — catalog.min.css, common.min.css. Для страницы product.html — product.min.css. Для страницы product.html — product.min.css, common.min.css. 4. Разделите ли вы JavaScript на файлы компонентов или оставите scripts.min.js? Оставлю scripts.min.js Разделю JavaScript на файлы компонентов, которые используются на определённой странице. 5. Выберите JavaScript-компоненты, на которые стоит разделить весь scripts.min.js. common.min.js — для повторяющихся скриптов, например, открытия и закрытия меню в мобильной версии. add-to-cart.min.js — скрипт добавления товара в корзину. add-to-favourite.min.js — скрипт добавления товара в избранное. product-carousel.min.js — скрипт для карусели фотографий товара на странице товара. filter.min.js — скрипт для фильтрации на странице каталога. modal.min.js — скрипт открытия модального окна. 6. Выберите верные варианты подключения JavaScript на страницах. Для страницы index.html — common.min.js, modal.min.js. Для страницы index.html — common.min.js, modal.min.js, add-to-cart.min.js. Для страницы catalog.html — common.min.js, add-to-cart.min.js, add-to-favourite.min.js. Для страницы catalog.html — common.min.js, add-to-cart.min.js, add-to-favourite.min.js, filter.min.js. Для страницы product.html — common.min.js, add-to-cart.min.js, add-to-favourite.min.js, filter.min.js, product-carousel.min.js. Для страницы product.html — common.min.js, add-to-cart.min.js, add-to-favourite.min.js, product-carousel.min.js 7. Оставите ли спрайт? Оставлю спрайт. Совсем избавлюсь от спрайта. Разделю на спрайты для конкретных страниц. Показать ответ