Создание сайтов
<<  Основы Web-дизайна Конструкторы сайтов  >>
Все о скорости сайтов
Все о скорости сайтов
Загрузка сайта
Загрузка сайта
DNS (узнаем, где сайт)
DNS (узнаем, где сайт)
Сеть (стучимся туда, где сайт)
Сеть (стучимся туда, где сайт)
Ждем ответа сервера (он создает html)
Ждем ответа сервера (он создает html)

Нееееееее-е-е-е-е-е-е-ееееет
Нееееееее-е-е-е-е-е-е-ееееет
6 потоков
6 потоков
6 потоков
6 потоков
Время на сетевое взаимодействие
Время на сетевое взаимодействие
Время на генерацию страницы
Время на генерацию страницы
Время на генерацию страницы
Время на генерацию страницы
Время на генерацию страницы
Время на генерацию страницы
Неправильные настройки хостинга и битрикса
Неправильные настройки хостинга и битрикса
Неправильный код
Неправильный код
Ускоряем выдачу заголовков
Ускоряем выдачу заголовков
Кеширование компонентов, раздельная выдача содержимого
Кеширование компонентов, раздельная выдача содержимого
Хороший пример параллельной загрузки
Хороший пример параллельной загрузки
Хороший пример ленивой загрузки
Хороший пример ленивой загрузки
Внешние коннекты
Внешние коннекты
Плохой пример – один блогер
Плохой пример – один блогер
Загрузка контента
Загрузка контента
Для каждого файла новое соединение
Для каждого файла новое соединение
Увеличение числа параллельных потоков
Увеличение числа параллельных потоков
Увеличение числа параллельных потоков
Увеличение числа параллельных потоков
Сжатие данных
Сжатие данных
Сжатие данных
Сжатие данных
Снижение количества файлов
Снижение количества файлов
Спрайты
Спрайты
Уменьшение изображений
Уменьшение изображений
Правильное проектирование сайта
Правильное проектирование сайта
Как измерять скорость работы сайта
Как измерять скорость работы сайта
Webpagetest
Webpagetest
Webpagetest
Webpagetest
Webpagetest
Webpagetest

Sitespeed
Sitespeed
Sitespeed
Sitespeed
Sitespeed
Sitespeed

Время загрузки главной страницы
Время загрузки главной страницы
Относительное количество поисковых запросов
Относительное количество поисковых запросов
Свежие данные
Свежие данные
Пример анализа
Пример анализа
Данные
Данные
Данные
Данные
Данные: sitespeed
Данные: sitespeed
Оптимизация скриптов и стилей
Оптимизация скриптов и стилей
22 стандартных PNG-изображения
22 стандартных PNG-изображения
3 нестандартных шрифта
3 нестандартных шрифта
Отложенная загрузка слайдов
Отложенная загрузка слайдов
Обзор открытых соединений
Обзор открытых соединений
Обзор открытых соединений
Обзор открытых соединений
Выигрыш от правильного использования поддоменов
Выигрыш от правильного использования поддоменов
Время загрузки страницы
Время загрузки страницы
Спасибо
Спасибо
Презентация «Скорость загрузки сайта». Размер 5505 КБ. Автор: ustinov.

Загрузка...

Скорость загрузки сайта

содержание презентации «Скорость загрузки сайта.pptx»
СлайдТекст
1 Все о скорости сайтов

Все о скорости сайтов

Все о скорости сайтов. Юрий Устинов Русоникс. Москва, 20 июня 2013.

2 Загрузка сайта

Загрузка сайта

Загрузка сайта. DNS (узнаем, где сайт).

3 DNS (узнаем, где сайт)

DNS (узнаем, где сайт)

Загрузка сайта. DNS (узнаем, где сайт). Сеть (стучимся туда, где сайт).

4 Сеть (стучимся туда, где сайт)

Сеть (стучимся туда, где сайт)

Загрузка сайта. DNS (узнаем, где сайт). Сеть (стучимся туда, где сайт). Ждем ответа сервера (он создает html).

5 Ждем ответа сервера (он создает html)

Ждем ответа сервера (он создает html)

Загрузка сайта. DNS (узнаем, где сайт). Сеть (стучимся туда, где сайт). Ждем ответа сервера (он создает html). Загружаем содержимое (html).

