Воскресенье
22.12.2024
15:41
Приветствую Вас Гость
RSS
 
bordachok softa
Главная Регистрация Вход
»
Меню сайта

Block title
WMlink.ru - рекламный брокер

минипрофиль
На службе : дней


Категории раздела
главная [2]
програмы [1113]
операционные системы [189]
безопасность [149]
фильмы [1988]
фильмы онлайн [1]
сериалы [4]
видео+18 [12]
мультфильмы [187]
музыка [4505]
фотографии [509]
фотографии+18 [4]
видео [4325]
все для мобильного [511]
книги [4591]
разное [320]
игры [253]

Block title
WMlink.ru - рекламный брокер

wmlink

Архив записей

Главная » 2020 » Декабрь » 8 » Идеальная вёрстка (2020)
18:45
Идеальная вёрстка (2020)

Идеальная вёрстка для оценки в 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.Аналитика
- Фреймы сторонних сайтов
- Неиспользуемый javascript
- Nginx, Apache и время кеша




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

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

Категория: видео | Просмотров: 72 | Добавил: Kioka83 | Теги: вебмастеру, Разработка, Вёрстка, обучение, видеокурс | Рейтинг: 0.0/0
Всего комментариев: 0
Block title

киевский форум
Киевский Форум

Block title
Раскрутка Вашего сайта

мини чат

что ищем??

Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Mы партнеры

  • Статистика

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

    traffbiz

    Block title

    новые
    <<<
    Полный курс по криптотрейдингу на Binance и FTX (2021)
    <<<
    Основы сетевых технологий (2021)
    <<<
    Марафон по похудению TGYM 3.0 (2021)
    <<<
    Математика для Data Science
    <<<
    Качество мужчины. Как быть мужчиной, которого любят, а не используют (2021)
    <<<
    Асинхронная архитектура (2021)
    <<<
    Аналитика в SPSS: от новичка до уверенного пользователя (2021)
    <<<
    Автоматизация тестирования REST API на Python (2021)
    <<<
    Vue Advanced Продвинутый курс по разработке SPA (2021)
    <<<
    Unreal Engine 5: быстрый старт (2021)


    Copyright MyCorp © 2024
    Создать бесплатный сайт с uCoz