Блог независимых постеров
Пятница, 08.11.2024, 02:28
Приветствую Вас Гость | RSS
 
Главная РегистрацияВход
Меню сайта
  • Главная
  • Наши правила
  • Добавить новость
  • Как оформить?
  • Наш форум
  • Контакты
  • Категории раздела
    Софт
    Видео
    Музыка
    Игры
    Графика
    Чтиво
    Другое
    Кулинария
    Наш опрос
    Самая интересная категория?
    Всего ответов: 309
    Статистика
    Главная » 2023 » Октябрь » 30 » Дмитрий Лаврик - Идеальная вёрстка 2023 2023 MP4
    19:22
    Дмитрий Лаврик - Идеальная вёрстка 2023 2023 MP4
    На интенсиве изучаются приёмы вёрстки для достижения максимального результата в системах автоматической оценки страниц от Google. Ведь при ранжировании Google официально учитывает показатели Core Web Vitals smile

    Интенсив предназначен для тех, кто:
    -Изучил HTML и CSS на более-менее нормальном уровне
    -Не понимает, почему инструменты Google ругают его вёрстку
    -Хочет освоить вёрстку, правильную с точки зрения Google

    Программа курса:

    Обзор инструментов
    Знакомство с Lighthouse
    Знакомство с Page Speed Insights
    Выбор целевого уровня
    Реальность получения 100 из 100
    Влияние показателей на SEO

    Базовые требования гугла
    Быстрый ответ сервера
    Адекватный размер DOM
    Критические и обычные стили
    Минимизация размеров статики
    Отсутствие прыжков контента

    Основные показатели
    First Contentful Paint
    Largest Contentful Paint
    First Input Delay
    Cumulative Layout Shift

    Анализ сайтов
    Примеры хороших и кривых проектов
    Комментарии по кейсам учеников
    Выявление важнейших проблем
    Последовательность исправления

    Работа с критическим CSS
    Ручное разделение стилей
    Автоматизация разделения кода
    Эксперименты с npm critical
    Эффективная настройка critical

    Ускоряющие теги link
    Preload и Prefetch
    Preconnect
    Асинхронный link stylesheet
    Загрузка CSS из JS

    Изображения
    Webp, picture и source
    Img и srcset
    Указание размеров в html
    Вывод разных размеров
    Ленивая загрузка изображений

    Шрифты
    Современные форматы шрифтов
    Link vs @import
    Обязательный link preload
    Свойство font-display
    Подбор стандартного шрифта

    Популярные проблемы UI
    Inputs & labels
    Ссылки и кнопки без текста
    Фреймы без title
    Недостаточный контраст цвета

    Серверная сторона
    Gzip сжатие
    Время кеша статики
    Минификация html-ответа
    Https, http2

    Оптимизация монстра
    Пример сайта на Vue + Vuetify
    Стартовые показатели в красной зоне
    Выявление ключевых проблем
    Вывод в зелёную зону

    Неизбежное зло
    Y.Метрика и G.Аналитика
    Фреймы сторонних сайтов
    Неиспользуемый javascript
    Nginx, Apache и время кэша

    Информация о видео
    Название: Идеальная вёрстка
    Автор: Дмитрий Лаврик
    Год выхода: 2023
    Жанр: Видеокурс
    Язык: Русский
    Выпущено: Россия
    Продолжительность: 11:23:32

    Файл
    Формат: MP4 (+доп.файлы)
    Видео: AVC, 1920x1080, ~520 Kbps
    Аудио: AAC, 128 Kbps, 48.0 KHz
    Размер файла: 3.34 Gb


    Скачать Дмитрий Лаврик - Идеальная вёрстка 2023 (2023) Видеокурс


    Категория: Видео | Просмотров: 40 | Добавил: colt | Рейтинг: 0.0/0
    Похожие материалы:
    Всего коментариев: 0
    Добавлять коментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Онлайн
    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0
    Мини-чат
    Поиск
    Календарь
    «  Октябрь 2023  »
    ПнВтСрЧтПтСбВс
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031
    Друзья сайта
    Copyright by blogz © 2024
    Хостинг от uCoz