В этом видео расскажу, что такое скорость загрузки сайта и как её ускорить, чтобы выйти в топ поисковых систем Яндекс и Google.

“SEO простым языком”, урок 11

Автор: Рафиков Ришат
Сайт автора https://lezhebokov.com/
Сайты в видео: https://yandex.ru, https://developers.google.com/speed/pagespeed/insights/, https://jscompress.com, http://refresh-sf.com

Школа онлайн-образования: https://loftschool.com/
Telegram: https://telegram.me/loftblog
Slack: http://slack.loftblog.ru/
Сайт: http://loftblog.ru/
Instagram: https://www.instagram.com/loftblog/
Группа вконтакте: http://vk.com/loftblog
Facebook: http://www.facebook.com/loftblog
Twitter: http://twitter.com/loft_blog

Больше уроков от lofblog: #loftblog
Все уроки по хештегу: #loftblogSEO
Полезные уроки для веб-программиста: #интернетмаркетолог
#SEO

Поставь лайк – смотивируй автора писать еще 🙂

Чтобы запустить Python из HTML, достаточно импортировать фреймворк Pyscript. Для этого на сайте pyscript.net копируем 2 строки кода и вставляем внутри head в html файле.
Затем внутри раздела body вставляем тег py-script и внутри него пишем код на python.

Просто о формах. Придумайте и напишите свою форму в HTML чтобы закрепить материал.
Например:
Форма конструктор бургера с ингридиентами
Форма магазина одежды
Форма интернет магазина часов
Форма доставки пиццы

Сохраняйте в закладки, чтобы не потерять!)
Так же дарим Вам 10 бесплатных уроков на платформе Turing: https://turing.camp/autocamp
Наш план развития на 5 лет для разработчика – https://turing.camp/plan_5
Наше больше обучение программированию с гарантией трудоустройства – https://turing.camp/

⁃ почему важно думать о скорости загрузки
⁃ разбираемся что такое time to interactive
⁃ изучаем основные этапы загрузки сайта
⁃ влияние скорости загрузки на прибыль
⁃ оценка first contentful paint при помощи инструмента lighhouse
⁃ практика

Повышаем производительность и скорость загрузки сайта простыми способами

Урок посвящён в первую очередь параметру First Contentful Paint.
Исходные файлы, используемые в уроке находятся в репозитории https://github.com/studentIvan/fcp-lesson-files

Практическая часть с 9:50

Используемые в ролике статьи и ресурсы:
https://httparchive.org/reports/state-of-javascript
https://httparchive.org/reports/loading-speed
https://medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4
https://medium.com/dev-channel/a-pinterest-progressive-web-app-performance-case-study-3bd6ed2e6154
https://hnpwa.com
https://developers.google.com/web/tools/lighthouse
https://sandbox.imgix.com/create
https://developer.mozilla.org/ru/docs/Web/CSS/@font-face/font-display
https://developer.mozilla.org/ru/docs/Web/API/Intersection_Observer_API

Для запуска статических файлов использовался сервер simplehttp2server:
https://github.com/GoogleChromeLabs/simplehttp2server