Основы клиентской оптимизации
: Информация
Опубликована: 04.10.2012 | Уровень: для всех | Стоимость: 490.00 руб. | Длительность: 14 дней
В курсе рассматриваются базисные понятия и техники по ускорению загрузки и работы веб-сайтов. Среди них: алгоритмы сжатия и архивирования текстовых файлов, методы кэширования и объединения внешних ресурсов, используемых для отображения веб-страницы.
В курсе освещены все проблемные места, возникающие при загрузке сайта, и для каждого из них предложен набор решений, позволяющих максимально оптимизировать производительность в каждом конкретном случае. Рассматривается производительность CSS-правил, используемых при отображении HTML-страницы на экране браузера, и JavaScript-библиотек при выполнении некоторых элементарных операций.
Цель: Дать понятие о процессе загрузки веб-страницы и научить оптимизировать скорость этого процесса.
Необходимые знания: Основы HTML/CSS/JavaScript. Основы серверного программирования или администрирования.
План занятий
Занятие | Заголовок << | Дата изучения |
---|---|---|
- | ||
Лекция 1 | Особенности клиентской оптимизации
В лекции устанавливаются цели и задачи клиентской
оптимизации, ее психологические аспекты. Также рассматривается связь
серверной и клиентской оптимизации и применение последней в разработке
веб-приложений.
| - |
Тест 136 минут | - | |
Лекция 2 | Уменьшение файлов в размере
В лекции рассматривается архивирование текстовых файлов и нагрузка на сервер, создаваемая этой операцией. Также рассматриваются алгоритмы уменьшения текстовых файлов и приложения для уменьшения графических. В конце приводятся практические примеры и влияние размера заголовков на скорость передачи данных.
| - |
Тест 236 минут | - | |
Лекция 3 | Кэширование
В лекции освещаются все аспекты, связанные кэшированием на стороне браузера: использование соответствующих заголовков, запрет и сброс кэширования. Рассматриваются особенности кэширования для Internet Explorer и iPhone.
| - |
Тест 336 минут | - | |
Лекция 4 | Уменьшение числа запросов к серверу
В лекции идет речь о методах объединения как текстовых файлов (простое слияние), так и графической информации (CSS Sprites, data:URI), а также об экстремальных подходах в этой области.
| - |
Тест 436 минут | - | |
Лекция 5 | Параллельные соединения
В лекции рассматриваются способы ускорения основной стадии загрузки и методы обхода ограничения в браузере на число постоянных соединений. Также идет речь об особенностях организации структуры сайта для минимизации издержек на установление новых соединений с сервером.
| - |
Тест 536 минут | - | |
Лекция 6 | Оптимизация CSS-правил
В лекции разбираются основные способы использования CSS-селекторов и построения структуры документа с точки зрения их производительности. Также рассматривается процесс перестроение визуального изображения в браузере при изменении документа и его оптимизация.
| - |
Тест 636 минут | - | |
Лекция 7 | Ненавязчивый JavaScript
В лекции идет речь о разделении поведения документа от его представления, а также о методах ускорить предзагрузку страницы и максимально приблизить появление интерактивноти у уже загруженного документа. Также освещаются вопросы использования счетчиков статистики, контекстной и банерной рекламы.
| - |
Лекция 8 | Основы быстрого JavaScript
В лекции рассматриваются замыкания и потенциальные источники утечек памяти для Internet Explorer вместе с методами их устранения. Также анализируются ресурсоемкие различные операции, которые выполняются с помощью JavaScript, и указываются наиболее рациональные варианты их использования.
| - |
Тест 736 минут | - | |
Лекция 9 | Применение оптимизации на практике
В лекции разбираются все основные инструменты для проведения клиентской оптимизации и проводится анализ нескольких наиболее крупных интернет-проектов Рунета с точки зрения скорости их загрузки.
| - |
Тест 836 минут | - | |
5 часов | - |