Можно ли получить заветные 100 баллов в PageSpeed Insights, хорошо индексироваться и всё это без AMP? Легко! Дмитрий Шевченко рассказывает как этого достичь и познакомит с инструментом для проверки скорости сайта.
Тема " Скрипты продаж в интернет-магазинах" в рамках конкурса "Бизнес на милл...AdvantShop
Переговоры с клиентами это важнейшая составляющая работы интернет-магазина. Качество продаж напрямую зависит от того, все ли звонки будут приняты, как ваш менеджер будет общаться с потенциальными покупателями. Для этого целесообразно подготовить соответствующие скрипты, в которых предусмотрены ответы на самые популярные вопросы покупателей.
В топку Postman - пишем API автотесты в привычном стекеCOMAQA.BY
Postman - отличный инструмент для автоматизации тестирования API, но он требует дополнительного софта, дополнительных навыков и дополнительных настроек. Есть ли способ обойти эти ограничения и перейти сразу к автоматизации API-тестов в привычной среде, если вы уже разрабатываете автотесты на Java? Конечно! Давайте поговорим о способах автоматизации API-тестов с использованием Java
Тема " Скрипты продаж в интернет-магазинах" в рамках конкурса "Бизнес на милл...AdvantShop
Переговоры с клиентами это важнейшая составляющая работы интернет-магазина. Качество продаж напрямую зависит от того, все ли звонки будут приняты, как ваш менеджер будет общаться с потенциальными покупателями. Для этого целесообразно подготовить соответствующие скрипты, в которых предусмотрены ответы на самые популярные вопросы покупателей.
В топку Postman - пишем API автотесты в привычном стекеCOMAQA.BY
Postman - отличный инструмент для автоматизации тестирования API, но он требует дополнительного софта, дополнительных навыков и дополнительных настроек. Есть ли способ обойти эти ограничения и перейти сразу к автоматизации API-тестов в привычной среде, если вы уже разрабатываете автотесты на Java? Конечно! Давайте поговорим о способах автоматизации API-тестов с использованием Java
"AMP - технология на три буквы", Макс Фролов, MoscowJS 29MoscowJS
Для большинства пользователей мобильный интернет полон боли и страданий. При том что пользователей становится только больше — проблема не решается, а становится острее. Вас ожидает увлекательнейший доклад о том, как удалось разогнать до космической скорости мобильную Lenta.ru.
Спикер:
Илья Беланенко
SEO специалист в компании LUXEO
От спикера:
На вебинаре Вы узнаете полезные фишки для оптимизации скорости загрузки сайта и полезные сервисы для этого.
На вебинаре Вы узнаете:
- Краткая информация о загрузки сайта;
- Пункты по оптимизации загрузки сайта;
- Полезные сервисы для оптимизации загрузки сайта;
- Примеры влияния скорости загрузки на позиции сайта;
- Ответы на вопросы.
Данный вебинар будет интересен:
- Интернет-маркетологам;
- Владельцам бизнеса и руководителям;
- Начинающим специалистам.
--------------------------------------------
ПОДПИСЫВАЙТЕСЬ на канал WebPromoExperts! - http://bit.ly/YouTube_WPE
--------------------------------------------
- Еженедельный ДАЙДЖЕСТ (e-mail рассылка) - http://bit.ly/wpe-subs
- FACEBOOK: https://www.facebook.com/webpromoexperts
- Instagram: https://www.instagram.com/webpromoexperts/
- Telegram: https://t.me/webpromoexperts
- ВКонтакте: https://vk.com/webpromoexperts
--
Академии интернет-маркетинга WebPromoExperts http://bit.ly/site_wpe-academy
Блог Академии: http://bit.ly/blog_wpe-academy
--
Организатор: Агентство эффективного интернет-маркетинга WebPromo: http://www.web-promo.ua/
Какие проблемы решают инструменты статического анализа. Обзор фич и как они помогают писать код быстрее и лучше. Рассказ о перспективах развития Решарпера и разработки в целом.
Встреча "Front-end: на старт, внимание, разработка!", Сергей ПузанковGoIT
На долгожданной встрече 05.02.2015, посвященной Front-end-у участники:
• Узнали, с чего начинать новичкам Front-end разработки
• Поняли основы Front-end разработки
• Узнали о подводных камнях в данной IT-сферы
• Переняли опыт успехов и ошибок Front-end разработчиков из Яндекс и Terrasoft
• Получили информацию о возможностях карьерного роста в сфере.
Данную презентацию подготовил для нас:
Сергей Пузанков - обладает 13-летним опытом веб-разработки, с 2008 года руководит группой разработки поисковых интерфейсов в Яндексе.
В докладе пойдет речь о прогрессивных веб приложениях, подходе по улучшению пользовательского взаимодействия с мобильным вебом. Расскажу о том как обстоят дела с офлайном в 2016, как взаимодействовать с сервис воркерами и какие инструменты могут упростить жизнь разработчику. Поговорим о том, как PWA могут принести пользу бизнесу и сделать пользователя довольным.
Презентация доклада с Web Camp 2015 года.
История Push уведомлений. APNS и GCM.
Устройство и механика новых web push уведомлений.
Практическое руководство по созданию собственной системы push
Подготовили:
Лис Анастасия
Белоусова Анна
Ладутько Виктория
Лустенков Егор
ТОП-3:
1. Google Chrome
2. Mozilla Firefox
3. Opera
Ссылка на документ:
https://docs.google.com/spreadsheets/d/1HHCYtAqEWZEV3SY7ITmUgJgPK5kn20HWmkLxJToPwVI/edit#gid=1971600642
04.12.2014 состоялся вебинар, посвященный front-end разработке.
Спикером выступил:
Сергей Пузанков
Начал интересоваться веб-разработкой 13 лет назад. Создает интерфейсы Яндекса с 2008 года. Сейчас руководит группой разработки поисковых интерфейсов в Киевском офисе Яндекса.
Работал над такими сервисами как Поиск, Почта, Главная страница Яндекса, Новости, Поиск по Блогам, Помощь и др. Читает доклады в Школе Разработки Интерфейсов Яндекса и на различных конференциях по web- разработке.
Ответил на следующие вопросы:
1. Что такое Front-end?
2. Какие базовые технологии используются?
3. Почему же так классно быть фронтэндером?
"Web Vitals monitoring & optimizations", Erik HimiranovFwdays
Performance is one of the key factors in determining a product's user experience. It is very important that the site loads quickly, is responsive and interactive, and the content remains stable.
I want to share why you need to monitor application performance, talk about Web Vitals metrics and tools for measuring them.
I also want to tell you about examples of optimizations that can positively affect performance and what results it can bring.
Субъективная точка зрения на фронтенд разработку.
Площадка: IT-бар КЛЮЧ, https://vk.com/event69759919
Видео с доклада: https://www.youtube.com/watch?v=pyAYbbDJjPo
"AMP - технология на три буквы", Макс Фролов, MoscowJS 29MoscowJS
Для большинства пользователей мобильный интернет полон боли и страданий. При том что пользователей становится только больше — проблема не решается, а становится острее. Вас ожидает увлекательнейший доклад о том, как удалось разогнать до космической скорости мобильную Lenta.ru.
Спикер:
Илья Беланенко
SEO специалист в компании LUXEO
От спикера:
На вебинаре Вы узнаете полезные фишки для оптимизации скорости загрузки сайта и полезные сервисы для этого.
На вебинаре Вы узнаете:
- Краткая информация о загрузки сайта;
- Пункты по оптимизации загрузки сайта;
- Полезные сервисы для оптимизации загрузки сайта;
- Примеры влияния скорости загрузки на позиции сайта;
- Ответы на вопросы.
Данный вебинар будет интересен:
- Интернет-маркетологам;
- Владельцам бизнеса и руководителям;
- Начинающим специалистам.
--------------------------------------------
ПОДПИСЫВАЙТЕСЬ на канал WebPromoExperts! - http://bit.ly/YouTube_WPE
--------------------------------------------
- Еженедельный ДАЙДЖЕСТ (e-mail рассылка) - http://bit.ly/wpe-subs
- FACEBOOK: https://www.facebook.com/webpromoexperts
- Instagram: https://www.instagram.com/webpromoexperts/
- Telegram: https://t.me/webpromoexperts
- ВКонтакте: https://vk.com/webpromoexperts
--
Академии интернет-маркетинга WebPromoExperts http://bit.ly/site_wpe-academy
Блог Академии: http://bit.ly/blog_wpe-academy
--
Организатор: Агентство эффективного интернет-маркетинга WebPromo: http://www.web-promo.ua/
Какие проблемы решают инструменты статического анализа. Обзор фич и как они помогают писать код быстрее и лучше. Рассказ о перспективах развития Решарпера и разработки в целом.
Встреча "Front-end: на старт, внимание, разработка!", Сергей ПузанковGoIT
На долгожданной встрече 05.02.2015, посвященной Front-end-у участники:
• Узнали, с чего начинать новичкам Front-end разработки
• Поняли основы Front-end разработки
• Узнали о подводных камнях в данной IT-сферы
• Переняли опыт успехов и ошибок Front-end разработчиков из Яндекс и Terrasoft
• Получили информацию о возможностях карьерного роста в сфере.
Данную презентацию подготовил для нас:
Сергей Пузанков - обладает 13-летним опытом веб-разработки, с 2008 года руководит группой разработки поисковых интерфейсов в Яндексе.
В докладе пойдет речь о прогрессивных веб приложениях, подходе по улучшению пользовательского взаимодействия с мобильным вебом. Расскажу о том как обстоят дела с офлайном в 2016, как взаимодействовать с сервис воркерами и какие инструменты могут упростить жизнь разработчику. Поговорим о том, как PWA могут принести пользу бизнесу и сделать пользователя довольным.
Презентация доклада с Web Camp 2015 года.
История Push уведомлений. APNS и GCM.
Устройство и механика новых web push уведомлений.
Практическое руководство по созданию собственной системы push
Подготовили:
Лис Анастасия
Белоусова Анна
Ладутько Виктория
Лустенков Егор
ТОП-3:
1. Google Chrome
2. Mozilla Firefox
3. Opera
Ссылка на документ:
https://docs.google.com/spreadsheets/d/1HHCYtAqEWZEV3SY7ITmUgJgPK5kn20HWmkLxJToPwVI/edit#gid=1971600642
04.12.2014 состоялся вебинар, посвященный front-end разработке.
Спикером выступил:
Сергей Пузанков
Начал интересоваться веб-разработкой 13 лет назад. Создает интерфейсы Яндекса с 2008 года. Сейчас руководит группой разработки поисковых интерфейсов в Киевском офисе Яндекса.
Работал над такими сервисами как Поиск, Почта, Главная страница Яндекса, Новости, Поиск по Блогам, Помощь и др. Читает доклады в Школе Разработки Интерфейсов Яндекса и на различных конференциях по web- разработке.
Ответил на следующие вопросы:
1. Что такое Front-end?
2. Какие базовые технологии используются?
3. Почему же так классно быть фронтэндером?
"Web Vitals monitoring & optimizations", Erik HimiranovFwdays
Performance is one of the key factors in determining a product's user experience. It is very important that the site loads quickly, is responsive and interactive, and the content remains stable.
I want to share why you need to monitor application performance, talk about Web Vitals metrics and tools for measuring them.
I also want to tell you about examples of optimizations that can positively affect performance and what results it can bring.
Субъективная точка зрения на фронтенд разработку.
Площадка: IT-бар КЛЮЧ, https://vk.com/event69759919
Видео с доклада: https://www.youtube.com/watch?v=pyAYbbDJjPo
Изоморфные React-приложения производительность и масштабирование / Денис Изма...Ontico
Взглянем ещё раз на концепцию изоморфных приложений. На первый взгляд, всё красиво — полный порядок, высокая организованность, быстрая выдача результата. Но так ли всё оптимистично? Что случится после того, как мы развернём приложение на сервере? Почему при росте нагрузки наше React-приложение начинает тормозить? Как масштабироваться? Купить ещё несколько серверов? Потом ещё немного? Есть способ лучше.
В рамках доклада рассмотрим следующие темы:
1. Что представляют собой изоморфные приложения?
2. Зачем они на самом деле нужны?
3. Рассмотрим варианты архитектуры.
4. Найдём слабые места (bottleneck).
5. Посмотрим на способы решения и оценим их эффективность.
6. Обсудим возможности масштабирования изоморфных приложений.
7. И, самое главное, ответим на вопрос — стоит ли игра свеч?
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
Полмиллиона юзеров в онлайне без падений: оптимизация высоконагруженного se...Sergey Xek
Полмиллиона юзеров в онлайне без падений: оптимизация высоконагруженного server-side API десктопного приложения. Сергей Аверин, Badoo.
Доклад рассказывает о реально примененных способах оптимизации производительности API компании Badoo для собственных десктоп-приложений: как специфика «много постоянных соединений/однотипные запросы/большая нагрузка» повлияла на стратегию оптимизации производительности.
Что было сделано:
• Планирование архитектуры изначально (fault-tolerance, адаптивные апдейты и тайм-ауты, отказ от попыток восстановления после ошибок для единичных команд).
• Переехали с redis на handlersocket.
• Rate-limiting запросов к демонам.
• Синхронизация записей.
• Асинхронность.
• Записи при достижении порога изменения параметров.
• Профилирование кода, анализ потребления CPU, времени ответа.
• Статистика, статистика и еще раз статистика.
• Pconnect.
Доклад будет интересен:
• системным архитекторам,
• server-side разработчикам.
Отдаем страницы быстрее или как вписаться в требования GoogleIT61
Евгений Костенко, руководитель OSSHelp
ask@osshelp.ru
Почему Google навязывает ответ за 0.2 секунды
Что такое RTT, TTFB, waterfall и от чего зависит скорость
Шардинг vs HTTP/2, keepalive, CDN, тюнинг SSL и зачем все это
Оптимизация, мониторинг и поиск bottleneck’s
Вебинар по Frontend: Профессия Frontend разработчикаGoIT
28 июля Сергей Пузанков (Frontend Tech Lead @ Luxoft) в онлайн-режиме поведал об основах направления Frontend, особенностях профессии Frontend разработчика, инструментах и путях развития с "0" в web-разработке.
Разработка статических сайтов | Artem Daniliants | LumoSparkLumoSpark
Ведет: Artem Daniliants, генеральный директор LumoSpark Digital Agency, специалистом в области разработки сайтов и интернет-маркетинга с 11-летним опытом.
Язык вебинара: русский
Мы расскажем как сделать статический сайт, который:
- невозможно хакнуть;
- масштабируется под любое количество пользователей;
- может администрировать не технический специалисты так же легко и просто как и сайт на WordPress.
Мы решили разнообразить митапы практическими проверками знаний. Николай Птущук проводит викторину, которая состоит из несложных задачек на знание html, css, js. За правильный ответ можно было получить презент.
Использование Recoil в React и React Native приложениях | Odessa Frontend Mee...OdessaFrontend
Группа волонтеров по всему миру работает над React и React Native приложениями для ADHD America. В своей работе они используют Recoil — довольно новую библиотеку для работы с состоянием в Реакт приложениях. Сергей Журавель рассказывает почему они решили попробовать Recoil и показывает как использоватьт Recoil в React и React Native приложениях.
GatsbyJS считают убийцей WordPress и компилятором с кучей плюшек. Екатерина Шиповская рассматривает плюсы и минусы использования GatsbyJS. И помогает разобраться, так ли он хорош, и что делает его особенным.
Функциональное программирование с использованием библиотеки fp-ts | Odessa Fr...OdessaFrontend
Дмитрий Ховрич рассказывает как использовать строгую типизацию TypeScript и писать надёжный код в функциональном стиле. А также делится знаниями как использовать функторы и монады в ежедневной фронтенд разработке.
Canvas API как инструмент для работы с графикой | Odessa Frontend Meetup #18OdessaFrontend
Существует ряд инструментов для работы с графикой в Web, в том числе Canvas API. Он на первый взгляд простой и не разнообразный, но вполне позволяет создать полноценный мир, ограниченный только вашим воображением и количеством оперативной памяти. Андрей Федотюк знакомит с основными принципами, некоторыми фишками и рассказывает все от базовой геометрии до создания полноценной игры.
Мы решили разнообразить митапы практическими проверками знаний. Николай Птущук проводит викторину, которая состоит из несложных задачек на знание html, css, js. За правильный ответ можно будет получить презент.
Скомпилировалось — значит работает. К сожалению это выражение не про typescript. Кажется, что количество рантайм ошибок спровоцированных несоответствием типов должно стать меньше, однако компилятор ts не помогает разработчику писать качественный код, а наоборот поощряет использование грязных хаков. Филипп Сапронов рассказывает, как прекратить войну с компилятором и писать более надёжный код, используя всю мощь системы типов. Доклад будет интересен тем, кому ts кажется простым или наоборот сложным, а также тем, кто хочет научится понимать код тайпингов таких библиотек как lodash.
Частые ошибки при разработке фронтенда | Odessa Frontend Meetup #17OdessaFrontend
Если еще несколько лет назад фронтенд это часто был простой и понятный интерфейс между пользователем и бекендом, то на сегодняшний день с учетом обилия фреймворков, либ и все возможных новшеств, фронтенд уже можно считать полноценным отдельным приложение со своей логикой и множеством подводных камней именно по этом сегодня как никогда важно задумываться о том, а как обеспечить простой и понятный процесс тестирования вашего фронта?
Как сделать так чтоб покрытие авто тестами не стало для вас болью или не для вас, но всё еще болью? Дмитрий Хименес обращает ваше внимание на несколько простых моментов, которые стоит учитывать при разработке фронтенда, чтобы сохранить возможность безболезненно сопровождать его автотестами.
OAuth2 и OpenID Connect простым языком | Odessa Frontend Meetup #17OdessaFrontend
OAuth2 и OpenID — это протоколы для защиты данных. Многие современные приложения и веб-приложения используют их чтобы защитить данные, которые предоставляют их сервисы. Однако они сложны, а информация которая доступна о них в интернете, зачастую противоречива и содержит множество терминологии ,что еще больше усложняет их понимание. В своем докладе Юрий Юдкин рассказывает как эти протоколы устроены и для чего они используются, простыми и понятными словами.
Объекты в ECMAScript | Odessa Frontend Meetup #16OdessaFrontend
Обычно мы задаем объекты литерально, через пару фигурных скобок. С их помощью мы можем моделировать окружающую нас действительность и описывать её в коде. А чем лучше мы знаем этот инструмент, тем более удивительные вещи мы можем творить с его помощью. Барабанов Дмитрий рассматривает объект с точки зрения спецификации EcmaScript. Это дает новую информацию к размышлению: а почему те или иные вещи работают именно таким образом в JavaScript?
Фриланс как профессиональная деградация | Odessa Frontend Meetup #16OdessaFrontend
Волшебное слово «Фриланс». Свободный график, отсутствие привязки к локации и свобода передвижения это то, с чем ассоциируется фриланс в первую очередь. Но является ли фриланс достойной альтернативой классической офисной работе на самом деле или это попытка выдать желаемое за действительное? Можно ли быть успешным фрилансером и высоко квалифицированным специалистом? Константин Кулаксыз рассказывает честно и без прикрас про дикий мир фриланса.
Cлайдер на CSS | Odessa Frontend Meetup #16OdessaFrontend
На сегодняшний день сложно себе представить сайт, на котором не будет слайдера. И, для его подключения, используется JS код, а иногда еще и с дополнительной библиотекой. Но Влад Цугульский рассказывает как написать свой простой слайдер на чистом СSS и при этом не нагружая сайт лишним кодом.
5 мая 2012 года мы с Женей Батовским рассказали о том, какие инструменты используют фронтендеры Яндекса. Это было больше чем просто доклад.
Я рассказал о сборке и оптимизации кода, а это было ещё до появления гранта, галпа и вебпака. И почти все утилиты написали коллеги из Яндекса.
Женя рассказал о том, как можно на одном компе собрать все браузеры и установить несколько версий одного браузера.
Это было 8 лет назад, тогда ещё лидировал Firefox, мы работали в Яндексе и у меня были дреды :)
Мы решили разнообразить митапы практическими проверками знаний. Николай Птущук проводит викторину, которая состоит из несложных задачек на знание html, css, js. За правильный ответ можно было получить презент.
В один прекрасный солнечный день вы осознаете, что ваш Vuex store и ваши Vuex модули переполнены дублирующимся кодом асинхронных вызовов и мутаций. Михаил Фарапонов рассказывает как сделать так, чтобы этого не допустить.
В современном мире тяжело понять, какие изменения положительно скажутся на сайте/приложении, а какие ему только навредят. Для этого есть масса инструментов и один из них — A/Б тестирование. Что это такое? Как его использовать? И, самое главное, зачем? Об этом рассказывает Сергей Полющенков.
Пощупать 3д в браузере | Odessa Frontend Meetup #15OdessaFrontend
Веб технологии давно позволяют прикоснуться ко всем 3 измерениям в браузере используя WebGL, и для этого достаточно понять самые простые принципы трехмерной графики. Что такое геометрия и материал. Как WebGL взаимодействует с ДОМэлементами и его событиями. Простыми словами про это подробно рассказывает веб-слесарь Константин Плаксивый.
Мы решили разнообразить митапы практическими проверками знаний. Николай Птущук проводит викторину, которая состоит из несложных задачек. За правильный ответ можно было получить презент.
Мы решили разнообразить митапы практическими проверками знаний. Николай Птущук проводит викторину, которая состоит из несложных задачек. За правильный ответ можно было получить презент.
Структуры данных в JavaScript | Odessa Frontend Meetup #13OdessaFrontend
Алгоритмы и структуры данных — это фундаментальные основы в программировании. Но, при изучении JavaScript, на это не хватает времени. Прогрессивные фрейморки высокоуровнего языка богаты функциональностью и оптимизацией, но достаточно ли этого? Николай Громов рассказывает как он понял, что алгоритмы никуда не ушли и почему понадобились структуры данных, а так же сравнивает их производительность на JavaScript.
2. Немного обо мне
➔ 6 лет опыта в web разработке
➔ Почти 5 лет в KeepSolid
➔ 1 год руковожу лучшей командой Front End
➔ Имею опыт в Back End и немного в Android разработке
➔ Женат и есть прекрасная дочь
7. AMP
Преимущества:
- быстрый сайт без знаний оптимизации
- показ в карусели при поиске
- хорошо индексируется
- есть интеграция с популярными CMS
8. AMP
Недостатки:
- необходимость поддержки 2 версий сайта
- навязывание интернет гигантом
- жесткие ограничения
- не всегда сразу пройдешь валидацию
- не всегда быстрый…
* Я НЕ пропагандирую НЕ использовать AMP ;-)
9.
10.
11. В чем секрет AMP?
- минимум css(<50кб)
- минимум js
- оптимизация
- ленивая загрузка
- предварительная загрузка
- кеширование на стороне CDN (Google, Cloudflare, etc.)
всего по чуть-чуть
в AMP
15. Основные метрики
FCP(First Contentful Paint) - до первой порции отрендереного контента
FMP(First Meaningful Paint) - завершение рендеринга
FCI(First CPU Idle) - до первой интерактивности
Speed Index - показатель производительности загрузки страницы
Estimated Input Latency - скорость отклика
TTI(Time to Interactive) - до полной интерактивности
18. Найти слабые места
Обычно это:
- много jquery плагинов
- блокирующие запросы
- не используется ~90% загруженного CSS
- страшные селекторы (#main > div .col h1 > .simple span)
- многократная перезапись стилей
- плохо настроенный сервер
с кем не бывает...
19. Минимум css
- избегать большой вложенности
- избегать дублирования
- удалить лишнее
- минифицированный код
20. Минимум js
- Vanilla JS
- оптимизированный и минифицированный код
- асинхронная загрузка (async)
- загружать, то что сейчас необходимо
21. Оптимизация
- избегать сторонних шрифтов или оптимизировать их использование
- оптимизация изображений и видео(если есть)
- инлайн стилей в head
- минификация html
- минимум reflow и repaint
22. Ленивая загрузка
- для изображений
- для видео
- для iframe
Intersection Observer API идёт на помощь
только по необходимости