Velocity 2013 Conference개요

작성자: 황상철소속: SK Planet > CTO > SQE 팀작성일: 2013년7월15일

참가 목적빌드 & 배포 시스템에 대한 레퍼런스 및 관련 오픈소스 파악모니터링에 대한 레퍼런스 아키텍처 발굴모바일 배포에 대한 레퍼런스 및 아이디어운영에 대한 트렌드 파악성능에 대한 최신 정보 습득

Velocity 2013 컨퍼런스란?기간: 2013년 6월18일~20일장소: 산타클라라, 캘리포니아주최: 오렐리사이트: http://velocityconf.com/velocity2013/참가자 규모: 약 1800명구성: 튜토리얼, 세션, 부스 전시

컨퍼런스 요약'Building a Faster and Stronger Web'이라는 캐치프레이즈로 열린 본 컨퍼런스는 크게 3가지 주제를 다루고 있다.

모바일 성능: 네이티브웹,웹앱, 반응형 디자인, 모바일 앱 성능 측정 도구, 프레임워크 등운영: 모니터링, 지표, 설정관리, DevOps웹 성능: 최신 도구,기술, 성능 개선을 위한 경험 공유

대용량 환경에서 발생할 수 있는 성능이나 운영상의 문제를 어떻게 해결했는가에 대한 기술적인 내용들

관련 오픈소스, 상용도구, 자체 개발한 시스템에 대한 소개성능 개선이 비즈니스에 어떻게 도움이 되었는가에 대한 내용

Operations Level Uphttp://velocityconf.com/velocity2013/public/schedule/detail/28203

« ‹ › » 1 /123

Mwalls velocity levelup from Mandi WallsTopics

Tools for building operating system packages for your own deploymentsLog collection and aggregationMetrics, monitoring, and statisticsWorking with software development tools, version control, code reviewTesting methods, configuration management tools

Lessons and LearnedGit

Ops Identity Crisis: 저는 시스템 관리자라 코드를 못 짜는데요.Easy to do Right

Good Comment, Prc Commit Hook서버 설정등에 대한 테스트를 자동화하라.

Bring the Noise: Making Effective Use of a Quarter Million Metricshttp://velocityconf.com/velocity2013/public/schedule/detail/28177발표자료: https://speakerdeck.com/astanway/bring-the-noise-continuously-deploying-under-a-hailstorm-of-metricsTopics

Metric Overload: The situation which gave rise to the development of these tools and how we approached the problemSkyline: The architecture and algorithms we use for realtime anomaly detection on a massive scaleOculus: The architecture and algorithms we use to compute similarity and correlation across all of our metric data

Lessons and LearnedEtsy: http://www.etsy.com/

1.5 billion pv, 950 thousands usersContinuous Delivery30 deploy a day? Is that safe?실수를 기다리지 말고 문제를 미리 찾자Can't fix what you don't measure리얼타임으로 에러 로그를 분석해서 (잠재)에러를 찾는다.Kale: Skyline + OculusSkyline

A real time anomaly detection systemhttps://github.com/etsy/skyline

Oculus:anomaly correlation componenthttps://github.com/etsy/oculus

Realtime의 의미Graphite, Ganglia, RedisEuclidian Distance

Speeding Up Your Mobile HTML5 Experiencehttp://velocityconf.com/velocity2013/public/schedule/detail/28314발표자료: https://speakerdeck.com/firtman/speeding-up-your-mobile-html5-experienceTopics

CSS Sprites vs inline imagesAnimate 3D transforms for hardware accelerationApplication CacheDifferent viewport definitionsJavaScript frameworks usageWeb Storage vs. SQL Storage vs. IDBLarge DOM vs iframes vs object poolSVG vs high resolution canvasMouse vs. Touch/Pointer eventsAnimation Timing APIImages vs CSS3 effects and gradientsUsing HTML5 abilities to improve performance perception and responsiveness

Managing PostgreSQL with Ansible in EC2http://velocityconf.com/velocity2013/public/schedule/detail/28115Topics

Ansible: https://github.com/ansible/ansibleAnsible is a radically simple configuration-management, deployment, task-execution, and multinode orchestration framework.

Avoiding Performance Regression at Twitterhttp://velocityconf.com/velocity2013/public/schedule/detail/28455

« ‹ › » 1 /52

Velocity Conf 2013 Workshop: Avoiding Web Performance Regression from Marcel DuranTopics

YSlowWebPageTest

http://www.webpagetest.org/https://github.com/WPO-Foundation/webpagetest

Meet the Obama Campaign's $250 Million Fundraising Platformhttp://velocityconf.com/velocity2013/public/schedule/detail/28316

