Компьютерные науки

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

Программа о базовых понятиях и техниках ускорения загрузки веб-сайтов, включая алгоритмы сжатия, кэширование и оптимизацию кода.
Студентов 2480 Выпускников 166 Для всех
690 ₽ 1 200 ₽
или любая сумма на ваше усмотрение
Вы можете оплатить любую сумму, чтобы поддержать наш проект и авторов программы. Объем услуг не зависит от размера вашей оплаты.
Темы:
Интернет-технологии, Программирование
Объем
36 час.
Длительность
30 дней
Нагрузка в неделю
9 час.
Формат обучения
Дистанционно (самостоятельно)
Описание Учебная программа посвящена проблемам загрузки и отображения веб-страниц, а также практическим решениям для повышения производительности. В учебной программе рассматриваются выявление узких мест клиентской части веб-приложений, методы оптимизации CSS-правил, ускорение выполнения JavaScript, эффективное управление внешними ресурсами, уменьшение размера ресурсов, объединение запросов и настройка параллельных соединений. Учебная программа направлена на минимизацию времени отклика сайтов и улучшение пользовательского опыта через оптимизацию клиентской части.
Цели
  • Сформировать понимание принципов клиентской оптимизации веб-приложений.
  • Дать практические инструменты для ускорения загрузки и отображения веб-страниц.
  • Познакомить с методами эффективной работы с CSS и JavaScript в браузере.
Чему я научусь?
  • Применять методы кэширования и сжатия для внешних ресурсов веб-сайта.
  • Оптимизировать CSS-правила для быстрого рендеринга страниц.
  • Снижать время выполнения JavaScript-кода и уменьшать число HTTP-запросов.

Авторы

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

Учебный план

№ Занятия
Экзамен экстерном Внимание! Экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите подтвердить свои знания по данному курсу без его изучения или поверить свои знания по нему. Экзамен экстерном можно сдать только один раз. 90 мин
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 мин
Тренировочный экзамен Внимание! Тренировочный экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите проверить свои знания курса перед сдачей экзамена. Тренировочный экзамен можно сдавать сколько угодно один раз. 90 мин
Экзамен 60 мин

Какой документ я получу?

Сертификат

Выдаётся автоматически после успешного завершения программы.

Удостоверение о повышении квалификации

Выдается при наличии среднего специального или высшего образования (необходимые документы).

Стоимость программы

690 ₽ 1 200 ₽
или любая сумма на ваше усмотрение
Вы можете оплатить любую сумму, чтобы поддержать наш проект и авторов программы. Объем услуг не зависит от размера вашей оплаты.
^