Что такое findtheslide.com?

FindTheSlide.com - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация, доклад на тему Разгони свой сайт. Уменьшение файлов в размере

Презентация на тему Разгони свой сайт. Уменьшение файлов в размере, из раздела: Информатика. Эта презентация содержит 23 слайда(ов). Информативные слайды и изображения помогут Вам заинтересовать аудиторию. Скачать конспект-презентацию на данную тему можно внизу страницы, поделившись ссылкой с помощью социальных кнопок. Также можно добавить наш сайт презентаций в закладки! Презентации взяты из открытого доступа или загружены их авторами, администрация сайта не отвечает за достоверность информации в них. Все права принадлежат авторам презентаций.

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

Слайд 1
Текст слайда:

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

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

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

1 / 23

webo.in


Слайд 2
СодержаниеАрхивирование HTML и нагрузка на серверСжатие CSS- и JavaScript-файловСжатие изображенийУменьшение в размере заголовков2 / 23webo.in
Текст слайда:

Содержание

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

2 / 23

webo.in


Слайд 3
Архивирование HTML и нагрузка на серверwebo.in3 / 23
Текст слайда:

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

webo.in

3 / 23


Слайд 4
Изучаем сжатиеФормальная модельИздержки процессораФайловая системаПостоянные издержкиТестированиеИзменяем размер файлов4 / 23webo.in
Текст слайда:

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

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

4 / 23

webo.in


Слайд 5
График издержек на сжатие5 / 23webo.in
Текст слайда:

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

5 / 23

webo.in


Слайд 6
Издержки на сжатие и канал6 / 23webo.in
Текст слайда:

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

6 / 23

webo.in


Слайд 7
Эффективность сжатия7 / 23webo.in
Текст слайда:

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

7 / 23

webo.in


Слайд 8
Gzip-сжатие на сервереУменьшение размера объектов до 88%Простота примененияAddOutputFilterByType DEFLATE text/htmlAddOutputFilterByType DEFLATE text/cssAddOutputFilterByType
Текст слайда:

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

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

8 / 23

webo.in


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

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

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

9 / 23

webo.in


Слайд 10
Сжатие CSS- и JavaScript-файловwebo.in10 / 23
Текст слайда:

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

webo.in

10 / 23


Слайд 11
Сжатие CSS-файловВ обычных случаях достаточно регулярного выражения (-30% размера)php / perl /
Текст слайда:

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

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

11 / 23

webo.in


Слайд 12
Сжатие CSS-файлов12 / 23webo.in
Текст слайда:

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

12 / 23

webo.in


Слайд 13
Сжатие JavaScript-файловJSmin для простых случаевПортирован на большинство языковYUI Compressor для автоматизацииjavaDean Edwards
Текст слайда:

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

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

13 / 23

webo.in


Слайд 14
Сжатие JavaScript-файлов14 / 23webo.in
Текст слайда:

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

14 / 23

webo.in


Слайд 15
Сжатие изображенийwebo.in15 / 23
Текст слайда:

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

webo.in

15 / 23


Слайд 16
PNG против GIFPNG8 лучше справляется со сжатием изображенийPNG32 может содержать полноцветную палитруПолупрозрачность
Текст слайда:

PNG против GIF

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

16 / 23

webo.in


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

GIF против PNG

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

17 / 23

webo.in


Слайд 18
favicon.icoМешается в очереди на загрузкуЗагружается с того же доменаНельзя отвечать 404-ошибкойОптимальный размер
Текст слайда:

favicon.ico

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

18 / 23

webo.in


Слайд 19
Полезные советыПереводим bmp в png: bmp2pngПереводим gif в png: gif2pngУрезаем png: pngcrush,
Текст слайда:

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

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

19 / 23

webo.in


Слайд 20
Уменьшаем заголовкиwebo.in20 / 23
Текст слайда:

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

webo.in

20 / 23


Слайд 21
Влияние на скорость доставкиДо 80% от размераДля небольших файлов (
Текст слайда:

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

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

21 / 23

webo.in


Слайд 22
Уменьшаем влияние cookieВынесение статики на отдельный хостКуда не передаются cookieВыставление cookie только
Текст слайда:

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

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

22 / 23

webo.in


Слайд 23
В следующей лекции КэшированиеОсновы кэширования: Cache-ControlУсловное кэширование: ETagНастройка и сброс кэшированияКэширования для
Текст слайда:

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

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

23 / 23

webo.in