«Laize» — верстка одностраничного сайта под WordPress
- 23
- 0
- Опубликовано: 2020-05-29
— Адаптивная кроссбраузерная верстка по представленному макету под современные браузеры с использованием компонентов Bootstrap 4
— Подборка инимаций
— Оптимизация загрузки под PageSpeed Insights:
» сжатие (TinyPNG) и отложенная загрузка (lazysizes) графики и др. "тяжелых" компонентов
» конкатенация, минификация кода на этапе сборки, настройка кеширования на стороне клиента и др.
— Сборщик: Gulp
— Последующая посадка на CMS WordPress
Демо: https://wahawaher.github.io/portfolio-case-laize
Исходник: https://github.com/WahaWaher/portfolio-case-laize
Продакшн (WP): https://laize.ru
W3C валидация: https://validator.w3.org/nu/?doc=https%3A%2F%2Fwahawaher.github.io%2Fportfolio-case-laize%2F
PageSpeed: https://developers.google.com/speed/pagespeed/insights/?hl=ru&url=https%3A%2F%2Fwahawaher.github.io%2Fportfolio-case-laize%2F
— Подборка инимаций
— Оптимизация загрузки под PageSpeed Insights:
» сжатие (TinyPNG) и отложенная загрузка (lazysizes) графики и др. "тяжелых" компонентов
» конкатенация, минификация кода на этапе сборки, настройка кеширования на стороне клиента и др.
— Сборщик: Gulp
— Последующая посадка на CMS WordPress
Демо: https://wahawaher.github.io/portfolio-case-laize
Исходник: https://github.com/WahaWaher/portfolio-case-laize
Продакшн (WP): https://laize.ru
W3C валидация: https://validator.w3.org/nu/?doc=https%3A%2F%2Fwahawaher.github.io%2Fportfolio-case-laize%2F
PageSpeed: https://developers.google.com/speed/pagespeed/insights/?hl=ru&url=https%3A%2F%2Fwahawaher.github.io%2Fportfolio-case-laize%2F
Пример реализации
Комментариев нет
оставить комментарий могут только авторизованные пользователи
