Блог независимых постеров
Четверг, 07.11.2024, 23:45
Приветствую Вас Гость | RSS
 
Главная РегистрацияВход
Меню сайта
  • Главная
  • Наши правила
  • Добавить новость
  • Как оформить?
  • Наш форум
  • Контакты
  • Категории раздела
    Софт
    Видео
    Музыка
    Игры
    Графика
    Чтиво
    Другое
    Кулинария
    Наш опрос
    Самая интересная категория?
    Всего ответов: 309
    Статистика
    Главная » 2020 » Декабрь » 8 » Идеальная вёрстка (2020)
    20: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)

    Категория: Видео | Просмотров: 132 | Добавил: Kioka83 | Теги: Вебмастеру, Видеокурс, Обучение, разработка, вёрстка | Рейтинг: 0.0/0
    Похожие материалы:
    Всего коментариев: 0
    Добавлять коментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Онлайн
    Онлайн всего: 319
    Гостей: 319
    Пользователей: 0
    Мини-чат
    Поиск
    Календарь
    Друзья сайта
    Copyright by blogz © 2024
    Хостинг от uCoz