Игры
 Видео
 Музыка
 Графика
 Интересно
 Программы
 Библиотека
 Видеоуроки
 Кулинария
 Разное




ivashka
Добавил новостей Статьи: 9712
Написал комментариев Мысли: 0
zyzy
Добавил новостей Статьи: 9533
Написал комментариев Мысли: 0
didl3
Добавил новостей Статьи: 8428
Написал комментариев Мысли: 0
Kioka83
Добавил новостей Статьи: 5331
Написал комментариев Мысли: 0
trigall
Добавил новостей Статьи: 5017
Написал комментариев Мысли: 0
colt
Добавил новостей Статьи: 4221
Написал комментариев Мысли: 0
NIKIG
Добавил новостей Статьи: 2397
Написал комментариев Мысли: 0
Какая категория интереснее?
Всего ответов: 23
Главная » 2023 » Октябрь » 30 » Дмитрий Лаврик - Идеальная вёрстка 2023 (2023) PCRec
19:20
Дмитрий Лаврик - Идеальная вёрстка 2023 (2023) PCRec
На интенсиве изучаются приёмы вёрстки для достижения максимального результата в системах автоматической оценки страниц от 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) Видеокурс


Раздел: видеоуроки | Автор: colt | Просмотров: 57 | Рейтинг: 0.0/0
Похожие новости:
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Design powered by Xemera™ Copyright © 2009-2024


Гость


Имя: Гость
IP: 3.21.247.78
Ты здесь: -й день
Добавить новость
Читать ЛС ()
Мой профиль
Выход

Онлайн всего: 99
Гостей: 99
Пользователей: 0

   Всего: 176
   Админ: 1
   Модераторы: 0
   Журналисты: 10
   Проверенные: 5
   Пользователи: 160
   Парней: 142
   Девушек: 34
«  Октябрь 2023  »
ПнВтСрЧтПтСбВс
      1
2345678
9101112131415
16171819202122
23242526272829
3031
Бесплатный хостинг uCoz
Xemera.At.Ua - информационный портал! Все ссылки на файлы, указанные на сайте взяты из открытых источников интернета и предоставлены пользователями нашего сайта исключительно в ознакомительных целях.
Если вы являетесь правообладателем какого либо материала и не желаете его свободного распространения, или считаете, что какой-либо из материалов нарушает Ваши авторские права - свяжитесь с Администрацией.
Владельцы и создатели данного сайта не несут ответственность за использование и содержание ссылок и информации, представленных на этом сайте.
Сайт оптимизирован для просмотра с разрешением 1024x768, 1280x800, 1280x1024 и 1600x1200 браузером FireFox или Opera