Введение в оптимизацию скорости Shopify 2024 — новая панель управления производительностью и осно... скачать в хорошем качестве

Введение в оптимизацию скорости Shopify 2024 — новая панель управления производительностью и осно...

Объясняем новую панель мониторинга веб-производительности Shopify и основные показатели веб-показателей Google (CWV) в контексте Shopify. 🔗 ССЫЛКИ Получите скидку 20% на TinyIMG: https://tiny-img.com/?ref=ed_codes Сервисы SpeedBoostr: https://speedboostr.com/?ref=zjgwmmj Shopify заменил показатель скорости Lighthouse тремя новыми метриками: скоростью загрузки, интерактивностью и визуальной стабильностью. Вы можете нажать на них, чтобы увидеть более подробную информацию на новой панели мониторинга веб-производительности (или перейти в раздел «Аналитика» - «Отчёты» - «Производительность»). Как и старый показатель скорости (основанный на Google Lighthouse), это не изобретение Shopify, а стандарт, установленный Google. В Google эти метрики называются «Наибольшая отрисовка контента» (LCP), «Взаимодействие с следующей отрисовкой» (INP) и «Совокупное смещение макета» (CLS). Вместе они составляют «Core Web Vitals» (CWV). CWV превосходят их по нескольким причинам: 1. Они основаны на данных реальных клиентов. Старый рейтинг Lighthouse — это просто робот, который посещает ваш сайт, проводит тесты и проверяет, что вы выполнили все условия. Другими словами, это лабораторные данные. CWV же — это усреднённый зафиксированный опыт реальных клиентов, посещавших ваш магазин за последние 28 дней. Другими словами, это данные из реальной жизни. Это гораздо ценнее, потому что, в конце концов, главное — это то, насколько удобен ваш опыт посещения вашего магазина. 2. Они наиболее важны для SEO. Google подтвердил, что ваши Core Web Vitals, а не рейтинг Lighthouse, используются в качестве фактора ранжирования в поиске Google. Google никак не учитывает ваш рейтинг Lighthouse при ранжировании в поиске. Поэтому, если ваша цель — SEO, то получение нескольких дополнительных баллов в Lighthouse мало что изменит. А вот улучшение CWV — да. 3. Они более понятны и применимы на практике CWV значительно облегчают жизнь владельцам сайтов. Теперь у вас есть всего три уровня: «хорошо», «требует улучшения» и «плохо». Больше не нужно беспокоиться о том, достаточно ли 65 баллов Lighthouse. Просто стремитесь к оценке «хорошо» по всем основным показателям веб-скорости! Кроме того, стало проще работать с каждой проблемой отдельно. Не нужно путаться в различных рекомендациях Pagespeed Insights. Теперь у вас есть три чётко определённые категории для улучшения. Посмотрите видео, чтобы узнать больше об основных показателях веб-скорости — LCP, INP и CLS в Shopify. 📢 БУДЬТЕ В КУРСЕ Подпишитесь на мою рассылку: https://ed.codes/newsletter YouTube не всегда показывает мои последние видео. Подпишитесь, чтобы получать уведомления и видеть другой контент, который я не публикую на YouTube. 🙏 ПОДДЕРЖИТЕ КАНАЛ Угостите меня кофе — https://www.buymeacoffee.com/edcodes Или нажмите кнопку «Присоединиться» под любым видео. 🛠 МАГАЗИН КОДОВ https://ed.codes/shop Готовые разделы и функции для тем Shopify 2.0, которые часто заменяют необходимость в приложениях. Скопируйте код и вставьте его в свою тему. 👍 МОИ ЛЮБИМЫЕ ПРИЛОЖЕНИЯ И ТЕМЫ Все они перечислены на моем сайте — https://ed.codes/tools 📚 МОЯ ЭЛЕКТРОННАЯ КНИГА ПО ПРОГРАММИРОВАНИЮ ДЛЯ SHOPIFY https://ed.codes/shopify-coding-handbook Изучайте HTML, CSS и Shopify Liquid с самого начала, и специально для Shopify. 👨🏼‍💻 КТО Я? Привет! Меня зовут Эдуард. Я обучаю технической стороне создания и ведения магазина на Shopify. Я профессиональный веб-разработчик, но моя цель — сделать Shopify простым и понятным с помощью простых и понятных видео. Посетите мой сайт: https://ed.codes Присоединяйтесь к «Shopify DIY» в Discord Общайтесь со мной и другими владельцами магазинов и разработчиками: https://ed.codes/community ⏭ ГЛАВЫ 00:00 Введение 00:59 Сравнение показателей Lighthouse и Core Web Vitals 02:24 Реальные данные пользователей 03:50 Влияние SEO 04:49 Использование панели производительности Shopify 06:02 Скорость загрузки (LCP) 12:02 Интерактивность (INP) 15:08 Визуальная стабильность (CLS) 18:55 Остерегайтесь мошенников 20:38 Настоящие эксперты по скорости #Shopify #SpeedOptimization #WebPerformance #ShopifySpeed