Ya.Islands How-To.
Download slides to get all beatiful animations work (and screencast ;)).
Чтобы полностью погрузиться, рекомендую скачать презентацию. Заработает анимация и скринкаст в конце.
В своей работе мы постоянно используем инструменты, призванные облегчить нам жизнь. Но как хорошо мы ими на самом деле владеем? И почему мы пренебрегаем их суперсилами? Например, Chrome DevTools — это не только отладчик и инспектор HTML. Но когда у нас в руках молоток, кругом мерещатся гвозди. Десятки мегабайт и процентов загрузки процессора на вкладку браузера — верный признак того, что пора учиться пользоваться микроскопом.
Роман предложит освоить что-то посложнее молотка и расскажет о том, какую реальную пользу можно получить от профилирования, как найти в огромном отчёте проблему с кодом и что лучше — написать в коде десяток console.log или async debug.
Защита личных данных пользователя в современных браузерахIlya Siganov
Безопасность браузеров обычно подразумевает установку защищенного соединения, защиту от запуска сторонних вредоносных программ на сайте, всевозможные настройки приватности, безопасный рендеринг страниц. Так же все браузеры стараются удовлетворять веб-стандартам w3c. Что же касается обеспечения безопасного хранения данных пользователя на локальной машине, то разработчики браузеров игнорируют этот аспект. В рамках работы было изучено как именно браузеры хранят пользовательские данные, какие угрозы для пользователя открывает незащищенное хранение этих данных.
SQL-боттлнеки: поиск и устранение узких мест при масштабировании, Михаил Нови...Mail.ru Group
Вы начинаете новый проект. Устанавливаете веб-фреймворк, ORM-фреймворк, пишете модели, делаете запросы к БД. Всё идет хорошо. Потом к вам приходит 100 000 пользователей — и проект падает под нагрузкой. Ваши действия?
Такая ситуация была у нас полгода назад. Я расскажу, как мы нашли из нее выход, покажу наши подходы к поиску узких мест, сервисы, которые в этом помогают. И поясню, почему ванильный ORM — это зло.
В своей работе мы постоянно используем инструменты, призванные облегчить нам жизнь. Но как хорошо мы ими на самом деле владеем? И почему мы пренебрегаем их суперсилами? Например, Chrome DevTools — это не только отладчик и инспектор HTML. Но когда у нас в руках молоток, кругом мерещатся гвозди. Десятки мегабайт и процентов загрузки процессора на вкладку браузера — верный признак того, что пора учиться пользоваться микроскопом.
Роман предложит освоить что-то посложнее молотка и расскажет о том, какую реальную пользу можно получить от профилирования, как найти в огромном отчёте проблему с кодом и что лучше — написать в коде десяток console.log или async debug.
Защита личных данных пользователя в современных браузерахIlya Siganov
Безопасность браузеров обычно подразумевает установку защищенного соединения, защиту от запуска сторонних вредоносных программ на сайте, всевозможные настройки приватности, безопасный рендеринг страниц. Так же все браузеры стараются удовлетворять веб-стандартам w3c. Что же касается обеспечения безопасного хранения данных пользователя на локальной машине, то разработчики браузеров игнорируют этот аспект. В рамках работы было изучено как именно браузеры хранят пользовательские данные, какие угрозы для пользователя открывает незащищенное хранение этих данных.
SQL-боттлнеки: поиск и устранение узких мест при масштабировании, Михаил Нови...Mail.ru Group
Вы начинаете новый проект. Устанавливаете веб-фреймворк, ORM-фреймворк, пишете модели, делаете запросы к БД. Всё идет хорошо. Потом к вам приходит 100 000 пользователей — и проект падает под нагрузкой. Ваши действия?
Такая ситуация была у нас полгода назад. Я расскажу, как мы нашли из нее выход, покажу наши подходы к поиску узких мест, сервисы, которые в этом помогают. И поясню, почему ванильный ORM — это зло.
Все о скорости сайтов. Мастер-класс на партнерской конференции 1С-Битрикс.rusonyx
Сокращенная версия презентации. Файл доступен для скачивания и содержит текстовые комментарии к слайдам. 1,5-часовой мастер-класс, посвященный скорости сайтов, прошел в рамках летней партнерской конференции 1С-Битрикс 20 июня 2013 г. В мастер-классе приняли участие представители 40 веб-студий. В материале раскрыты технические механизмы загрузки и отображения страниц сайта. Приведены правильные и неправильные примеры. Разобраны самые эффективные способы ускорения сайтов и инструменты для выявления узких мест.
Алексей Андросов "Архитектура фронтенда Яндекс.Почты"Yandex
Алексей Андросов "Архитектура фронтенда Яндекс.Почты"
Я.Субботник в Новосибирске
О докладе:
Яндекс.Почта – это большое ajax-приложение. Из доклада вы узнаете, как работает фронтенд почты изнутри, как загружаются данные, обновляется страница и происходит взаимодействие с пользователем, какой мы используем шаблонизатор и почему, как живут самые разные приложения (Яндекс.Подписки, История общения) в рамках одной почтовой платформы.
Алексей Рылко, iProspect — «SEO-инсайды, которые вы можете достать из логов ...shevchuk_conf
Аналитика логов сервера – самый надежный источник данных о том, как поиск относится к нашим сайтам. Без посредников, обобщений, субъективных мнений и предположений. Только цифры: точные и беспощадные.
1. Что собой представляют логи сервера и где их искать?
2. Инструменты для работы с логами, если Excel и Notepad++ не справляются с гигабайтами данных. Платные и бесплатные, для технарей и гуманитариев.
3. Проверяем сами: как Googlebot относится к атрибуту nofollow, страницам в robots.txt, неактивным ссылкам, Javascript и т.д.
4. Рассмотрим на реальных примерах:
4.1. Что такое краулинговый бюджет и куда он уходит?
4.2. Совпадают ли ваши приоритетные зоны сайта с предпочтениями робота Google?
4.3. Бесполезный краулинг: неочевидный реальный масштаб проблемы.
4.4. Что такое активные страницы и «страницы-сироты»?
4.5. Используем логи сервера для:
- проверки результатов своих действий по оптимизации;
- расстановки приоритетов в работе;
- поиска новых точек роста.
4.6. А что если наложить данные логов сервера на другие показатели?
4.7. Как быть в курсе глобальных тенденций в поведении Googlebot?
Все о скорости сайтов. Мастер-класс на партнерской конференции 1С-Битрикс.rusonyx
Сокращенная версия презентации. Файл доступен для скачивания и содержит текстовые комментарии к слайдам. 1,5-часовой мастер-класс, посвященный скорости сайтов, прошел в рамках летней партнерской конференции 1С-Битрикс 20 июня 2013 г. В мастер-классе приняли участие представители 40 веб-студий. В материале раскрыты технические механизмы загрузки и отображения страниц сайта. Приведены правильные и неправильные примеры. Разобраны самые эффективные способы ускорения сайтов и инструменты для выявления узких мест.
Алексей Андросов "Архитектура фронтенда Яндекс.Почты"Yandex
Алексей Андросов "Архитектура фронтенда Яндекс.Почты"
Я.Субботник в Новосибирске
О докладе:
Яндекс.Почта – это большое ajax-приложение. Из доклада вы узнаете, как работает фронтенд почты изнутри, как загружаются данные, обновляется страница и происходит взаимодействие с пользователем, какой мы используем шаблонизатор и почему, как живут самые разные приложения (Яндекс.Подписки, История общения) в рамках одной почтовой платформы.
Алексей Рылко, iProspect — «SEO-инсайды, которые вы можете достать из логов ...shevchuk_conf
Аналитика логов сервера – самый надежный источник данных о том, как поиск относится к нашим сайтам. Без посредников, обобщений, субъективных мнений и предположений. Только цифры: точные и беспощадные.
1. Что собой представляют логи сервера и где их искать?
2. Инструменты для работы с логами, если Excel и Notepad++ не справляются с гигабайтами данных. Платные и бесплатные, для технарей и гуманитариев.
3. Проверяем сами: как Googlebot относится к атрибуту nofollow, страницам в robots.txt, неактивным ссылкам, Javascript и т.д.
4. Рассмотрим на реальных примерах:
4.1. Что такое краулинговый бюджет и куда он уходит?
4.2. Совпадают ли ваши приоритетные зоны сайта с предпочтениями робота Google?
4.3. Бесполезный краулинг: неочевидный реальный масштаб проблемы.
4.4. Что такое активные страницы и «страницы-сироты»?
4.5. Используем логи сервера для:
- проверки результатов своих действий по оптимизации;
- расстановки приоритетов в работе;
- поиска новых точек роста.
4.6. А что если наложить данные логов сервера на другие показатели?
4.7. Как быть в курсе глобальных тенденций в поведении Googlebot?
2 июля 2011, Я.Субботник в Екатеринбурге
Алексей Андросов "HTML5 в Я.Почте"
О докладе:
Вопросы практического применения современных технологий передачи и хранения данных в браузере на примере Яндекс.Почты, проблемы и ограничения, с которыми можно столкнуться, а также способы их решения.
Для чего нужны WebSocket, localStorage и кроссдоменные AJAX запросы? Как реализовать их поддержку с учетом старых браузеров, которые не поддерживают эти технологии? Как обойти проблемы и баги в этих технологиях?
Булат Каримов - Как создать остров для интернет-магазина и успешно пройти мод...Yandex
Рассказ о том, как работать с новой поисковой платформой Острова. Что такое хороший остров для интернет-магазина, как его сделать и успешно пройти модерацию. Примеры создания островов. Ближайшие планы команды.
Отдаем страницы быстрее или как вписаться в требования GoogleIT61
Евгений Костенко, руководитель OSSHelp
ask@osshelp.ru
Почему Google навязывает ответ за 0.2 секунды
Что такое RTT, TTFB, waterfall и от чего зависит скорость
Шардинг vs HTTP/2, keepalive, CDN, тюнинг SSL и зачем все это
Оптимизация, мониторинг и поиск bottleneck’s
SERP или просто страница результатов поисковой выдачи — это действительно большой проект с огромной аудиторией. Над ним работают около 40 фронтендеров из разных городов. Эта страница показывается больше 200 000 000 раз в день. При таких размерах даже модульная архитектура уже не слишком спасала нас от странных, неочевидных зависимостей, лишних стилей и нескольких разных реализаций почти одинаковых компонентов.
Процесс разработки новой, даже довольно простой на первый взгляд фичи занимал чудовищное количество времени и представлял из себя хаотичное взаимодействие большого количества людей: фронта, бэкенда, дизайнеров и менеджеров.
Стала закрадываться мысль, что пора что-то менять. И мы поменяли.
В докладе я расскажу о том, как мы с помощью проекта на стыке фронтендеров, менеджеров, и дизайнеров, навели во всем этом идеальный порядок. Каким образом поменяли наш код процессы и инструменты, а также что нам это дало, и как будем жить с этим дальше.
Если вам знакомы похожие проблемы, то наш опыт может оказаться вам чертовски полезным.
Михаил Давыдов "Масштабируемые JavaScript-приложения"Yandex
Михаил Давыдов "Масштабируемые JavaScript-приложения"
Я.Субботник в Челябинске в рамках конференции UWDC
О докладе:
О чем нужно подумать во время проектирования архитектуры. Какую архитектуру нужно заложить, чтобы приложение могло безболезненно развиваться.
Яндекс.Фотки – современный фотохостинг. В докладе идет речь об общих архитектурных принципах его построения, загрузке и обработке фотографий, механизме распределенного выполнения заданий, API для взаимодействия с внешним миром.