Сайт систем вентиляции с CSS анимацией

Сайт систем вентиляции с CSS анимацией и 100% PageSpeed Insights

Сайт ventilyatsiya.su для группы компаний вентиляционного оборудования и монтажа, создавался в 2020 году как информационный проект с каталогом бризеров. Но с особыми требованиями к скорости, адаптивности и мобильной совместимости из-за ожиданий появления Core Web Vitals 2021. Требования сразу оказались противоречивыми - нужно качественное оформление с анимацией (для высоких значений поведенческого фактора), но максимальная скорость загрузки!

Дизайн сайта каталога вентиляционных систем для квартиры


Особенность сайта:  реальные 100% производительности при тестировании PageSpeed Insights, не взирая на графическую презентацию и анимацию в дизайне! Сайт ventilyatsiya.su является наглядным действующим примером того, что сайты с графическим оформлением могут достигать максимальных показателей в серии тестов Core Web Vitals 2021. Такое тестирование теперь проходят все сайты при индексации в Google. Оно обязательно для попадания в индекс Google каждой страницы сайта, необходимо для SEO, для успешной индексации и продвижения сайта в поисковых системах. Утверждения некоторых разработчиков о том, что сайты под задачи SEO должны быть максимально "минималистичными" - ошибочны. Именно и графическое оформление сайта (и CSS анимация) позволяют сайту получить высокий "поведенческий фактор", используемый в современных поисковых алгоритмах для оценки качества сайтов.

Пример прохождения тестирования скорости загрузки  PageSpeed Insights:

Прохождение тестирования сайта для подбора вентиляции в квартиру

Системы вентиляции для квартир

Видео работы анимации:



Комментарии

Отправить комментарий

Популярные сообщения из этого блога

Сайт производителя полипропиленовых мешков

Изображение
Производитель полипропиленовых мешков Сайт российского  производителя полипропиленовых мешков  и  FIBC (Big Bag) контейнеров. Дизайн главной страницы с адаптивной CSS анимацией а дизайне заглавной страницы (без использования JS).  Особенность проекта в том, что не взирая на графическую анимацию в дизайне, сайт прекрасно проходит тестирование Core Web Vitals (Mobile Friendly и PageSpeed) с максимальными результатами. Результат фактической производительности, необходимый для дизайна "продающего сайта": оценка основных интернет-показателей - "проверка пройдена", производительность - 98% (максимальная, даже с анимацией). Презентационная анимация в шапке страницы:
Read more »

Интересный кейс по его эффективности сайта

Изображение
 Проект 2010 г. сайта транспортной компании (кейс эффективности) Для полной совместимости технологий я использовал в своих проектах двойную адаптивную анимацию (Flash & HTML+CSS). Технология анимации сайта основана на фреймворке для определения наличия в браузере плагина Flash Player. Я модернизировал стандартный объект фреймворка под создание адаптивной анимации (когда создаётся 2 вида анимации для 1 страницы). В результате: при наличии в браузере посетителя включённого Flash плагина, страница сайта показывает самую полную интерактивную Flash анимацию (весом всего 280 Кб) с контролем сценария и режимов потоковой загрузки. При отсутствии плагина (или отключённом JS) пользователю показывается HTML+CSS анимация (она весит 290 Кб, но примитивна и без интерактивности).  Дизайн разрабатывается под  вёрстку, с учётом интеграции 2-х видов анимации в коде страницы. При этом, анимация только часть страницы. Контент и навигация страницы полностью открыты для индексации и SEO оптимизации стр
Read more »

Что лучше: контекстная реклама или продвижение сайта?

Изображение
Что лучше: контекстная реклама или продвижение сайта? При запуске интернет сайта, любой бизнес сталкивается с проблемой выхода на целевой спрос ( продвижение бизнеса в интернете ) для повышения продаж и начинает анализировать существующую информацию. Множество статей или видео роликов или статьи на статейных "фермах" (сайтах, созданных под накопление тематического контента). Эта не систематизированная информация становится частью мировоззрения в такой важнейшей для бизнеса области, как интернет маркетинг. Мало того, что вся эта информация всегда устаревшая и не актуальная, но самое плохое в этой информации – это эффект Даннинга-Крюгера. Лучше и эффективнее именно комплексное продвижение сайта , где контекстная реклама – это только часть политики продвижения. Но это путь лидеров спроса... Эксперимент, как пример для демонстрации Итак, ситуация: Есть сайт коммерческой компании-производителя, который уже 5 месяцев продвигается по одной конкурентной тематике. Конкуренция по товар
Read more »