ReactiveWebsites.v1.1

Embed Doc
Copy Link
Readcast
Collections

CommentGo Back

Download

15.10.2009

Клиентская оптимизация в алгоритмахи примерах

Н

ИКОЛАЙ

М

АЦИЕВСКИЙ

Е

ВГЕНИЙ

С

ТЕПАНИЩЕВ

Г

ЛЕБ

К

ОНДРАТЕНКО

Р

ЕАКТИВНЫЕ ВЕБ

-

САЙТЫ

Оглавление

Введение

.................................................................................................................................... 5

Об авторах

............................................................................................................................. 5

Благодарности

....................................................................................................................... 6

Как ускорить работу сайта для посетителя

.......................................................................... 6

Глава 1. Обзор методов клиентской оптимизации

................................................................ 10

1.1. Клиентская оптимизация

.............................................................................................. 10

1.2. Анализ веб

-

...................................................................................................... 10

Уменьшение размера загружаемых объектов

.............................................................. 18

Уменьшение количества запросов

............................................................................... 24

Увеличение скорости отображения веб

-

........................................................ 33

Оптимизация структуры веб

-

.......................................................................... 34

Глава 2. Алгоритмизация сжатия текстовых файлов

............................................................ 40

2.1. Методы сжатия, поддерживаемые браузерами

........................................................... 40

2.2. Проблемы в браузерах, прокси

-

серверах и firewall

..................................................... 42

2.3. Настройка веб

-

серверов Apache, nginx и lighttpd

........................................................ 45

2.4. Собственная реализация сжатия со стороны сервера

................................................. 53

2.5. Альтернативные методы сжатия

.................................................................................. 58

Глава 3. Алгоритмы уменьшения изображений

.................................................................... 62

3.1. Уменьшаем

GIF (Graphics Interchange Format) ............................................................ 62

Оптимизируем

JPEG (Joint Photographic Experts Group) ............................................. 67

3.3. Оптимизируем

PNG (Portable Network Graphics) ........................................................ 76

3.4. Оптимизируем

SVG (Scalable Vector Graphics) ........................................................... 89

Средства онлайн оптимизации

..................................................................................... 96

Глава 4. Уменьшение количества запросов

......................................................................... 100

4.1. Автоматическое объединение текстовых файлов

..................................................... 100

4.2. Алгоритм разбора и сбора CSS Sprites

...................................................................... 106

4.3. CSS Sprites

и весь остальной мир

.................................... 112

4.4. Автоматизация кроссбраузерного решения для data:URI

......................................... 114

4.5. Автоматизация кэширования

..................................................................................... 117

Глава 5. Оптимизация структуры веб

-

.................................................................... 128

5.1. Динамические стили: быстро и просто

...................................................................... 128

5.2. Оптимизация

структуры

..................................................................................... 131

5.3. Пишем эффективный

CSS .......................................................................................... 136

5.4. Стыкуем асинхронные скрипты

................................................................................. 139

5.5. Стыкуем компоненты в JavaScript

............................................................................. 143

5.6. Что такое

и с чем его едят

................................................................................. 147

5.7. Практическое использование CDN на примере Google

Apps ................................... 150

Глава 6. Технологии будущего

............................................................................................. 155

6.1. Профилируем

JavaScript ............................................................................................. 155

6.2. Проблемы при оценке производительности браузеров

............................................ 159

6.3. Перспективы «быстрого» JavaScript

.......................................................................... 167

6.4. Реализация логики CSS3

-

селекторов

......................................................................... 172

селекторов в браузерах

......................................................................... 177

6.6. Canvas: один шаг назад, два шага вперед

.................................................................. 181

6.7. Вычисляем при помощи Web Workers

....................................................................... 191

6.8. Клиентские хранилища

.............................................................................................. 195

Глава 7. Автоматизация клиентской оптимизации

.............................................................. 204

7.1. Обзор технологий

....................................................................................................... 204

7.2. Установка Web Optimizer

........................................................................................... 207

7.3. Настройка Web Optimi

zer ........................................................................................... 214

7.4. Примеры использования

Web Optimizer .................................................................... 218

7.5. Решаем проблемы с установкой Web Optimizer

........................................................ 221

Глава 8. Практическое приложение

..................................................................................... 226

8.1. Разгоняем ASP.NET: 100 баллов и оценка "A" в YSlow

........................................... 226

8.2. Разгоняем Drupal

......................................................................................................... 230

of 00

Leave a Comment