Основы клиентской оптимизации

В курсе рассматриваются базисные понятия и техники по ускорению загрузки и работы веб-сайтов. Среди них: алгоритмы сжатия и архивирования текстовых файлов, методы кэширования и объединения внешних ресурсов, используемых для отображения веб-страницы.
Для всех
Записаться
Объём
72 час.
Длительность
30 дней
Нагрузка
12 час.
Формат обучения
Дистанционно (самостоятельно)
Описание Изучаются алгоритмы сжатия и архивирования текстовых файлов, методы эффективного кэширования и стратегии объединения внешних ресурсов. Рассматриваются вопросы CSS-оптимизации, ускорения JavaScript и минимизации количества запросов к серверу.
Цели
  • Сформировать понимание механизмов клиентской оптимизации для улучшения пользовательского опыта.
  • Освоить методы сокращения времени отрисовки веб-страниц.
Чему я научусь?
  • Применять алгоритмы сжатия и кэширования для ускорения работы веб-ресурсов.
  • Оптимизировать код CSS и JavaScript для повышения производительности фронтенда.

Авторы

Мациевский Николай Сергеевич
Выпускник МФТИ, участник ЕЖЕ-движения и российского крыла WSG.
Чему я научусь?
  • Применять алгоритмы сжатия и кэширования для ускорения работы веб-ресурсов.
  • Оптимизировать код CSS и JavaScript для повышения производительности фронтенда.

Учебный план

№ Занятия
Экзамен экстерном Внимание! Экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите подтвердить свои знания по данному курсу без его изучения или поверить свои знания по нему. Экзамен экстерном можно сдать только один раз.
1 Введение
2 Что такое клиентская оптимизация? В лекции рассматриваются основные цели и задачи клиентской оптимизации, дается краткий обзор технологий, предназначенных для их... В лекции рассматриваются основные цели и задачи клиентской оптимизации, дается краткий обзор технологий, предназначенных для их решения, описываются психологические аспекты производительности, а также сходства и различия клиентской и серверной оптимизации. Кроме того в данной лекции рассказывается, как можно организовать создание веб-приложения, ориентируясь на самые важные аспекты клиентской оптимизации. ещё
Что такое клиентская оптимизация? тест для курса Основы клиентской оптимизации 60 мин
3 Уменьшение размера В данной лекции Вы получите информацию об одной из основных техник оптимизации - архивировании. Здесь рассматриваются... В данной лекции Вы получите информацию об одной из основных техник оптимизации - архивировании. Здесь рассматриваются такие аспекты, как эффективность и издержки сжатия, приводятся практические рекомендации для оптимизированной конфигурации веб-серверов. Большое внимание в лекции уделено сжатию JavaScript и CSS файлов, а также сжатию изображений. Большое количество информации в лекции приводится в наглядной графической форме. ещё
Уменьшение размера тест для курса Основы клиентской оптимизации 60 мин
4 Кэширование В этой лекции речь пойдет о кэшировании - механизме, играющем одну из основных ролей в быстродействии... В этой лекции речь пойдет о кэшировании - механизме, играющем одну из основных ролей в быстродействии сайтов. Здесь приводится информация о практическом разрешении, запрещении кэширования, а также о форсированном сбросе кэша. Большое внимание в лекции уделено кэшированию в Internet Explorer и IPhone. ещё
Кэширование тест для курса Основы клиентской оптимизации 60 мин
5 Уменьшение числа запросов Уменьшение числа запросов - одна из основных целей клиентской оптимизации. В этой лекции рассказано о механизмах... Уменьшение числа запросов - одна из основных целей клиентской оптимизации. В этой лекции рассказано о механизмах объединения HTML и CSS файлов, а также JavaScript файлов. Кроме того, здесь приводится краткий обзор таких техник, как CSS Sprites и data:URI, а также методов экстремальной оптимизации. ещё
Уменьшение числа запросов тест для курса Основы клиентской оптимизации 60 мин
6 Параллельные соединения Сегодня у большинства пользователей широкополосный доступ в Интернет, поэтому наиболее узким местом является уже не клиентская... Сегодня у большинства пользователей широкополосный доступ в Интернет, поэтому наиболее узким местом является уже не клиентская сторона, а пропускная способность каналов в большинстве случаев. В этой лекции рассказано о методах позволяющих добиться ускорения загрузки страницы, о создании параллельных соединений. ещё
Параллельные соединения тест для курса Основы клиентской оптимизации 60 мин
7 CSS-оптимизация CSS-производительность не находится сейчас в фокусе внимания при разработке клиентских приложений для браузера. В этой лекции... CSS-производительность не находится сейчас в фокусе внимания при разработке клиентских приложений для браузера. В этой лекции рассказано об особенностях работы CSS-движка браузера и его взаимодействии с JavaScript, графики влияния DOM-дерева. ещё
CSS-оптимизация тест для курса Основы клиентской оптимизации 60 мин
8 Оптимизация JavaScript Отложенная загрузка скриптов волнует общественность уже давно, почти 10 лет, - атрибут defer, призванный ее обеспечить,... Отложенная загрузка скриптов волнует общественность уже давно, почти 10 лет, - атрибут defer, призванный ее обеспечить, был добавлен в спецификацию еще в прошлом столетии. Однако проблема так и остается актуальной. Данная лекция посвящена о корректной работе и выгодном использовании тегов и скриптов с целью оптимизации JavaScript. Кроме того освещен и вопрос о клиентской оптимизации использования рекламы на сайтах. ещё
Оптимизация JavaScript тест для курса Основы клиентской оптимизации 60 мин
9 Приложение О приемах, позволяющих самостоятельно провести анализ производительности сайта, Вы узнаете именно после изучения данной лекции. В... О приемах, позволяющих самостоятельно провести анализ производительности сайта, Вы узнаете именно после изучения данной лекции. В этой лекции некоторые наиболее посещаемые проекты Рунета будут рассмотрены с точки зрения клиентской оптимизации. Основной целью каждого проводимого ниже анализа является показать на рабочих примерах, каким именно образом можно ускорить загрузку сайта. И показать это на достаточно нагруженных и популярных ресурсах, для которых каждая мелочь имеет значение. ещё
Приложение тест для курса Основы клиентской оптимизации 60 мин
Тренировочный экзамен Внимание! Тренировочный экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите проверить свои знания курса перед сдачей экзамена. Тренировочный экзамен можно сдавать сколько угодно один раз.
Экзамен
^