Смотрим рекомендации: у квиза очень большой CSS-файл.
Возможно, его нужно оптимизировать.
Делаем просто: отдаё м файлы Cursor и просим сделать минификацию, чтобы уменьшить размер.
Хотите увидеть, как Cursor оптимизирует CSS?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #Минификация #PageSpeed #Тренинг
Посмотрите, какая красивая административная система получилась.
Я не написал ни строчки кода — всё автоматически.
Заявки пока пустые.
Стилистику нужно немного поправить.
Копируем правки: стили полей должны совпадать, настройки SEO, название, подпись под логотипом, текст в подвале, ссылка на Telegram.
Хотите увидеть, как выглядит готовая админка?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #Админка #NoCode #Тренинг
Переходим на главную и нажимаем кнопку «Деплой».
Эта кнопка запускает процесс сохранения HTML-версии страниц сайта.
Благодаря этому сайт загружается примерно в десять раз быстрее.
Хотите увидеть, как работает деплой в статичный HTML?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #Деплой #HTML #Тренинг
Улучшите загрузку изображений.
Делаем скриншот и отправляем Cursor во вложениях.
Есть запросы, блокирующие отрисовку страницы.
Пока их не трогаем — наша цель 90 баллов.
Хотите увидеть, как Cursor работает с рекомендациями PageSpeed?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #PageSpeed #ОптимизацияИзображений #Тренинг
Ещё раз проверяем сайт через Google PageSpeed Insights.
Надеемся выйти на 90 баллов по мобильным.
Результат — 89 баллов.
Почти у цели.
Google говорит: можно ещё немного оптимизировать.
Хотите увидеть, как Cursor дожимает скорость до 90+?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #PageSpeed #Оптимизация #Тренинг
Сейчас проверяем сайт через Google PageSpeed Insights.
Если он быстрый — переходим в админку и дорабатываем сайт до идеала.
Времени осталось не очень много.
Хотите увидеть реальные баллы скорости сайта, сделанного в Cursor?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #PageSpeed #РазработкаСайтов #Тренинг
Начинаем одиннадцатый урок.
Цель сегодня: доработать админ-систему, проверить, насколько хорошо она работает,
опробовать деплой на сервере и настроить синхронизацию.
Чтобы можно было управлять сайтом и на локальном компьютере, и на сервере.
Хотите увидеть полный процесс доработки админки и синхронизации?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #Админка #Деплой #Тренинг
Третье:
Доработай все статьи в блоге.
Сделай их читабельными.
Добавь редактуру, подзаголовки, сноски и перелинковку между статьями и товарами.
Хотите увидеть, как Cursor улучшает контент блога?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #Блог #SEO #Тренинг
Прошу Cursor:
Раз в пять минут заходи на сайт по FTP и проверяй, не изменились ли базы данных JSON.
Если изменились — выкачивай их на локальный ПК, чтобы у нас всегда была свежая версия.
Хотите узнать, как настроить такую синхронизацию?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #FTP #JSON #Тренинг
Уже сейчас видно: баннер внизу и header не оптимизированы под мобильный.
Сейчас попрошу Cursor это исправить.
Хотите увидеть, как быстро устраняются такие недочёты?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #МобильнаяВерсия #РазработкаСайтов #Тренинг
«Оптимизируй под мобильный текущий хедер.
Нужно оставить только логотип и кнопку меню.
Остальные кнопки убрать».
Хотите увидеть, как Cursor делает хедер удобным на телефоне?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #Моби льнаяВерсия #Хедер #Тренинг
Производительность главной страницы — 87%.
Есть рекомендации, поисковая оптимизация в зелёной зоне.
На компьютере (десктоп) — 99%.
Тоже есть рекомендации, SEO можно усилить.
Это хорошие новости.
Хотите увидеть полный разбор PageSpeed нашего сайта?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #PageSpeed #SEO #Тренинг
Что выбрал человек: картинки, история, комментарии.
Нажимаю «Созвонились» — и статус уходит вниз.
Так мы легко ведём всю работу с клиентами прямо в админке сайта.
Хотите увидеть мини-CRM, которую собрал Cursor?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #Админка #CRM #Тренинг
Alt-теги.
Их можно сделать для SEO.
Но мы просим Cursor: «Создай сам alt-теги для всех картинок на сайте».
Хотите увидеть, как Cursor сам прописывает описания ко всем изображениям?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #SEO #AltТеги #Тренинг
Важный момент.
Если используете Яндекс.Метрику или любой другой счётчик — обязательно добавьте это в Политику обработки персональных данных и Политику конфиденциальности.
Сейчас за этим следят.
Если счётчик есть, а в политике его нет — это нарушение 152-ФЗ.
Хотите узнать, как правильно оформлять политики под закон?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #152ФЗ #ЯндексМетрика #Тренинг
Девяносто баллов.
Поверьте: девять из десяти существующих сайтов такой результат не набирают.
А у нас — высоконагруженный сайт с анимациями, квизом, формами, ссылками и при этом 90 баллов в PageSpeed.
Это очень высокий результат.
Хотите узнать, как получить такую скорость?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #PageSpeed #РазработкаСайтов #Тренинг
Благодаря такому простому подходу Cursor сейчас создаст для нас мини-CRM, с которой будет работать заказчик сайта.
Думаю, это займёт около двух часов: создать CRM и загрузить сайт на хостинг.
Можно сделать перерыв.
Хотите увидеть, как из промтов появляется рабочая мини-CRM?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #CRM #Админка #Тренинг
Ещё нужно добавить favicon.
Просим Cursor: добавь на сайт favicon с анимацией и сменой картинки при наведении / активации.
Пусть сам предложит максимально качественный вариант.
Хотите увидеть, как Cursor создаёт живой favicon?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #Favicon #РазработкаСайтов #Тренинг
PNG — почему он часто недопустим?
Только если есть альфа-канал (прозрачность).
PNG занимает значительно больше места — в разы.
Если альфа-канала нет — пусть Cursor напишет скрипт и заменит такие картинки на WebP или JPG.
Хотите увидеть, как Cursor оптимизирует форматы изображений?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #ОптимизацияИзображений #WebP #Тренинг
Вот этих простых промтов хватит, чтобы создать потрясающую админку и уже запустить сайт на домене.
Вот этот домен.
Хотите увидеть, как из нескольких промтов получается рабочий сайт на хостинге?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #Админка #Хостинг #Тренинг