WebCamp: Developer Day: Быстродействие веб-сайта. Методичный анализ и глубины...GeeksLab Odessa
Быстродействие веб-сайта. Методичный анализ и глубины клиентской оптимизации.
Евгений Котельницкий
Что влияет на производительность; средства анализа показателей; правильно определяем цели и задачи; глубины клиентской оптимизации; анализ нескольких сайтов, которые назовёт аудитория.
Что, зачем и каким образом следует проверять и тестировать перед запуском сай...Alexey Kostin
Презентация к докладу Алексея Костина Drupal CIS 2013 в Москве — «Что, зачем и каким образом следует проверять и тестировать перед запуском сайта на Drupal в публичную эксплуатацию»
Все о скорости сайтов. Мастер-класс на партнерской конференции 1С-Битрикс.rusonyx
Сокращенная версия презентации. Файл доступен для скачивания и содержит текстовые комментарии к слайдам. 1,5-часовой мастер-класс, посвященный скорости сайтов, прошел в рамках летней партнерской конференции 1С-Битрикс 20 июня 2013 г. В мастер-классе приняли участие представители 40 веб-студий. В материале раскрыты технические механизмы загрузки и отображения страниц сайта. Приведены правильные и неправильные примеры. Разобраны самые эффективные способы ускорения сайтов и инструменты для выявления узких мест.
21 октября состоялась 1 встреча одесского сообщества Python-разработчиков - Python Meetup.
Поговорили о новых технологиях, диалектах и инструментарии для создания графических интерфейсов.
Докладчики:
Александр Степанов (Python Team Lead at SteelKiwi Inc.)
Тема: Шаблон проекта. Использование Vagrant, VirtualEnv и Ansible provisioner. Зачем это необходимо?
Евгений Гетманский (Рython team lead at SteelKiwi Inc.)
Тема: Оптимизация работы веб сервера с базой данных на примере Django.
WebCamp: Developer Day: Быстродействие веб-сайта. Методичный анализ и глубины...GeeksLab Odessa
Быстродействие веб-сайта. Методичный анализ и глубины клиентской оптимизации.
Евгений Котельницкий
Что влияет на производительность; средства анализа показателей; правильно определяем цели и задачи; глубины клиентской оптимизации; анализ нескольких сайтов, которые назовёт аудитория.
Что, зачем и каким образом следует проверять и тестировать перед запуском сай...Alexey Kostin
Презентация к докладу Алексея Костина Drupal CIS 2013 в Москве — «Что, зачем и каким образом следует проверять и тестировать перед запуском сайта на Drupal в публичную эксплуатацию»
Все о скорости сайтов. Мастер-класс на партнерской конференции 1С-Битрикс.rusonyx
Сокращенная версия презентации. Файл доступен для скачивания и содержит текстовые комментарии к слайдам. 1,5-часовой мастер-класс, посвященный скорости сайтов, прошел в рамках летней партнерской конференции 1С-Битрикс 20 июня 2013 г. В мастер-классе приняли участие представители 40 веб-студий. В материале раскрыты технические механизмы загрузки и отображения страниц сайта. Приведены правильные и неправильные примеры. Разобраны самые эффективные способы ускорения сайтов и инструменты для выявления узких мест.
21 октября состоялась 1 встреча одесского сообщества Python-разработчиков - Python Meetup.
Поговорили о новых технологиях, диалектах и инструментарии для создания графических интерфейсов.
Докладчики:
Александр Степанов (Python Team Lead at SteelKiwi Inc.)
Тема: Шаблон проекта. Использование Vagrant, VirtualEnv и Ansible provisioner. Зачем это необходимо?
Евгений Гетманский (Рython team lead at SteelKiwi Inc.)
Тема: Оптимизация работы веб сервера с базой данных на примере Django.
На вебинаре мы рассмотрели самые распространенные ошибки которые НЕ нужно делать при переезде сайта. Разобрали какие действия и в какой последовательности следует выполнять, чтобы сохранить наработанный авторитет сайта в глазах поисковых систем.
Функциональное тестирование высоконагруженных проектов / Илья Пастушков (2ГИС)Ontico
В докладе я расскажу о следующем:
+ почему тема доклада не оговорка, а абсолютно реальная вещь;
+ что можно извлечь из результатов теста помимо «да/нет»;
+ в каких случаях «количество» = «качество»;
+ когда «один в поле не воин»;
+ немного о том, зачем тестировщику нужна матстатистика;
+ как избежать случайностей в результатах;
+ «буря в стакане» или масштабируем highload в docker/openvz;
+ почему фиксация запросов в тестах приводит к фиксации сервиса на продакшене;
+ а также всё вышеперечисленное на примерах наших проектов.
Вёрстка WordPress тем - WP Kharkiv Meetup #1dima_kuzovlev
Из чего состоит тема? Зачем нужна дочерняя тема? Что такое иерархия шаблонов? Какие есть тонкости подключения CSS & JS? Для чего не стоит использовать functions.php?
Точки входа, роутинг, система хуков, модель данных, базовые абстракции и многое другое.
Сайт сообщества: http://wpkharkiv.wordpress.com/
Metup группа: http://www.meetup.com/kharkiv-wordpress/
Харьковский WordPress MeetUp #2: http://wp.org.ua/?p=191
Какими навыками должен обладать WordPress Гуру (junior, middle, senior) и какие этапы роста проходит WP-разработчик, а также опишет путь от настройки простейшего блога для друга и мелкого фриланса до участия в масштабных Open Source проектах и карьеры в крупной компании. Доклад даст нужное направление для развития новичкам и поможет упорядочить мысли более опытным разработчикам.
Видео будет доступно немного позже.
На вебинаре мы рассмотрели самые распространенные ошибки которые НЕ нужно делать при переезде сайта. Разобрали какие действия и в какой последовательности следует выполнять, чтобы сохранить наработанный авторитет сайта в глазах поисковых систем.
Функциональное тестирование высоконагруженных проектов / Илья Пастушков (2ГИС)Ontico
В докладе я расскажу о следующем:
+ почему тема доклада не оговорка, а абсолютно реальная вещь;
+ что можно извлечь из результатов теста помимо «да/нет»;
+ в каких случаях «количество» = «качество»;
+ когда «один в поле не воин»;
+ немного о том, зачем тестировщику нужна матстатистика;
+ как избежать случайностей в результатах;
+ «буря в стакане» или масштабируем highload в docker/openvz;
+ почему фиксация запросов в тестах приводит к фиксации сервиса на продакшене;
+ а также всё вышеперечисленное на примерах наших проектов.
Вёрстка WordPress тем - WP Kharkiv Meetup #1dima_kuzovlev
Из чего состоит тема? Зачем нужна дочерняя тема? Что такое иерархия шаблонов? Какие есть тонкости подключения CSS & JS? Для чего не стоит использовать functions.php?
Точки входа, роутинг, система хуков, модель данных, базовые абстракции и многое другое.
Сайт сообщества: http://wpkharkiv.wordpress.com/
Metup группа: http://www.meetup.com/kharkiv-wordpress/
Харьковский WordPress MeetUp #2: http://wp.org.ua/?p=191
Какими навыками должен обладать WordPress Гуру (junior, middle, senior) и какие этапы роста проходит WP-разработчик, а также опишет путь от настройки простейшего блога для друга и мелкого фриланса до участия в масштабных Open Source проектах и карьеры в крупной компании. Доклад даст нужное направление для развития новичкам и поможет упорядочить мысли более опытным разработчикам.
Видео будет доступно немного позже.
Highload++ 2016: Автоматизация тестирования клиентской производительности (Ла...Лавлинский Николай
Клиентская производительность – бесконечный процесс. Разрабатываются новые фичи, меняется дизайн, технологии, браузеры – контролировать скорость нужно постоянно.
Здесь есть два принципиальных направления: синтетические тесты в тестовом окружении и сбор метрик у реальных пользователей. Оба этих направления важны, но мы сконцентрируемся на синтетических тестах и будем использовать их для оценки влияния изменений в приложении на клиентскую производительность как часть процесса тестирования.
Автоматизация тестирования клиентской производительности / Николай Лавлинский...Ontico
Клиентская производительность – бесконечный процесс. Разрабатываются новые фичи, меняется дизайн, технологии, браузеры – контролировать скорость нужно постоянно.
В этих условиях требуется автоматизированный процесс тестирования скорости клиентской части приложения. При этом тестировать нужно в настоящих браузерах, в максимально похожем на реальность окружении.
В этом докладе будем говорить о том, как совместить все эти требования и не потратить много месяцев на построение собственного "велосипеда". Предлагается рабочее решение задачи с использованием open source решения WebPagetest Private Instance. Рассмотрим основные достоинства и проблемы решения, а также способы использования этого инструмента.
Доклад на Highload++ 2016. Как автоматизировать тестирование скорости сайта. Мы будем использовать Webpagetest PI через API для построения сервиса по тестированию скорости сайтов: ускорениесайтов.рф.
Настройка и оптимизация высоконагруженных J2EE веб-приложений / Шамим Ахмед (...Ontico
Оптимизация любого веб-приложения — это нетривиальная задача, для решения которой требуется проводить мониторинг загрузки системных ресурсов, выполнять микро-вэнчмаркинг, экспериментировать с настройками, проводить нагрузочное тестирование и т.д.
В текущем году нашей команде довелось поучаствовать в нескольких проектах, в которых перед нами стояла задача оптимизации J2EE веб-приложений. Один из них — портал для ОАО «Сбербанк России» (www.sberbank.ru).
Основной сайт Сбербанка реализован на основе портального движка BackBase и является J2EE-приложением. При проведении оптимизации его работы нам пришлось изучить и собрать много информации и документов, которые связаны с настройкой и оптимизацией высоконагруженных веб-приложений.
В ходе реализации проектов я заметил, что не существует сводного документа с инструкциями по оптимизации работы приложения, поэтому решил поделиться нашим опытом. Этот доклад может послужить в качестве дорожной карты (Road Map) для настройки и оптимизации J2EE веб-приложений.
В докладе будут рассмотрены следующие аспекты:
1) Общие подходы и методология оптимизации веб-приложения.
2) Оптимизация настроек веб-сервера.
3) Оптимизация кода приложения на стороне клиента.
4) Оптимизация на стороне middleware, в том числе на сервере приложений.
5) Оптимизация на уровне Базы Данных.
WebCamp2016, 29 июля, Одесса
Андрей Копёнкин CTO, FlyElephant
Оптимизируем мобильный веб полностью
В докладе поговорим об инициативе Accelerated Mobile Pages, о преимуществах её использования, что она из себя представляет и как она ускоряет отображение веб-страниц для портативных устройств
Website: http://webcamp.in.ua/devops.html#theme
Facebook: https://www.facebook.com/WebCamp/
VK: https://vk.com/webcamp
Twitter: https://twitter.com/WebCampOdessa
Youtube: http://bit.ly/2bsQ0LO
Доклад о влиянии скорости загрузки страниц на конверсию интернет-магазина. Информация об исследовании основных факторов, влияющих на время отображения страниц. Советы по ускорению сайтов.
Чеклист по клиентской оптимизации / Николай Лавлинский (Метод Лаб)Ontico
РИТ++ 2017, HighLoad Junior
Зал Сингапур, 6 июня, 10:00
Тезисы:
http://junior.highload.ru/2017/abstracts/2475.html
Когда проект растёт, возникает множество проблем с масштабируемостью сервиса: БД, сервера приложений, хранилище. Однако, не менее важной становится клиентская часть веб-приложения.
Во-первых, грамотная клиентская оптимизация позволяет повысить скорость работы сервиса для пользователей и, следовательно, увеличить их лояльность, которая конвертируется в деньги.
...
3. План
- Принципы работы WWW
- На что уходит время?
- Методичный анализ
-Алгоритм оптимизации
-Некоторые правила
- Утилиты для мониторинга
- Клиентская оптимизация
- Психология ожидания
9. Загрузка веб-страницы
Этап «Виновник»
1 Ожидание в очереди HTTP спец.
2 DNS Lookup Сеть
3 Открытие TCP/IP соединения Сеть
4 Отправка HTTP запроса Сеть
5 Разбор запроса сервером Сервер
6 Формирование ответа Сервер
7 Компрессия ответа (1) Сервер
8 Пересылка ответа Сеть
9 Распаковка ответа (1) Браузер
10 Представление ответа Браузер
11 Закрытие соединения? (2) HTTP спец.
12 Отправка следующего запроса (3) HTML
1) Если компрессия включена
2) Соединение не закрывается - ждём следующий запрос
3) Если для представления требуются другие компоненты
10. Мы можем уменьшить задержки
на каждом этапе
Этап Оптимизация
1 Ожидание в очереди Уменьшить количество компонентов
2 DNS Lookup Уменьшить количество различных доменов
3 Открытие TCP/IP соединения Использовать сервера, которые географически ближе
4 Отправка HTTP запроса Минимизировать размер шапки запроса (Cookies)
5 Разбор запроса сервером Настройка / оптимизация сервера
6 Формирование ответа Зависит от типа компонента
7 Компрессия ответа (1) Отключить компрессию? А как же пункт 8?
8 Пересылка ответа Минимизировать размер ответа
9 Распаковка ответа (1) См. п. 7
10 Представление ответа Оптимизировать HTML, CSS, JS и д.р.
11 Закрытие соединения? (2) К счастью, соединение не закрывается в HTTP 1.1
12 Отправка следующего запроса (3) Минимизировать кол-во компонентов и редиректов
13. Некоторые правила
Ищем узкие места (учитываем приоритеты)
Советы могут противоречить
Стандартные приёмы могут усугубить ситуацию
Учитываем задержки «без попадания в кэш»
14. 1. Собираем симптомы
2. Формулируем цели
3. Определяем узкие места
4. Составляем список задач
5. Оцениваем ожидаемый эффект
6. Оцениваем затраты
7. Расставляем приоритеты
8. Анализируем эффект
9. Выполняем итерационно
Алгоритм оптимизации
15. Firebug + Yahoo Yslow
Google Chrome PageSpeed
Google Chrome Developer Tools
Pingdom Performance Tools
Google Analytics
Утилиты для мониторинга
27. «Экономный» способ
сохранения .jpg для Retina
1. Готовим изображение в 2 раза больше требуемого
2. Сохраняем как .jpg с высокой компрессией (качество 30 - 40%)
3. Уменьшаем размеры изображения в 2 раза с помощью CSS / HTML
4. Внешнее качество такой картинки повысится, а размер останется тем же
Оригинальный размер
Качество 80%
Размер 10Kb
Картинка в 2 раза больше
Качество 40%
Размер 11Kb
Картинка в 2 раза больше
Качество 80%
Размер 60Kb
28. Оптимизация компонентов /
JavaScript
Отладка JavaScript в Google Chrome
Показываем статус долгого процесса
Не ждём чуда или «ТаймАут»
Preload
Lazy Load
Ajax Post-load