Videohttp://kylerush.net/blog/meet-the-obama-campaigns-250-million-fundraising-platform/Lesson and Learned

성능지표 vs 비즈니스

Is The Web Getting Faster?http://velocityconf.com/velocity2013/public/schedule/detail/30013

VideoLesson and Learned

과거에 비해 현재 웹 기술이 얼마나 빨라졌는가자바스크립트 20배

API Design Principles for Accelerated Developmenthttp://velocityconf.com/velocity2013/public/schedule/detail/31356

« ‹ › » 1 /27

API Design Principles for Accelerated Development from Jonathan LeBlanc

Optimizing the Critical Rendering Path for Instant Mobile Websites

http://velocityconf.com/velocity2013/public/schedule/detail/29616발표자료: https://docs.google.com/presentation/d/1IRHyU7_crIiCjl0Gvue0WY3eY_eYvFQvSfwQouW9368/present#slide=id.p19Lesson and Learned

네트워크 망 부터 확인하기 시작TCP 연결을 고려Critical Path를 찾아서 최적화http://modpagespeed.com/http://ngxpagespeed.com/ngx_pagespeed_example/

Increasing Speed To Market In Mobile Development Through ContinuousIntegration

http://velocityconf.com/velocity2013/public/schedule/detail/31073Lesson and Learned

모바일 배포 및 테스트 자동화실제 장비에 대한 배포

The Secret of Safe, Continuous Deployment: Perceptual Diffshttp://velocityconf.com/velocity2013/public/schedule/detail/28452발표자료:http://cdn.oreillystatic.com/en/assets/1/event/94/The%20Secret%20of%20Safe,%20Continuous%20Deployment_%20Perceptual%20Diffs%20Presentation%201.pdfLesson and Learned

How perceptual diffs make it safe for web-based softwareWhy it’s not safe in general to deploy on commitThe stumbling blocks we’ve hit and mistakes we’ve made

Lesson and LearnedPerceptual diffs are the best thing!과거 버전 스크린 샷과 새로운 버전의 대한 스크린 샷을 비교하는 방법색상은 빨간색으로 변환해서 비교한다.관련 오픈소스: https://github.com/bslatkin/dpxdt

The CSS and GPU Cheatsheethttp://velocityconf.com/velocity2013/public/schedule/detail/31377발표자료: http://cdn.oreillystatic.com/en/assets/1/event/94/The%20CSS%20and%20GPU%20Cheatsheet%20Presentation.pdfLesson and Learned

GPU + Layers = faster rendering

Too many layers = seriously bad time

Be aware of your CSS tags impact on CPU & GPU perf

Use tooling to show off how many layers you have

Building A Billion User Load Balancerhttp://velocityconf.com/velocity2013/public/schedule/detail/28410Topics

how facebook scales their load balancing infrastructure to support more than a billion users?Our Python decision engine is named Cartographer

Lesson and LearnedContext

일주일중에는 월요일이 피크하루중 11시와 3시가 피크타입존에 따라 하루중 피크타임이 달라진다.

Demo를 서울에서 오레곤으로 휴가를 오기위해 접속Scale Out

LB 레이어TCP 세션 레이어

도쿄에 프록시를 두고 미국서버에 접속할 필요없이 처리해서 성능을 올렸다Sonar를 활용해서 사용자 프록시에 히트하는지를 검사

Building A Performance Lab For Mobile Apps In A Dayhttp://velocityconf.com/velocity2013/public/schedule/detail/31041발표자료: http://www.slideshare.net/ashraymathur/velocity-building-a-performance-lab-for-mobile-apps-in-a-day-finalTopics

How to define and set baselinesPerformance metrics and instrumentationsHow to keep the performance optimized from code check-in to rollout

Internal Monitoring to identify problems and avoid regressionsReal User Monitoring to gauge customer experienceApp Crashes – How to detect and handle app crashes & memory leaksTools – Some very important tools that need to be in your toolboxPerceived Performance – Importance of adding performance in app design

Lesson and LearnedMetrics: Page Load Times, Network Metrices, Nav Timing Metrics, Server/Client Metrics3 Esstntial Steps

Mobile AutomationApp InstrumentationMobile Infrastructure

CILaunch Simulator and run tests

Selenium for native iOS apps: https://github.com/moredip/FrankStress/longevity testingInstrumentaion: https://github.com/lognormal/boomerang/Monitoring gc log, heap dumps(by MAT)

DevOps: It’s Not Just For WebOps And We Have The Metrics To Prove Ithttp://velocityconf.com/velocity2013/public/schedule/detail/28446