6

7 Нееееееее-е-е-е-е-е-е-ееееет

Нееееееее-е-е-е-е-е-е-ееееет

Нееееееее-е-е-е-е-е-е-ееееет!!!!!

8 6 потоков

6 потоков

6 потоков.

9 6 потоков

6 потоков

6 потоков.

10 Время на сетевое взаимодействие

Время на сетевое взаимодействие

Время на сетевое взаимодействие. Одноразовая задержка: DNS: расстояние до нейм-серверов и отклик Постоянная задержка: Расстояние до сервера с сайтом и отклик.

11 Время на генерацию страницы

Время на генерацию страницы

Время на генерацию страницы.

12 Время на генерацию страницы

Время на генерацию страницы

Время на генерацию страницы.

13 Время на генерацию страницы

Время на генерацию страницы

Время на генерацию страницы.

14 Неправильные настройки хостинга и битрикса

Неправильные настройки хостинга и битрикса

Неправильные настройки хостинга и битрикса.

15 Неправильный код

Неправильный код

Неправильный код. Тема отладки отлично раскрыта: http://failoverconf.ru/ Доклад Александра Сербула «Мониторинг веб-проектов: штаб оперативного реагирования и аналитический центр» ТАМ ЕСТЬ ВИДЕО доклада и .ppt.

16 Ускоряем выдачу заголовков

Ускоряем выдачу заголовков

Ускоряем выдачу заголовков. Сбрасывайте буфер вывода PHP (ЧО-ЧО?) Просто используйте PHP Flush (а, понятно). ПРИМЕР БЫЛ, но я его потерял.

17 Кеширование компонентов, раздельная выдача содержимого

Кеширование компонентов, раздельная выдача содержимого

Кеширование компонентов, раздельная выдача содержимого. Что-то нельзя кешировать? – в параллельную загрузку. Много элементов? – в ленивую загрузку.

18 Хороший пример параллельной загрузки

Хороший пример параллельной загрузки

1. 2. 3. 4. Хороший пример параллельной загрузки: выдача гугла.

19 Хороший пример ленивой загрузки

Хороший пример ленивой загрузки

Хороший пример ленивой загрузки: выдача ФБ, ВК, ТВТ. Все знают как это бывает, правда?

20 Внешние коннекты

Внешние коннекты

Кэшируйте или в параллель. Внешние коннекты. Вам это не нужно Не нужно это вам Нужно это не вам Это не вам нужно Это вам не нужно Не это нужно вам Это нужно не вам Нужно не это вам. Вам не нужно это Не вам нужно это Вам нужно не это Нужно вам не это Не вам это нужно Вам не это нужно Нужно не вам это.

21 Плохой пример – один блогер

Плохой пример – один блогер

Плохой пример – один блогер. Как-то нехорошо было бы показать скриншот прямо так. Вы его не видите, но он есть.

22 Загрузка контента

Загрузка контента

Загрузка контента. Неправильно: для каждого файла новое соединение.

23 Для каждого файла новое соединение

Для каждого файла новое соединение

Загрузка контента. Неправильно: для каждого файла новое соединение. Правильно: на одно соединение много файлов.

24 Увеличение числа параллельных потоков

Увеличение числа параллельных потоков

Увеличение числа параллельных потоков.

25 Увеличение числа параллельных потоков

Увеличение числа параллельных потоков

Увеличение числа параллельных потоков.

26 Сжатие данных

Сжатие данных

Сжатие данных.

27 Сжатие данных

Сжатие данных

Сжатие данных.

28 Снижение количества файлов

Снижение количества файлов

Снижение количества файлов. Правило 6 потоков. Идеальная схема: до 3 js + до 3 css примерно равного размера.

29 Спрайты

Спрайты

Спрайты. Один большой спрайт – тоже плохо. Помним правило 6 потоков!

30 Уменьшение изображений

Уменьшение изображений

Уменьшение изображений. Не уменьшать картинки тегами в html Не генерить превью «на лету» А мы генерим с кешированием! Особенно не генерить с кешированием Контролировать объем рекламных слайдеров.

31 Правильное проектирование сайта

Правильное проектирование сайта

