» » Идеальная вёрстка (2020) HDRip
Google, поиск...

Идеальная вёрстка (2020) HDRip

Идеальная вёрстка (2020) HDRip

Идеальная вёрстка для оценки в Chrome Lighthouse и Google PageSpeed Insights. На интенсиве изучаются приёмы вёрстки для достижения максимального результата в системах автоматической оценки страниц от Google.

Дмитрий Лаврик - Опыт работы в сфере разработки сайтов более 10 лет. Ориентируется во всех вопросах создания сайтов, от вёрстки до backend-а. Начиная с 2011 года, под его руководством тысячи учеников прошли путь от новичков до успешных веб-программистов. Если вы ещё не знакомы с Дмитрием, рекомендуем заглянуть на его youtube-канал, где вы найдете много полезных видео и сможете узнать стиль преподавания Дмитрия.

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

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

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

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

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

Ускоряющие теги 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
- Недостаточный контраст цвета

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




Название: Идеальная вёрстка
Год выхода: 2020
Автор: Дмитрий Лаврик
Жанр: Видеокурс, вёрстка, разработка, вебмастеру, обучение
Формат: MP4
Видео: AVC | 1920x1080 | ~532 Kbps
Аудио: AAC | 126 kb/s | 44 KHz
Язык: Русский
Продолжительность: 08:16:24
Размер: 2.43 Gb

Скачать Идеальная вёрстка (2020) HDRip

Печать
    404     Информация    
    Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.    

Аккаунт

      Онлайн

    Всего онлайн: 197

    Гости (181)

    Боты (16): robot Bot, Yandex Bot, Google Bot, Yandex Bot, Google Bot, robot Bot, Google Bot, Yandex Bot, Yandex Bot, robot Bot, Yandex Bot, Yandex Bot, Yandex Bot, Yandex Bot, Yandex Bot, crawl Bot



    Сегодня посетили (40): vipdepbit, zedilalgorgo, LauriDick78, sititpase, xewuZobre, piwawSoabutty, nebacScots, AAGDeborah, zumunScots, admin, cunonScots, MalissaLees1543, medimScots, ziwerScots, rodonScots, cigixScots, farimScots, RodolfoMedrano, nuledScots, megasScots, jesocScots, zewehScots, sabajScots, garacScots, vixukScots, XRumer23cauck, bucohScots, bojixScots, migavScots, tomijScots, fewugScots, aoliviayanext9734, bohutScots, asamantadark5777, colt, MarcusS904, lijoxScots, ficehScots, EstebanBenge205, hazecScots

    Наш опрос