🗊Разгони свой сайт Уменьшение файлов в размере

Категория: Информатика
Нажмите для полного просмотра!
Разгони свой сайт  Уменьшение файлов в размере, слайд №1Разгони свой сайт  Уменьшение файлов в размере, слайд №2Разгони свой сайт  Уменьшение файлов в размере, слайд №3Разгони свой сайт  Уменьшение файлов в размере, слайд №4Разгони свой сайт  Уменьшение файлов в размере, слайд №5Разгони свой сайт  Уменьшение файлов в размере, слайд №6Разгони свой сайт  Уменьшение файлов в размере, слайд №7Разгони свой сайт  Уменьшение файлов в размере, слайд №8Разгони свой сайт  Уменьшение файлов в размере, слайд №9Разгони свой сайт  Уменьшение файлов в размере, слайд №10Разгони свой сайт  Уменьшение файлов в размере, слайд №11Разгони свой сайт  Уменьшение файлов в размере, слайд №12Разгони свой сайт  Уменьшение файлов в размере, слайд №13Разгони свой сайт  Уменьшение файлов в размере, слайд №14Разгони свой сайт  Уменьшение файлов в размере, слайд №15Разгони свой сайт  Уменьшение файлов в размере, слайд №16Разгони свой сайт  Уменьшение файлов в размере, слайд №17Разгони свой сайт  Уменьшение файлов в размере, слайд №18Разгони свой сайт  Уменьшение файлов в размере, слайд №19Разгони свой сайт  Уменьшение файлов в размере, слайд №20Разгони свой сайт  Уменьшение файлов в размере, слайд №21Разгони свой сайт  Уменьшение файлов в размере, слайд №22Разгони свой сайт  Уменьшение файлов в размере, слайд №23

Содержание

Вы можете ознакомиться и скачать Разгони свой сайт Уменьшение файлов в размере. Презентация содержит 23 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации


Слайд 1





Разгони свой сайт
Уменьшение файлов в размере
Описание слайда:
Разгони свой сайт Уменьшение файлов в размере

Слайд 2





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

Слайд 3





Архивирование HTML и нагрузка на сервер
Описание слайда:
Архивирование 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
Пропорциональное ускорение предзагрузки
Описание слайда:
Gzip-сжатие на сервере Уменьшение размера объектов до 88% Простота применения AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE application/x-javascript DeflateCompressionLevel 7 Пропорциональное ускорение предзагрузки

Слайд 9





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

Слайд 10





Сжатие CSS- и JavaScript-файлов
Описание слайда:
Сжатие CSS- и JavaScript-файлов

Слайд 11





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

Слайд 12





Сжатие CSS-файлов
Описание слайда:
Сжатие CSS-файлов

Слайд 13





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

Слайд 14





Сжатие JavaScript-файлов
Описание слайда:
Сжатие JavaScript-файлов

Слайд 15





Сжатие изображений
Описание слайда:
Сжатие изображений

Слайд 16





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

Слайд 17





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

Слайд 18





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

Слайд 19





Полезные советы
Переводим bmp в png: bmp2png
Переводим gif в png: gif2png
Урезаем png: pngcrush, pngout, TweakPNG
Урезаем JPEG: jpegtran
Описание слайда:
Полезные советы Переводим bmp в png: bmp2png Переводим gif в png: gif2png Урезаем png: pngcrush, pngout, TweakPNG Урезаем JPEG: jpegtran

Слайд 20





Уменьшаем заголовки
Описание слайда:
Уменьшаем заголовки

Слайд 21





Влияние на скорость доставки
До 80% от размера
Для небольших файлов (<1Кб)
Не стоит выставлять то, что не используется
Например, ETag для динамических файлов
Самый критичный компонент: cookie
Жестко следим за размером cookie
Описание слайда:
Влияние на скорость доставки До 80% от размера Для небольших файлов (<1Кб) Не стоит выставлять то, что не используется Например, ETag для динамических файлов Самый критичный компонент: cookie Жестко следим за размером cookie

Слайд 22





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

Слайд 23





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



Похожие презентации
Mypresentation.ru
Загрузить презентацию