Скорость и PageSpeed: как проверить страницу и поднять результат с помощью Cursor
Скорость и PageSpeed: как проверить страницу и поднять результат с помощью Cursor

Смотреть урок

Дополнительные файлы из урока

Сайт уже развёрнут, домен и SSL настроены, и теперь стоит проверить скорость загрузки страниц: для SEO это важный фактор. Страницы на нашем сайте маленькие, поэтому в уроке я специально создаю перегруженную страницу с большими изображениями, внешними шрифтами и тяжёлым калькулятором на React. Затем я замеряю её в PageSpeed Insights, отправляю отчёт в Cursor с просьбой оптимизировать страницу и сравниваю результат. После урока вы сможете проверить свои страницы в PageSpeed и использовать Cursor для исправления найденных проблем. Урок подойдёт тем, кто уже выкатил сайт на сервер.

Оглавление с таймкодами:

0:00–0:35 Зачем проверять скорость. Сайт доступен по своему адресу, но маленькие страницы не покажут проблем, поэтому создаём заведомо тяжёлую страницу.

0:35–3:01 Промпт для тяжёлой страницы. Прошу создать страницу, максимально длинную и тяжёлую: десять огромных изображений в высоком разрешении со ссылками на Unsplash, тегами без указания ширины и высоты, внешние шрифты Google через тег link и калькулятор окупаемости SEO на React, который выполняет сложные вычисления сразу при загрузке и стоит в самом верху страницы.

3:01–5:49 Генерация страницы. Выбираю модель Sonnet 4.6 ради качества,…

🔒

Этот материал доступен участникам Клуба. Войдите или оформите доступ, чтобы читать целиком, открывать видео и комментировать.

Войти Вступить / купить доступ