Главная | Регистрация | Вход | RSS                   Пятница, 22.01.2021, 08:45

Меню сайта
Категории раздела
Actions | Готовые действия [34]
Brushes | Кисти [281]
Textures, backgrounds | Текстуры, фоны [578]
Patterns | Заливки [24]
Plugins | Плагины [20]
Styles | Стили [208]
Fonts | Шрифт [87]
Gradients | Градиенты [17]
Frames for photo | Рамки для фото [7760]
Photo Album | Фотоальбом Фотокнига [311]
Clip Art PNG | Клипарт PNG [1301]
Clip Art PSD | Клипарт PSD [407]
Scrap sets | Скрап наборы [2170]
PSD TIFF исходники [1364]
Templates for photomontage Шаблоны для фотомонтажа [4436]
Cover for DVD | Обложки для DVD [155]
Videolessons | Видеоуроки [1682]
Books, magazines | Книги, журналы [102]
Artworks | Работы художников [78]
Picture, photo | Картинки, фото [364]
Открытки, приглашения, этикетки [113]
Сертификаты, дипломы, грамоты, благодарности [113]
Calendars | Календари [1649]
Vector Graphics | Векторная графика [426]
Web templates, elements | Веб шаблоны, элементы [11]
Miscellaneous | Разное [920]
Photoshop видеокурсы
Как создать фотокнигу в Adobe Photoshop
Мини-чат
Реклама
Главная » 2020 » Декабрь » 8 » Идеальная вёрстка (2020)

20:44
Идеальная вёрстка (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)

Категория: Videolessons | Видеоуроки | Просмотров: 55 | Добавил: Kioka83 | Теги: вёрстка, обучение, видеокурс, вебмастеру, разработка | Рейтинг: 0.0/0
Всего комментариев: 0
Форма входа
Это интересно
Календарь
«  Декабрь 2020  »
ПнВтСрЧтПтСбВс
 123456
78910111213
14151617181920
21222324252627
28293031
Партнёры
  • Моментальные покупки
  • Всё про автомобили
  • Лучшие курсы
  • Игровой портал
  • Женские радости
  • Путешествия
  • Рецепты блюд
  • Поиск по сайту
    Курсы Photoshop
    Бесплатный курс "Ретушь Фотогарфий"
    Реклама
    Наши посетители
    Locations of visitors to this page
    И кто тут на сайте?
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0

    На сайте PsdPng.ru можно бесплатно и без регистрации скачать: Actions | Готовые действия, Brushes | Кисти, Textures, backgrounds | Текстуры, фоны, Patterns | Заливки, Plugins | Плагины, Styles | Стили, Gradients | Градиенты, Frames for photo | Рамки для фото , Clip Art PNG | Клипарт PNG, Scrap sets | Скрап наборы, PSD TIFF исходники, Templates for photomontage | Шаблоны для фотомонтажа, Cover for DVD | Обложки для DVD, Videolessons | Видеоуроки, Books, magazines | Книги, журналы, Artworks | Работы художников, Picture, photo | Картинки, фото , Сертификаты, дипломы, грамоты, благодарности, Calendars | Календари, Vector Graphics | Векторная графика, Web templates, elements | Веб шаблоны, элементы, Miscellaneous | Разное
    Вся информация и файлы, представленные на этом сайте, предназначены исключительно для ознакомительных целей.
    УЛИТКА - каталог ресурсов интернет Анализ веб сайтов      Russian America Top. Рейтинг ресурсов Русской Америки.   Rambler's Top100      
    Copyright MyCorp © 2021
    Создать сайт с uWeb