Презентация "Уменьшение файлов в размере" (11 класс) по информатике – проект, доклад

Разгони свой сайт

Уменьшение файлов в размере

Мациевский Николай

1 / 23 webo.in

Содержание

Архивирование HTML и нагрузка на сервер Сжатие CSS- и JavaScript-файлов Сжатие изображений Уменьшение в размере заголовков

2 / 23

Архивирование HTML и нагрузка на сервер

3 / 23

Изучаем сжатие

Формальная модель Издержки процессора Файловая система Постоянные издержки Тестирование Изменяем размер файлов

4 / 23

График издержек на сжатие

5 / 23

Издержки на сжатие и канал

6 / 23

Эффективность сжатия

7 / 23

Gzip-сжатие на сервере

Уменьшение размера объектов до 88% Простота применения AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE application/x-javascript DeflateCompressionLevel 7 Пропорциональное ускорение предзагрузки

8 / 23

Статическое архивирование

Приемлемо для мало изменяющихся файлов На сервере размещается подготовленный .gz архив Есть сложности с размещением Нужна поддержка для «старых» браузеров

9 / 23

Сжатие CSS- и JavaScript-файлов

10 / 23

Сжатие CSS-файлов

В обычных случаях достаточно регулярного выражения (-30% размера) php / perl / shell / python / ruby YUI Compressor для автоматизации и максимального сжатия java CSS Tidy для всех остальных случаев php

11 / 23

12 / 23

Сжатие JavaScript-файлов

JSmin для простых случаев Портирован на большинство языков YUI Compressor для автоматизации java Dean Edwards Packer, максимальное сжатие без gzip php

13 / 23

14 / 23

Сжатие изображений

15 / 23

PNG против GIF

PNG8 лучше справляется со сжатием изображений PNG32 может содержать полноцветную палитру Полупрозрачность для PNG в IE6/7 через фильтры Проблемы совпадения цветов решаются удалением чанков

16 / 23

GIF против PNG

Анимированные GIF не имеют кроссбраузерных PNG-аналогов Небольшие GIF-изображения обычно меньше GIF не имеют проблемы с совпадением цветов

17 / 23

favicon.ico

Мешается в очереди на загрузку Загружается с того же домена Нельзя отвечать 404-ошибкой Оптимальный размер ~1Кб Эффективно архивируется AddOutputFilterByType DEFLATE image/x-icon PNG не поддерживается в IE

18 / 23

Полезные советы

Переводим bmp в png: bmp2png Переводим gif в png: gif2png Урезаем png: pngcrush, pngout, TweakPNG Урезаем JPEG: jpegtran

19 / 23

Уменьшаем заголовки

20 / 23

Влияние на скорость доставки

До 80% от размера Для небольших файлов ( 21 / 23

Уменьшаем влияние cookie

Вынесение статики на отдельный хост Куда не передаются cookie Выставление cookie только для отдельных директорий Выставление cookie на ограниченное время Уменьшение размера ключей и значений

22 / 23

В следующей лекции Кэширование

Основы кэширования: Cache-Control Условное кэширование: ETag Настройка и сброс кэширования Кэширования для IE: post-check, pre-check Кэширование и архивирование для iPhone

23 / 23