
udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Optimizing web performance and critical rendering path
Узнайте о влиянии CSS на производительность сайта. Производительность является очень важным аспектом каждого веб-приложения. Веб-страница должна быть загружена как можно быстрее, а анимация должна работать плавно. Люди очень чувствительны к любому виду движения. Для любого вида визуальных изменений на экране, таких как прокрутка, эффект наведения, открытие боковой панели и т.д., браузер будет отображать новый кадр на экране. Когда рендеринг кадра занимает больше времени, частота кадров падает, и это отрицательно влияет на работу пользователя.
Низкая частота кадров создаст плохой пользовательский опыт. Для этого не требуется сложной анимации, это может произойти при обычной прокрутке страницы!
Я уверен, что у вас уже был опыт работы с веб-сайтами с низкой частотой кадров, что вызывает такую «запаздывающую» анимацию? Вы нажимаете на что-то, открываете боковую панель, и вся страница отстает. Или, что еще хуже, вы могли заметить, что при прокрутке веб-страницы у вас запаздывает сайт. Прокрутка - это не то, о чем вы должны думать с точки зрения производительности, но вы должны это делать. Поэтому в этом курсе мы будем говорить об устранении проблем с производительностью, поэтому вы можете ожидать, что этот курс посвящен JavaScript… но удивительно, что это не так. Этот курс о CSS. Многие разработчики считают, что пока JavaScript работает хорошо, больше ничего не остается для оптимизации производительности. JavaScript оказывает большое влияние на производительность веб-сайта, однако в этой области несправедливо пренебрегают CSS. Во многих ситуациях CSS может быть единственной проблемой.
Есть еще одно очень важное влияние, которое CSS оказывает на веб-страницу.
CSS это блокировка рендера (по умолчанию). Браузер не начнет отображать страницу, пока не будет загружен весь CSS. Любые задержки на пути критического рендеринга заставят пользователей смотреть на пустой экран. CSS действительно важен, если вы хотите быстро загрузить страницу. Иногда для анализа CSS-файла требуется более 500 мс. Просто для анализа, без сети - только один CSS-файл, загруженный с жесткого диска, заставит пользователей видеть только пустой экран, пока процесс синтаксического анализа не будет завершен.
Оптимизация эффективности вашего сайта также может повлиять на алгоритм ранжирования результатов поиска Google.
В этом курсе мы покажем вам CSS в новом свете.
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Узнайте не только о том, как повысить производительность ваших приложений, но и как думать о производительности и взвешивать компромиссы при создании приложений. Узнайте, как браузер читает и интерпретирует ваш код и методы для оптимизации производительности ваших клиентских приложений!
С появлением мобильных сетей и устройств, производительность веб-сайтов стала играть большое значение для создания хороших веб-сайтов и веб-приложений. Кайл ныряет во все аспекты - от загрузки ресурсов, анимации, JSON, минификации, оптимизации изображений и многое другое, чтобы показать вам, как можно сделать ваш сайт более производительным.
У вас есть веб-приложение или веб-сайт. Он отлично выглядит и делает то, что нужно. Но достаточно ли он быстр для пользователя? Что вообще значит «быстро»? А сколько хватит? Мы обсудим, как установить цели производительности, соответствующие вашим бизнес-целям, какие показатели важны для вас и тактику повышения производительности вашего сайта.
В этом семинаре вы погрузитесь в передовые техники оптимизации производительности веб-приложений вместе с Максимилиано Фиртманом. Вы узнаете о последних метриках веб-показателей, которые имеют значение для производительности веб-приложений, научитесь идентифицировать и устранять проблемы производительности в своих приложениях, реализовывать best практики и улучшать скорость загрузки и опыт пользователя. Вы также изучите различные инструменты и ре
Создавайте более быстрые веб-сайты и приложения, изучив актуальные метрики и техники для улучшения веб-производительности. Мы рассмотрим психологию восприятия производительности и то, как пользователи воспринимают время ожидания на вашем сайте. Затем вы познакомитесь с новыми Core Web Vitals, которые Google использует для оценки вашей страницы, такими как Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS) и Interaction to Next Paint (I