Идеальная вёрстка 2020 (Дмитрий Лаврик)
Цена:
209
Рекомендации
![Python разработчик. Тариф 'Всё включено' [itProger.com]](https://i4.stat01.com/2/7942/179411950/baec64/python-razrabotchik-tarif-vso-vklyucheno-itproger-com.png "Python разработчик. Тариф 'Всё включено' [itProger.com]")
![Python-разработчик. Часть 4. 2020г [Яндекс.Практикум]](https://i4.stat01.com/2/7942/179411949/baec64/python-razrabotchik-chast-4-2020g-yandeks-praktikum.png "Python-разработчик. Часть 4. 2020г [Яндекс.Практикум]")
![Python-разработчик. Часть 3. 2020г [Яндекс.Практикум]](https://i4.stat01.com/2/7942/179411948/baec64/python-razrabotchik-chast-3-2020g-yandeks-praktikum.png "Python-разработчик. Часть 3. 2020г [Яндекс.Практикум]")
![Python-разработчик. Часть 2. 2020г [Яндекс.Практикум]](https://i4.stat01.com/2/7942/179411947/baec64/python-razrabotchik-chast-2-2020g-yandeks-praktikum.png "Python-разработчик. Часть 2. 2020г [Яндекс.Практикум]")
![Python-разработчик. Часть 1. 2020г [Яндекс.Практикум]](https://i3.stat01.com/2/7942/179411946/baec64/python-razrabotchik-chast-1-2020g-yandeks-praktikum.png "Python-разработчик. Часть 1. 2020г [Яндекс.Практикум]")
![Python. Полное руководство [WebForMySelf]](https://i4.stat01.com/2/7942/179411945/baec64/python-polnoe-rukovodstvo-webformyself.png "Python. Полное руководство [WebForMySelf]")
![Программирование на Scratch для 3-4 классов. Юлия Глухих [Фоксфорд]](https://i4.stat01.com/2/7942/179411939/baec64/programmirovanie-na-scratch-dlya-3-4-klassov-yuliya-gluhih-foksford.png "Программирование на Scratch для 3-4 классов. Юлия Глухих [Фоксфорд]")
![Профессиональный онлайн?курс JavaScript, уровень 2. 18 ноября 2019 - 29 января 2020 [HTML ACADEMY]](https://i1.stat01.com/2/7942/179411934/baec64/professionalnyj-onlajn-kurs-javascript-uroven-2-18-noyabrya-2019-29-yanvarya-2020-html-academy.png "Профессиональный онлайн?курс JavaScript, уровень 2. 18 ноября 2019 - 29 января 2020 [HTML ACADEMY]")
![Профессиональный онлайн?курс JavaScript, 1 уровень. 17 января?-?23 марта 2020 [HTML Academy]](https://i4.stat01.com/2/7942/179411933/baec64/professionalnyj-onlajn-kurs-javascript-1-uroven-17-yanvarya-23-marta-2020-html-academy.jpg "Профессиональный онлайн?курс JavaScript, 1 уровень. 17 января?-?23 марта 2020 [HTML Academy]")
![Профессиональный навык. Разметка по БЭМ. Полный комплект [HTML Academy]](https://i4.stat01.com/2/7942/179411932/baec64/professionalnyj-navyk-razmetka-po-bem-polnyj-komplekt-html-academy.jpg "Профессиональный навык. Разметка по БЭМ. Полный комплект [HTML Academy]")
![Проект по вёрстке «Яхт-клуб «Под парусом»» [HTML Academy]](https://i2.stat01.com/2/7942/179411929/baec64/proekt-po-vorstke-yaht-klub-pod-parusom-html-academy.jpg "Проект по вёрстке «Яхт-клуб «Под парусом»» [HTML Academy]")
![Проект на JavaScript «Заказ доставки в интернет-магазине» [HTML ACADEMY]](https://i2.stat01.com/2/7942/179411928/baec64/proekt-na-javascript-zakaz-dostavki-v-internet-magazine-html-academy.jpg "Проект на JavaScript «Заказ доставки в интернет-магазине» [HTML ACADEMY]")
![Проект на JavaScript «Счётчик калорий» [HTML ACADEMY]](https://i2.stat01.com/2/7942/179411927/baec64/proekt-na-javascript-schotchik-kalorij-html-academy.jpg "Проект на JavaScript «Счётчик калорий» [HTML ACADEMY]")
![Poster content channels Telegram [antichat.ru]](https://i2.stat01.com/2/7942/179411923/baec64/poster-content-channels-telegram-antichat-ru.jpg "Poster content channels Telegram [antichat.ru]")
![PHP Melody 3.0.0 Unlimited [phpsugar.com]](https://i2.stat01.com/2/7942/179411921/baec64/php-melody-3-0-0-unlimited-phpsugar-com.png "PHP Melody 3.0.0 Unlimited [phpsugar.com]")
![Основы SQL [Shultais Education]](https://i3.stat01.com/2/8205/182042678/baec64/osnovy-sql-shultais-education.png "Основы SQL [Shultais Education]")
![Основы алгоритмизации и программирования на языке Python, 10-11 классы [videouroki.net]](https://i3.stat01.com/2/7942/179411917/baec64/osnovy-algoritmizacii-i-programmirovaniya-na-yazyke-python-10-11-klassy-videouroki-net.jpg "Основы алгоритмизации и программирования на языке Python, 10-11 классы [videouroki.net]")
![Онлайн-интенсив Docker [Lectrum]](https://i3.stat01.com/2/7942/179411914/baec64/onlajn-intensiv-docker-lectrum.jpg "Онлайн-интенсив Docker [Lectrum]")
![Оценка сложности алгоритмов. Нотация Big O [Udemy]](https://i4.stat01.com/2/7942/179411913/baec64/ocenka-slozhnosti-algoritmov-notaciya-big-o-udemy.png "Оценка сложности алгоритмов. Нотация Big O [Udemy]")
![Обучение настройке и автоматизации платформы GetCourse от создателей. Пакет Специалист. Курс в записи, 2018 год [GetCourse]](https://i2.stat01.com/2/7942/179411911/baec64/obuchenie-nastrojke-i-avtomatizacii-platformy-getcourse-ot-sozdatelej-paket-specialist-kurs-v-zapisi-2018-god-getcourse.jpg "Обучение настройке и автоматизации платформы GetCourse от создателей. Пакет Специалист. Курс в записи, 2018 год [GetCourse]")
![Миграция на Exchange Server 2016 [Udemy]](https://i2.stat01.com/2/8205/182043279/baec64/migraciya-na-exchange-server-2016-udemy.png "Миграция на Exchange Server 2016 [Udemy]")
![Курс по T-SQL Путь программиста от новичка к профессионалу Уровень 3 - Эксперт. 2020 [Self-Learning]](https://i2.stat01.com/2/7942/179411899/baec64/kurs-po-t-sql-put-programmista-ot-novichka-k-professionalu-uroven-3-jekspert-2020-self-learning.png "Курс по T-SQL Путь программиста от новичка к профессионалу Уровень 3 - Эксперт. 2020 [Self-Learning]")
![Курс по T-SQL. Путь программиста от новичка к профессионалу. Уровень 1 - Новичок [2020] [Self-Learning]](https://i4.stat01.com/2/7942/179411898/baec64/kurs-po-t-sql-put-programmista-ot-novichka-k-professionalu-uroven-1-novichok-2020-self-learning.png "Курс по T-SQL. Путь программиста от новичка к профессионалу. Уровень 1 - Новичок [2020] [Self-Learning]")
![Курс Pixel Art: Создание фонов в Photoshop для игры [UnityStudy]](https://i2.stat01.com/2/7942/179411897/baec64/kurs-pixel-art-sozdanie-fonov-v-photoshop-dlya-igry-unitystudy.jpg "Курс Pixel Art: Создание фонов в Photoshop для игры [UnityStudy]"){kind=tracking}
![Конференция PiterPy Online 2020 [PiterPy]](https://i4.stat01.com/2/7942/179411893/baec64/konferenciya-piterpy-online-2020-piterpy.png "Конференция PiterPy Online 2020 [PiterPy]")
![Как устроен Python. Гид для разработчиков, программистов и интересующихся [Питер][Мэтт Харрисон]](https://i2.stat01.com/2/7942/179411890/baec64/kak-ustroen-python-gid-dlya-razrabotchikov-programmistov-i-interesuyushhihsya-piter-mett-harrison.jpg "Как устроен Python. Гид для разработчиков, программистов и интересующихся [Питер][Мэтт Харрисон]")
Идеальная вёрстка для оценки в Chrome Lighthouse и Google PageSpeed Insights от Дмитрия Лаврика.
На интенсиве изучаются приёмы вёрстки для достижения максимального результата в системах автоматической оценки страниц от Google.
Интенсив предназначен для тех, кто:
Изучил 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
- Подбор стандартного шрифта
- Inputs & labels
- Ссылки без текста
- Фреймы без title
- Недостаточный контраст цвета
- Y.Метрика и G.Аналитика
- Фреймы сторонних сайтов
- Неиспользуемый javascript
- Nginx, Apache и время кеша