Оцените презентацию от 1 до 5 баллов!
Тип файла:
ppt / pptx (powerpoint)
Всего слайдов:
23 слайда
Для класса:
1,2,3,4,5,6,7,8,9,10,11
Размер файла:
200.50 kB
Просмотров:
40
Скачиваний:
0
Автор:
неизвестен
Слайды и текст к этой презентации:
№1 слайд
Содержание слайда: Разгони свой сайт
Уменьшение файлов в размере
№2 слайд
Содержание слайда: Содержание
Архивирование HTML и нагрузка на сервер
Сжатие CSS- и JavaScript-файлов
Сжатие изображений
Уменьшение в размере заголовков
№3 слайд
Содержание слайда: Архивирование HTML и нагрузка на сервер
№4 слайд
Содержание слайда: Изучаем сжатие
Формальная модель
Издержки процессора
Файловая система
Постоянные издержки
Тестирование
Изменяем размер файлов
№5 слайд
Содержание слайда: График издержек на сжатие
№6 слайд
Содержание слайда: Издержки на сжатие и канал
№7 слайд
Содержание слайда: Эффективность сжатия
№8 слайд
Содержание слайда: Gzip-сжатие на сервере
Уменьшение размера объектов до 88%
Простота применения
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE application/x-javascript
DeflateCompressionLevel 7
Пропорциональное ускорение предзагрузки
№9 слайд
Содержание слайда: Статическое архивирование
Приемлемо для мало изменяющихся файлов
На сервере размещается подготовленный .gz архив
Есть сложности с размещением
Нужна поддержка для «старых» браузеров
№10 слайд
Содержание слайда: Сжатие CSS- и JavaScript-файлов
№11 слайд
Содержание слайда: Сжатие CSS-файлов
В обычных случаях достаточно регулярного выражения (-30% размера)
php / perl / shell / python / ruby
YUI Compressor для автоматизации и максимального сжатия
java
CSS Tidy для всех остальных случаев
php
№12 слайд
Содержание слайда: Сжатие CSS-файлов
№13 слайд
Содержание слайда: Сжатие JavaScript-файлов
JSmin для простых случаев
Портирован на большинство языков
YUI Compressor для автоматизации
java
Dean Edwards Packer, максимальное сжатие без gzip
php
№14 слайд
Содержание слайда: Сжатие JavaScript-файлов
№15 слайд
Содержание слайда: Сжатие изображений
№16 слайд
Содержание слайда: PNG против GIF
PNG8 лучше справляется со сжатием изображений
PNG32 может содержать полноцветную палитру
Полупрозрачность для PNG в IE6/7 через фильтры
Проблемы совпадения цветов решаются удалением чанков
№17 слайд
Содержание слайда: GIF против PNG
Анимированные GIF не имеют кроссбраузерных PNG-аналогов
Небольшие GIF-изображения обычно меньше
GIF не имеют проблемы с совпадением цветов
№18 слайд
Содержание слайда: favicon.ico
Мешается в очереди на загрузку
Загружается с того же домена
Нельзя отвечать 404-ошибкой
Оптимальный размер ~1Кб
Эффективно архивируется
AddOutputFilterByType DEFLATE image/x-icon
PNG не поддерживается в IE
№19 слайд
Содержание слайда: Полезные советы
Переводим bmp в png: bmp2png
Переводим gif в png: gif2png
Урезаем png: pngcrush, pngout, TweakPNG
Урезаем JPEG: jpegtran
№20 слайд
Содержание слайда: Уменьшаем заголовки
№21 слайд
Содержание слайда: Влияние на скорость доставки
До 80% от размера
Для небольших файлов (<1Кб)
Не стоит выставлять то, что не используется
Например, ETag для динамических файлов
Самый критичный компонент: cookie
Жестко следим за размером cookie
№22 слайд
Содержание слайда: Уменьшаем влияние cookie
Вынесение статики на отдельный хост
Куда не передаются cookie
Выставление cookie только для отдельных директорий
Выставление cookie на ограниченное время
Уменьшение размера ключей и значений
№23 слайд
Содержание слайда: В следующей лекции
Кэширование
Основы кэширования: Cache-Control
Условное кэширование: ETag
Настройка и сброс кэширования
Кэширования для IE: post-check, pre-check
Кэширование и архивирование для iPhone