Правильное проектирование сайта. Подробно про масштабируемую структуру веб-сервисов в моем докладе на http://failoverconf.ru Параллельная обработка блоков, вывод каркаса без ожидания результата.

32 Как измерять скорость работы сайта

Как измерять скорость работы сайта

Как измерять скорость работы сайта. Наконец-то.

33 Webpagetest

Webpagetest

Webpagetest.Org: для профи.

34 Webpagetest

Webpagetest

Webpagetest.Org: для профи.

35 Webpagetest

Webpagetest

Webpagetest.Org: для профи.

36

37 Sitespeed

Sitespeed

Sitespeed.Ru: подробный pdf-отчет.

38 Sitespeed

Sitespeed

Sitespeed.Ru: подробный pdf-отчет.

39 Sitespeed

Sitespeed

Sitespeed.Ru: подробный pdf-отчет.

40

41 Время загрузки главной страницы

Время загрузки главной страницы

6 сек. 13 сек. Время загрузки главной страницы по данным sitespeed.ru, окт 2012.

42 Относительное количество поисковых запросов

Относительное количество поисковых запросов

6 сек. 13 сек. Наверное много других причин, но. Время загрузки главной страницы по данным sitespeed.ru, окт 2012. Относительное количество поисковых запросов по данным Google Trends, июнь 2013.

43 Свежие данные

Свежие данные

На самом деле все уже изменилось. Свежие данные: Евросеть: 15,6 сек (164 файла) Связной: 15,8 сек (242 файла!) Посмотрим, как это скажется на успешности и популярности связного в массах.

44 Пример анализа

Пример анализа

Пример анализа. Загрузка страницы: 10,6 с Начало отображения: 4,0 с. Объем данных: 1,8 Мб Запросы к серверу: 140.

45 Данные

Данные

Пример анализа. Данные: sitespeed.ru, webpagetest.org.

46 Данные

Данные

Пример анализа. Данные: sitespeed.ru, webpagetest.org.

47 Данные: sitespeed

Данные: sitespeed

Пример анализа. Данные: sitespeed.ru, webpagetest.org.

48 Оптимизация скриптов и стилей

Оптимизация скриптов и стилей

13 CSS 21 js, в т.ч. 6 с jquery Оптимизация скриптов и стилей: 0,7 сек. Данные: sitespeed.ru, webpagetest.org.

49 22 стандартных PNG-изображения

22 стандартных PNG-изображения

22 стандартных PNG-изображения Объединение в спрайт: 0,4 сек. Данные: sitespeed.ru, webpagetest.org.

50 3 нестандартных шрифта

3 нестандартных шрифта

3 нестандартных шрифта Отказаться: 0,6 сек. или Вкл.кэш: 0,2 сек. Данные: sitespeed.ru, webpagetest.org.

51 Отложенная загрузка слайдов

Отложенная загрузка слайдов

Отложенная загрузка слайдов 5 из 6: 2,2 сек. Данные: sitespeed.ru, webpagetest.org.

52 Обзор открытых соединений

Обзор открытых соединений

Обзор открытых соединений. От такого использования поддомена нет никакого выигрыша. Данные: sitespeed.ru, webpagetest.org.

53 Обзор открытых соединений

Обзор открытых соединений

Обзор открытых соединений. Ок. Данные: sitespeed.ru, webpagetest.org.

54 Выигрыш от правильного использования поддоменов

Выигрыш от правильного использования поддоменов

Выигрыш от правильного использования поддоменов 2 - 4 сек. Обзор открытых соединений. Ок. Данные: sitespeed.ru, webpagetest.org.

55 Время загрузки страницы

Время загрузки страницы

Пример анализа. Время загрузки страницы: 10,6 ? 6,0 сек. Начало отображения: 4,0 ? 2,9 сек. Запросы к серверу: 140 ? 96.

56 Спасибо

Спасибо

Спасибо, #bitrixconf :). Юрий Устинов РУСОНИКС Facebook: yuri.ustinov rusonyx Twitter: @sukahitriy @rusonyx Email: u@rsnx.ru info@rusonyx.ru.

«Скорость загрузки сайта»
Загрузка...
Сайт

5informatika.net

115 тем
5informatika.net > Создание сайтов > Скорость загрузки сайта.pptx