SlideShare a Scribd company logo
A Web
 Performance
Dashboard: Up
and Running in
  90 minutes
  flickr photo courtesy of purplemattfish
About Us
Cliff Crocker                  Aaron Kulick
• VP, Product Management       • Chief Performance Engineer
• SOASTA, Inc.                 • @WalmartLabs
• Performance monitoring,      • Founder of SFWebPerf.org
   evangelism, analytics and     meetup, WebPerfDays.org
   pho connoisseur               and lover of squirrels

@cliffcrocker                  @GoFastWeb
Images Provoke a Response
Foster a Sense of URGENCY!

Recommended for you

Velocity 2014 nyc WebPagetest private instances
Velocity 2014 nyc   WebPagetest private instancesVelocity 2014 nyc   WebPagetest private instances
Velocity 2014 nyc WebPagetest private instances

Presentation from Velocity NYC 2014 on setting up private WebPagetest instances Video: https://www.youtube.com/playlist?list=PLWa0Ky8nXQTaFXpT_YNvLElTEpHUyaZi4

CouchDB Google
CouchDB GoogleCouchDB Google
CouchDB Google

CouchDB is a document-oriented NoSQL database that uses JSON documents with schema-free design. It features a built-in map/reduce function for querying indexes, and uses HTTP for an API and replication. CouchDB is robust, scales well, and is designed for high availability through its append-only writing and multi-version concurrency control.

Converting Your Dev Environment to a Docker Stack - Cascadia
Converting Your Dev Environment to a Docker Stack - CascadiaConverting Your Dev Environment to a Docker Stack - Cascadia
Converting Your Dev Environment to a Docker Stack - Cascadia

The document discusses converting a development environment to a Docker stack. It describes some of the benefits of using Docker for consolidating different environments that may have varying PHP and MySQL versions. It provides an example docker-compose.yml file that defines services for Nginx, MySQL, and PHP-FPM containers along with networking and volume configurations. It also includes some sidebars on Docker concepts like the hierarchy of images, containers, services and stacks, as well as common Docker commands.

dockerdocker swarmphp
http://www.flickr.com/photos/barge/501363097
6/lightbox/




                                               Provide Reassurance - All is OK
Dashboards Should NOT Be Complicated




                                www.flickr.com
A Simple 3 Step Approach to Building a
              Dashboard
Step 1

identifying input & getting data

Recommended for you

Npm scripts
Npm scriptsNpm scripts
Npm scripts

This document discusses using NPM scripts as a build tool. It covers setting up scripts in the package.json file to automate common tasks like linting, testing, building assets, and running dev servers. Examples are provided of setting up scripts for CSS preprocessing, bundling JavaScript, running tests, and more for both AngularJS and React projects. Chaining, piping, and running tasks concurrently with NPM scripts is also covered.

The HTML5 WebSocket API
The HTML5 WebSocket APIThe HTML5 WebSocket API
The HTML5 WebSocket API

The HTML5 WebSocket API allows for true full-duplex communication between a client and server. It uses the WebSocket protocol which provides a standardized way for the client to "upgrade" an HTTP connection to a WebSocket connection, allowing for messages to be sent in either direction at any time with very little overhead. This enables real-time applications that were previously difficult to achieve with traditional HTTP requests. Common server implementations include Kaazing WebSocket Gateway, Jetty, and Node.js. The JavaScript API provides an easy way for clients to connect, send, and receive messages via a WebSocket connection.

sthlmwebmonkeyshtml5websocket
Node.js 기반 정적 페이지 블로그 엔진, 하루프레스
Node.js 기반 정적 페이지 블로그 엔진, 하루프레스Node.js 기반 정적 페이지 블로그 엔진, 하루프레스
Node.js 기반 정적 페이지 블로그 엔진, 하루프레스

PlayNode Conference 2012 (NodeConf 2012 in Korea) 에서 발표한 node.js 기반의 정적 페이지 블로그 엔진 하루프레스 하루프레스의 기능적인 특징, 철학 그리고 기술적인 특징을 통해 알아보는 개발 노하우에 대한 내용을 닮고 있습니다.

node.jsharoopressblog
9
How Most RUM Solutions Work
• Source external JS
• Instrument page with start/end timers and/or
  leverage navigation timing API
• Beacon containing timing data is fired at
  onload and sent to a beacon server
Getting Performance Data From Real
                Users
• Episodes
   – Some smart guy wrote this who knows something about
     web performance (Steve Souders)
• boomerang.js
   – Another smart guy wrote this (Phillip Tellis)
   – Extensible (custom API for passing data to beacon)
• ShowSlow
   – Yet another smart guy (Sergey Chernyshev – “mmm beacons”)
   – Crowdsourcing
• Roll your own
   – You can be the smart person to write this
W3C Navigation Timing




  http://www.w3.org/TR/navigation-timing/

Recommended for you

WebPagetest - Good, Bad & Ugly
WebPagetest - Good, Bad & UglyWebPagetest - Good, Bad & Ugly
WebPagetest - Good, Bad & Ugly

Presentation by @aaronpeters at Dutch Web Performance Meetup on August 22 2012. The presentation covers new stuff in WPT UI, the WPT API, scripting and hidden gems. Awesome tool, but also room for improvement.

web performance
Scalable talk notes
Scalable talk notesScalable talk notes
Scalable talk notes

This document summarizes techniques for building scalable websites with Perl, including caching whole pages, chunks of HTML/data, and using job queuing. Caching helps performance by reducing workload and scalability by lowering database load. Large sites like Yahoo cache aggressively. Job queuing prevents overloading resources and keeps websites responsive under high demand by lining requests up in a queue.

perl
Mobile web performance - MoDev East
Mobile web performance - MoDev EastMobile web performance - MoDev East
Mobile web performance - MoDev East

This document summarizes a presentation on high performance mobile web. The presentation covers: - Delivering fast mobile experiences by making fewer HTTP requests, using CDNs, browser prefetching, and other techniques. - Measuring web performance using Navigation Timing, Resource Timing, custom timing marks, and tools like WebPagetest and Google Analytics. - Typical mobile network performance statistics like average latency, download speeds, and how these numbers impact page load times.

mobile webwebperfweb performance
Today We are Using boomerang.js
• Steps:
  – Git:
       • https://github.com/lognormal/boomerang/
  – Include:
  <script src="/javascript/boomerang.js" type="text/javascript"></script>

  – Initialize:
  BOOMR.init({
         beacon_url: "http://beacons.yoursite.com/path/to/beacon.gif",
         site_domain: "yoursite.com”
  });
Today We are Using boomerang.js
             (continued)
• Steps:
  – Extend:

  BOOMR.addVar({
         var1: “bing",
         var2: “bang",
         var3: “boom”
  });

  BOOMR.plugins.RT.startTimer(“t_timer”);
     //some foo
  BOOMR.plugins.RT.endTimer(“t_timer”);
Ghetto-Fabulous
<script src="/javascript/boomerang.js" type="text/javascript"></script>




For the high-performance, non-blocking, self-updating version, see:


•http://www.stevesouders.com/blog/2012/05/22/self-updating-scripts/

•http://www.lognormal.com/blog/2012/06/05/updating-cached-boomerang/
Synthetic Data
•   Consistency
•   Object level detail
•   High signal to noise ratio
•   Instrumented real browsers

Recommended for you

Single page apps with drupal 7
Single page apps with drupal 7Single page apps with drupal 7
Single page apps with drupal 7

It's no denying that rich Javascript applications (sometimes called One Page Applications) are a big thing, but what if you want to leverage Drupal on the backend, or have an existing site? Tools like Angular.JS and EmberJS are great when you have an API, but Drupal 7 doesn't really have an API layer. I'll explore the parts of a one page application and how to integrate it into either an existing or a new Drupal site, and the pitfalls that one must watch out for.

single page appsangularjsangular
Scaling Django
Scaling DjangoScaling Django
Scaling Django

This document provides a summary of Mike Malone's talk on scaling Django web apps. It discusses how Pownce scaled to handle hundreds of requests per second and thousands of database operations per second while serving millions of users, relationships, notes, and terabytes of static data. It also covers some of the common bottlenecks Pownce encountered and eliminated in scaling their Django application, including using caching, load balancing, and queuing to improve performance and scalability.

powncescalingscalability
ApacheCon 2014 - What's New in Apache httpd 2.4
ApacheCon 2014 - What's New in Apache httpd 2.4ApacheCon 2014 - What's New in Apache httpd 2.4
ApacheCon 2014 - What's New in Apache httpd 2.4

The document summarizes new features in Apache HTTPD version 2.4, including improved performance through the Event MPM, faster APR, and reduced memory usage. It describes new configuration options like finer timeout controls and the <If> directive. New modules like mod_lua and mod_proxy submodules are highlighted. The document also discusses how Apache has adapted to cloud computing through dynamic proxying, load balancing, and self-aware environments.

apachehttpweb
Getting Synthetic Data
•   WebPagetest.org
•   REDbot.org
•   cURL
•   ShowSlow
•   PageSpeed Insights
•   GTmetrix.com
•   Vendor supported solutions
WebPagetest
• Steps:
  – Download:
     • https://sites.google.com/a/webpagetest.org/docs/priv
       ate-instances/releases
  – Configure:
     • https://sites.google.com/a/webpagetest.org/docs/priv
       ate-instances#TOC-Configuring
  – Automate:
     • Script foo
     • Bribe Patrick Meenan for an API key
Example: Walmart Competitive Index
• Ingredients:
  – URL file
  – Cron job
  – MySQL
  – Flot (javascript)
Example: Walmart Competitive Index
           (continued)

Recommended for you

Care and feeding notes
Care and feeding notesCare and feeding notes
Care and feeding notes

This document discusses how to maintain large web applications over time. It describes how the author's team managed a web application with over 65,000 lines of code and 6,000 automated tests over 2.5 years of development. Key aspects included packaging full releases, automating dependency installation, specifying supported environments, and automating data migrations during upgrades. The goal was to have a sustainable process that allowed for continuous development without slowing down due to maintenance issues.

perl
Apache httpd Reverse Proxy and Tomcat
Apache httpd Reverse Proxy and TomcatApache httpd Reverse Proxy and Tomcat
Apache httpd Reverse Proxy and Tomcat

Jim Jagielski discusses the Apache HTTPD v2.4 reverse proxy capabilities. Key points include: 1) Apache HTTPD v2.4 includes improvements that make it suitable for cloud environments and high performance as a reverse proxy, including support for asynchronous I/O and additional load balancing mechanisms. 2) As a reverse proxy, Apache HTTPD can provide security, load balancing, caching, and high availability for backend servers located behind the proxy. 3) Apache HTTPD v2.4's reverse proxy functionality includes support for additional protocols, load balancing algorithms, dynamic configuration, and HTTP/2.

httpdajphttp
ApacheConNA 2015: Apache httpd 2.4 Reverse Proxy
ApacheConNA 2015: Apache httpd 2.4 Reverse ProxyApacheConNA 2015: Apache httpd 2.4 Reverse Proxy
ApacheConNA 2015: Apache httpd 2.4 Reverse Proxy

Overview of the Enhanced Reverse Proxy features of Apache httpd 2.4, including dynamic control and cloud-based features.

apachewebserver
Analytics
• Conversion
   – Add to cart
   – Click
• Engagement
   – Bounce, exit, and entry
   – Time on page/site
• Demographics
   – Geography
   – Browser, device, OS, screen size
• Flow
   – Utilization
• SEO, SEM, and campaign effectiveness
   – A/B, MAB
Analytics
•   Piwik.org
•   Google Analytics
•   Log analysis (BFD)
•   Vendor supported solution
Piwik
• Steps:
  – Download:
     • http://www.piwik.org
  – Install:
     • MySQL
     • PHP
  – Instrument:
Piwik
                                         (continued)

<script type="text/javascript">
var pkBaseURL = (("https:" == document.location.protocol) ? "https://localhost/test/piwik/" :
"http://localhost/test/piwik/");
document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
BOOMR.subscribe ('before_beacon', function (o) {
try {
      var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 2);
      piwikTracker.setCustomVariable (1, "Page Load - sec", Math.ceil((o.t_done/1000)), "page");
      piwikTracker.setCustomVariable (2, "Page Processing - sec.", Math.ceil((o.t_page/1000)), "page");
      piwikTracker.setCustomVariable (3, "Response - sec", Math.ceil((o.t_resp/1000)), "page");
      piwikTracker.setCustomVariable (4, "Latency - msec", o.lat, "visit");
      piwikTracker.setCustomVariable (5, "Bandwidth - kbps", Math.ceil((o.bw/1024)), "visit");
      piwikTracker.trackPageView();
      piwikTracker.enableLinkTracking();
} catch( err ) {}
});
</script>

<noscript><p><img src="http://localhost/test/piwik/piwik.php?idsite=2" style="border:0" alt="" /></p></noscript>


                                                                                      *boomerang integration
                                                                                      **not like this!!

Recommended for you

cache concepts and varnish-cache
cache concepts and varnish-cachecache concepts and varnish-cache
cache concepts and varnish-cache

The document discusses cache concepts and the Varnish caching software. It provides an agenda that covers cache concepts like levels and types of caches as well as HTTP headers that help caching. It then covers Varnish, describing it as an HTTP accelerator, and discusses its process architecture, installation, basic configuration using VCL, backends, probes, directors, functions/subroutines, and tuning best practices.

varnish cache http
Advanced front-end automation with npm scripts
Advanced front-end automation with npm scriptsAdvanced front-end automation with npm scripts
Advanced front-end automation with npm scripts

This document discusses using npm scripts for front-end automation and builds. It argues that npm scripts provide a simple, cross-compatible way to automate tasks like bundling, transpiling, testing and deployment without additional build tools. Npm scripts take advantage of existing CLI tools and allow decomposing complex automation into simple, composable tasks through lifecycle scripts and npm-run-all. Some tradeoffs are less extensibility and ongoing challenges with cross-platform support, but the approach aims to provide simpler mental models than alternative build systems.

Making the web fast(er) - RailsConf 2012
Making the web fast(er) - RailsConf 2012Making the web fast(er) - RailsConf 2012
Making the web fast(er) - RailsConf 2012

Tips and trick from optimizing web page performance at Google.

pagespeednavigation timingchrome
Step 2

collecting, processing & storing data
How It Works
     boomerang.js -> StatsD -> Graphite
1.   JavaScript triggers image request
2.   Beacon server responds with 204 (no cache)
3.   StatsD aggregates metrics
4.   Graphite stores and provides UI
How It Works
     Script foo -> WebPagetest API -> MySQL
1.    wpt_batch.py – submit a batch job for processing
2.    WebPagetest API – run tests
3.    parse_xml.pl – parse XML response
4.    MySQL – store median results
5.    Piwik – CompWPT plugin displays results
Step 3

pulling it into a dashboard
 “Make Them Happy Trees”

Recommended for you

What is SEO? Grand Rapids HUG
What is SEO? Grand Rapids HUGWhat is SEO? Grand Rapids HUG
What is SEO? Grand Rapids HUG

Search engine optimization requires optimizing websites for mobile users and page speed, creating relevant high-quality content with internal and external links, and social sharing to build links and traffic. Proper onsite optimization and link building are important strategies to improve search rankings and drive traffic from search engines. Questions about SEO strategies and tactics can be directed to online marketing companies.

hughubspotseo
PageSpeed Optimization
PageSpeed OptimizationPageSpeed Optimization
PageSpeed Optimization

This document provides tips for optimizing a website to load pages faster. It recommends analyzing the site using Google PageSpeed Insights, optimizing images by using appropriate formats and sizing, leveraging browser caching by setting expiration dates, minifying files like CSS and JavaScript, and enabling gzip compression. The basic rules covered are optimizing images, using the correct order for stylesheets, scripts and inline JavaScript, leveraging browser caching, minifying files, and enabling gzip.

page speed optimizationhtmljavascript
How to increase profit through store benchmarking
How to increase profit through store benchmarkingHow to increase profit through store benchmarking
How to increase profit through store benchmarking

This document discusses how retailers can increase profits through store benchmarking and business intelligence (BI). It provides examples of how Scandinavian retailers use dashboards to monitor key performance indicators, benchmark stores, and motivate store managers through competition. The solution offers predefined analyses that store managers can access from their dashboards to understand reasons for performance and identify opportunities. Small changes across many stores can significantly impact overall profits.

Introducing our Sponsor

Sally Squirrel’s Dance Emporium
Demo
•   Demo Site
•   WebPagetest
•   REDbot
•   Graphite
•   WebPerf90 Dashboard - Piwik
Operational RUM
Where Should You Focus?

        stuff                      to
Bu ying                       ly           Pro
                         l ike f              ba
                       ss tuf
                     le s                   air bly o
                   ch uy
                  u b
                                               pla n a
                                                  ne n
                M




                                        yes, there are people
                                        here….

Recommended for you

Aldata Category Insights
Aldata Category InsightsAldata Category Insights
Aldata Category Insights

Aldata provides a category insights software tool that allows category teams to analyze category performance, evaluate factors influencing performance like price and promotions, model changes, and generate store planograms. The tool uses POS data, consumer data, and space data to provide dashboard-driven insights through benchmarks, questions, and trend analysis at different levels to identify distribution gaps and opportunities for categories.

AD113 Speed Up Your Applications w/ Nginx and PageSpeed
AD113  Speed Up Your Applications w/ Nginx and PageSpeedAD113  Speed Up Your Applications w/ Nginx and PageSpeed
AD113 Speed Up Your Applications w/ Nginx and PageSpeed

My slide deck from my session, AD113: Speed Up Your Applications with Nginx + PageSpeed, at MWLUG 2015 in Atlanta, GA at the Ritz-Carlton. For more, see: - https://edm00se.io/self-promotion/mwlug-ad113-success - https://github.com/edm00se/AD113-Speed-Up-Your-Apps-with-Nginx-and-PageSpeed

reverse proxynginxpagespeed
Walmart experience report agile india 2014
Walmart experience report agile india 2014Walmart experience report agile india 2014
Walmart experience report agile india 2014

This document summarizes Walmart's approach to agile development. It discusses how Walmart serves over 245 million customer visits per week with over 2.2 million associates across more than 10,800 retail units. It then outlines Walmart's focus on agile practices at the program, project, and individual level to improve delivery and learning in a way that aligns with their overall development lifecycle.

WebPagetest AIR
@patmeenan
“For the next ~3 hours, WebPagetest has a
Virgin in-flight wifi location available. Last
location in the list. #webperf”




                                                               @cliffcrocker
                                                               “@patmeenan > Holy
                                                               Slow! “




                  @patmeenan
                  “@cliffcrocker Yep - when it's even connecting.
                  Talk about a first-world problem.”
How Do You Optimize for the Given Distribution?


          Traditional WPO Techniques – 14+ Rules



              Advanced Optimization/Acceleration – Automated WPO



                                                   Prayer
Set Achievable SLAs
Find Your Own Meaningful Metric



          “Item Page – ‘page processing’ should be 18s or
          faster for 95% of users”
Validate With Analytics

Recommended for you

Walmart Advertising Report
Walmart Advertising ReportWalmart Advertising Report
Walmart Advertising Report

Here are the key demographics of the survey participants: - 73.5% of participants were female, 26.5% were male - 68% of participants were between the ages of 18-34 - The majority (73.5%) of participants were female - Most participants (68%) were between the ages of 18-34

planwalmartadvertising
Retail prices - Avoiding the race to the bottom - March 2016
Retail prices - Avoiding the race to the bottom - March 2016Retail prices - Avoiding the race to the bottom - March 2016
Retail prices - Avoiding the race to the bottom - March 2016

With online retailers taking an increasing market share across many home improvement categories, Steve examines whether price is now the only remaining tool with which retailers and suppliers alike can hope to grow their business'.

retailinsightperception
The Digital Customer Journey
The Digital Customer JourneyThe Digital Customer Journey
The Digital Customer Journey

This document discusses how technology and the internet have changed consumer behavior and decision making processes. Some key points: 1. The information phase of the consumer journey has become more important due to the ubiquitous availability of information online. Consumers now do extensive research online before making purchase decisions. 2. Marketers need to shift from "awareness advertising" to providing helpful information to consumers during their research phase through content marketing. 3. The experience of using a product is also more important as consumers share their opinions online. Marketers should build triggers to encourage positive word-of-mouth sharing of products. 4. Understanding consumer context is crucial to provide relevant information instead of interruptive advertising. Data needs

strategydigitalconversion
Acknowledgements




http://dl.dropbox.com/u/49030329/WebPerformanceDashboard90.ova
VM INSTRUCTIONS
Username:     webperfdash
Password: webperfdash

To start the Graphite, node beacon, StatsD, and REDbot log into the VM and execute the
following command as the ‘webperfdash’ user from the home directory:

     $ supervisord

The VM should just work (but you may need to disable USB 2.0 controller on import if you do
not have the Oracle VM VirtualBox Extensions, see website) in VirtualBox
which is available for free for Windows, OS X, or Linux.

If you get a USB 2.0 incompatibility error on start then you do not have the the above
extension installed and should disable USB when importing the appliance or via the settings
or install the extensions directly.

The VM has two NICs configured, the first is configured for NAT and the ports are already
forwarded. The second uses the HOST NETWORKING scheme (
http://www.virtualbox.org/manual/ch06.html#network_hostonly) which creates a private
network shared exclusively by the VM and the host (or any other addition hosts such as
WebPagetest workers).
Ports
Service               Port Number
SSH                   42222
Demo Site             40000
Graphite              49999
HAR Viewer            44444
REDbot                45555
WebPagetest           48888
ShowSlow              47777
boomerang.js Beacon   43000
Server
Piwik                 48080
Aaron & Cliff
         Office Hours
   Tuesday 3:50p -4:30p
Exhibit Hall – Office Hours ‘C’

Recommended for you

The Web Becomes Graceful
The Web Becomes GracefulThe Web Becomes Graceful
The Web Becomes Graceful

This document discusses web technologies including HTML5, JavaScript performance, and particle systems for animations. It provides links to articles about the WHATWG taking over stewardship of HTML from the W3C and renaming HTML5 to HTML. It also discusses techniques like just-in-time compilation that help improve JavaScript performance in browsers. Finally, it introduces the concept of a particle system for creating animations and effects with many individual points, and provides code for generating and updating particle objects in a simple system.

banquet
Velocity Report 2009
Velocity Report 2009Velocity Report 2009
Velocity Report 2009

This document summarizes Naoya Nakazawa's notes and presentation from the Velocity 2009 conference. The conference took place from June 22-24, 2009 in San Jose, CA at the Fairmont Hotel. It covered topics like infrastructure management with Puppet, Hadoop operations, scaling Twitter, and frontend performance at Facebook. Many talks discussed lessons learned from scaling sites like Flickr, Google, Facebook and Twitter to handle massive traffic. Overall the conference provided insights into building fast, scalable and efficient web applications and services.

oreillyvelocityconfvelocityconf09
Web Standards Support in WebKit
Web Standards Support in WebKitWeb Standards Support in WebKit
Web Standards Support in WebKit

This document summarizes Joone Hur's presentation on web standards support in WebKit. It discusses several new and emerging web APIs including custom protocol and content handlers, AddSearchProvider, Navigation Timing, device APIs for battery status, contacts, and media capture. It also covers the Unified Storage Quota API, Shadow DOM API, and notes that WebCL and WebKit2 have been added to Samsung and Nokia browsers.

webkit
WebPerfDays.org
Come by our booth!
We’re Hiring!

More Related Content

What's hot

Front end performance optimization
Front end performance optimizationFront end performance optimization
Front end performance optimization
Stevie T
 
Front end performance tip
Front end performance tipFront end performance tip
Front end performance tip
Steve Yu
 
Converting Your Dev Environment to a Docker Stack - php[world]
Converting Your Dev Environment to a Docker Stack - php[world]Converting Your Dev Environment to a Docker Stack - php[world]
Converting Your Dev Environment to a Docker Stack - php[world]
Dana Luther
 
Velocity 2014 nyc WebPagetest private instances
Velocity 2014 nyc   WebPagetest private instancesVelocity 2014 nyc   WebPagetest private instances
Velocity 2014 nyc WebPagetest private instances
Patrick Meenan
 
CouchDB Google
CouchDB GoogleCouchDB Google
CouchDB Google
Steve Souders
 
Converting Your Dev Environment to a Docker Stack - Cascadia
Converting Your Dev Environment to a Docker Stack - CascadiaConverting Your Dev Environment to a Docker Stack - Cascadia
Converting Your Dev Environment to a Docker Stack - Cascadia
Dana Luther
 
Npm scripts
Npm scriptsNpm scripts
Npm scripts
정윤 김
 
The HTML5 WebSocket API
The HTML5 WebSocket APIThe HTML5 WebSocket API
The HTML5 WebSocket API
David Lindkvist
 
Node.js 기반 정적 페이지 블로그 엔진, 하루프레스
Node.js 기반 정적 페이지 블로그 엔진, 하루프레스Node.js 기반 정적 페이지 블로그 엔진, 하루프레스
Node.js 기반 정적 페이지 블로그 엔진, 하루프레스
Rhio Kim
 
WebPagetest - Good, Bad & Ugly
WebPagetest - Good, Bad & UglyWebPagetest - Good, Bad & Ugly
WebPagetest - Good, Bad & Ugly
Aaron Peters
 
Scalable talk notes
Scalable talk notesScalable talk notes
Scalable talk notes
Perrin Harkins
 
Mobile web performance - MoDev East
Mobile web performance - MoDev EastMobile web performance - MoDev East
Mobile web performance - MoDev East
Patrick Meenan
 
Single page apps with drupal 7
Single page apps with drupal 7Single page apps with drupal 7
Single page apps with drupal 7
Chris Tankersley
 
Scaling Django
Scaling DjangoScaling Django
Scaling Django
Mike Malone
 
ApacheCon 2014 - What's New in Apache httpd 2.4
ApacheCon 2014 - What's New in Apache httpd 2.4ApacheCon 2014 - What's New in Apache httpd 2.4
ApacheCon 2014 - What's New in Apache httpd 2.4
Jim Jagielski
 
Care and feeding notes
Care and feeding notesCare and feeding notes
Care and feeding notes
Perrin Harkins
 
Apache httpd Reverse Proxy and Tomcat
Apache httpd Reverse Proxy and TomcatApache httpd Reverse Proxy and Tomcat
Apache httpd Reverse Proxy and Tomcat
Jim Jagielski
 
ApacheConNA 2015: Apache httpd 2.4 Reverse Proxy
ApacheConNA 2015: Apache httpd 2.4 Reverse ProxyApacheConNA 2015: Apache httpd 2.4 Reverse Proxy
ApacheConNA 2015: Apache httpd 2.4 Reverse Proxy
Jim Jagielski
 
cache concepts and varnish-cache
cache concepts and varnish-cachecache concepts and varnish-cache
cache concepts and varnish-cache
Marc Cortinas Val
 
Advanced front-end automation with npm scripts
Advanced front-end automation with npm scriptsAdvanced front-end automation with npm scripts
Advanced front-end automation with npm scripts
k88hudson
 

What's hot (20)

Front end performance optimization
Front end performance optimizationFront end performance optimization
Front end performance optimization
 
Front end performance tip
Front end performance tipFront end performance tip
Front end performance tip
 
Converting Your Dev Environment to a Docker Stack - php[world]
Converting Your Dev Environment to a Docker Stack - php[world]Converting Your Dev Environment to a Docker Stack - php[world]
Converting Your Dev Environment to a Docker Stack - php[world]
 
Velocity 2014 nyc WebPagetest private instances
Velocity 2014 nyc   WebPagetest private instancesVelocity 2014 nyc   WebPagetest private instances
Velocity 2014 nyc WebPagetest private instances
 
CouchDB Google
CouchDB GoogleCouchDB Google
CouchDB Google
 
Converting Your Dev Environment to a Docker Stack - Cascadia
Converting Your Dev Environment to a Docker Stack - CascadiaConverting Your Dev Environment to a Docker Stack - Cascadia
Converting Your Dev Environment to a Docker Stack - Cascadia
 
Npm scripts
Npm scriptsNpm scripts
Npm scripts
 
The HTML5 WebSocket API
The HTML5 WebSocket APIThe HTML5 WebSocket API
The HTML5 WebSocket API
 
Node.js 기반 정적 페이지 블로그 엔진, 하루프레스
Node.js 기반 정적 페이지 블로그 엔진, 하루프레스Node.js 기반 정적 페이지 블로그 엔진, 하루프레스
Node.js 기반 정적 페이지 블로그 엔진, 하루프레스
 
WebPagetest - Good, Bad & Ugly
WebPagetest - Good, Bad & UglyWebPagetest - Good, Bad & Ugly
WebPagetest - Good, Bad & Ugly
 
Scalable talk notes
Scalable talk notesScalable talk notes
Scalable talk notes
 
Mobile web performance - MoDev East
Mobile web performance - MoDev EastMobile web performance - MoDev East
Mobile web performance - MoDev East
 
Single page apps with drupal 7
Single page apps with drupal 7Single page apps with drupal 7
Single page apps with drupal 7
 
Scaling Django
Scaling DjangoScaling Django
Scaling Django
 
ApacheCon 2014 - What's New in Apache httpd 2.4
ApacheCon 2014 - What's New in Apache httpd 2.4ApacheCon 2014 - What's New in Apache httpd 2.4
ApacheCon 2014 - What's New in Apache httpd 2.4
 
Care and feeding notes
Care and feeding notesCare and feeding notes
Care and feeding notes
 
Apache httpd Reverse Proxy and Tomcat
Apache httpd Reverse Proxy and TomcatApache httpd Reverse Proxy and Tomcat
Apache httpd Reverse Proxy and Tomcat
 
ApacheConNA 2015: Apache httpd 2.4 Reverse Proxy
ApacheConNA 2015: Apache httpd 2.4 Reverse ProxyApacheConNA 2015: Apache httpd 2.4 Reverse Proxy
ApacheConNA 2015: Apache httpd 2.4 Reverse Proxy
 
cache concepts and varnish-cache
cache concepts and varnish-cachecache concepts and varnish-cache
cache concepts and varnish-cache
 
Advanced front-end automation with npm scripts
Advanced front-end automation with npm scriptsAdvanced front-end automation with npm scripts
Advanced front-end automation with npm scripts
 

Viewers also liked

Making the web fast(er) - RailsConf 2012
Making the web fast(er) - RailsConf 2012Making the web fast(er) - RailsConf 2012
Making the web fast(er) - RailsConf 2012
Ilya Grigorik
 
What is SEO? Grand Rapids HUG
What is SEO? Grand Rapids HUGWhat is SEO? Grand Rapids HUG
What is SEO? Grand Rapids HUG
Kevin Dean
 
PageSpeed Optimization
PageSpeed OptimizationPageSpeed Optimization
PageSpeed Optimization
Shweta Patel
 
How to increase profit through store benchmarking
How to increase profit through store benchmarkingHow to increase profit through store benchmarking
How to increase profit through store benchmarking
StrongPoint Baltics
 
Aldata Category Insights
Aldata Category InsightsAldata Category Insights
Aldata Category Insights
Aldata - Now Symphony EYC
 
AD113 Speed Up Your Applications w/ Nginx and PageSpeed
AD113  Speed Up Your Applications w/ Nginx and PageSpeedAD113  Speed Up Your Applications w/ Nginx and PageSpeed
AD113 Speed Up Your Applications w/ Nginx and PageSpeed
edm00se
 
Walmart experience report agile india 2014
Walmart experience report agile india 2014Walmart experience report agile india 2014
Walmart experience report agile india 2014
Bhavin Kamani
 
Walmart Advertising Report
Walmart Advertising ReportWalmart Advertising Report
Walmart Advertising Report
Colin Parajon
 
Retail prices - Avoiding the race to the bottom - March 2016
Retail prices - Avoiding the race to the bottom - March 2016Retail prices - Avoiding the race to the bottom - March 2016
Retail prices - Avoiding the race to the bottom - March 2016
Insight Retail Group Ltd
 
The Digital Customer Journey
The Digital Customer JourneyThe Digital Customer Journey
The Digital Customer Journey
Bart De Waele
 

Viewers also liked (10)

Making the web fast(er) - RailsConf 2012
Making the web fast(er) - RailsConf 2012Making the web fast(er) - RailsConf 2012
Making the web fast(er) - RailsConf 2012
 
What is SEO? Grand Rapids HUG
What is SEO? Grand Rapids HUGWhat is SEO? Grand Rapids HUG
What is SEO? Grand Rapids HUG
 
PageSpeed Optimization
PageSpeed OptimizationPageSpeed Optimization
PageSpeed Optimization
 
How to increase profit through store benchmarking
How to increase profit through store benchmarkingHow to increase profit through store benchmarking
How to increase profit through store benchmarking
 
Aldata Category Insights
Aldata Category InsightsAldata Category Insights
Aldata Category Insights
 
AD113 Speed Up Your Applications w/ Nginx and PageSpeed
AD113  Speed Up Your Applications w/ Nginx and PageSpeedAD113  Speed Up Your Applications w/ Nginx and PageSpeed
AD113 Speed Up Your Applications w/ Nginx and PageSpeed
 
Walmart experience report agile india 2014
Walmart experience report agile india 2014Walmart experience report agile india 2014
Walmart experience report agile india 2014
 
Walmart Advertising Report
Walmart Advertising ReportWalmart Advertising Report
Walmart Advertising Report
 
Retail prices - Avoiding the race to the bottom - March 2016
Retail prices - Avoiding the race to the bottom - March 2016Retail prices - Avoiding the race to the bottom - March 2016
Retail prices - Avoiding the race to the bottom - March 2016
 
The Digital Customer Journey
The Digital Customer JourneyThe Digital Customer Journey
The Digital Customer Journey
 

Similar to A web perf dashboard up & running in 90 minutes presentation

The Web Becomes Graceful
The Web Becomes GracefulThe Web Becomes Graceful
The Web Becomes Graceful
colorhook
 
Velocity Report 2009
Velocity Report 2009Velocity Report 2009
Velocity Report 2009
Naoya Nakazawa
 
Web Standards Support in WebKit
Web Standards Support in WebKitWeb Standards Support in WebKit
Web Standards Support in WebKit
Joone Hur
 
Behavior Driven Development and Automation Testing Using Cucumber
Behavior Driven Development and Automation Testing Using CucumberBehavior Driven Development and Automation Testing Using Cucumber
Behavior Driven Development and Automation Testing Using Cucumber
KMS Technology
 
EscConf - Deep Dive Frontend Optimization
EscConf - Deep Dive Frontend OptimizationEscConf - Deep Dive Frontend Optimization
EscConf - Deep Dive Frontend Optimization
Jonathan Klein
 
HTML5
HTML5HTML5
SenchaCon 2016: A Look Ahead: Survey Next-Gen Modern Browser APIs - Shikhir S...
SenchaCon 2016: A Look Ahead: Survey Next-Gen Modern Browser APIs - Shikhir S...SenchaCon 2016: A Look Ahead: Survey Next-Gen Modern Browser APIs - Shikhir S...
SenchaCon 2016: A Look Ahead: Survey Next-Gen Modern Browser APIs - Shikhir S...
Sencha
 
Northeast PHP - High Performance PHP
Northeast PHP - High Performance PHPNortheast PHP - High Performance PHP
Northeast PHP - High Performance PHP
Jonathan Klein
 
腾讯大讲堂09 如何建设高性能网站
腾讯大讲堂09 如何建设高性能网站腾讯大讲堂09 如何建设高性能网站
腾讯大讲堂09 如何建设高性能网站
areyouok
 
腾讯大讲堂09 如何建设高性能网站
腾讯大讲堂09 如何建设高性能网站腾讯大讲堂09 如何建设高性能网站
腾讯大讲堂09 如何建设高性能网站
topgeek
 
VorlonJS
VorlonJSVorlonJS
VorlonJS
Fabrício Catae
 
(WEB301) Operational Web Log Analysis | AWS re:Invent 2014
(WEB301) Operational Web Log Analysis | AWS re:Invent 2014(WEB301) Operational Web Log Analysis | AWS re:Invent 2014
(WEB301) Operational Web Log Analysis | AWS re:Invent 2014
Amazon Web Services
 
vodQA Pune (2019) - Browser automation using dev tools
vodQA Pune (2019) - Browser automation using dev toolsvodQA Pune (2019) - Browser automation using dev tools
vodQA Pune (2019) - Browser automation using dev tools
vodQA
 
Forensic tools for in-depth performance investigations
Forensic tools for in-depth performance investigations Forensic tools for in-depth performance investigations
Forensic tools for in-depth performance investigations
SOASTA
 
[convergese] Adaptive Images in Responsive Web Design
[convergese] Adaptive Images in Responsive Web Design[convergese] Adaptive Images in Responsive Web Design
[convergese] Adaptive Images in Responsive Web Design
Christopher Schmitt
 
GDD Japan 2009 - Designing OpenSocial Apps For Speed and Scale
GDD Japan 2009 - Designing OpenSocial Apps For Speed and ScaleGDD Japan 2009 - Designing OpenSocial Apps For Speed and Scale
GDD Japan 2009 - Designing OpenSocial Apps For Speed and Scale
Patrick Chanezon
 
What is Nginx and Why You Should to Use it with Wordpress Hosting
What is Nginx and Why You Should to Use it with Wordpress HostingWhat is Nginx and Why You Should to Use it with Wordpress Hosting
What is Nginx and Why You Should to Use it with Wordpress Hosting
WPSFO Meetup Group
 
CIRCUIT 2015 - Monitoring AEM
CIRCUIT 2015 - Monitoring AEMCIRCUIT 2015 - Monitoring AEM
CIRCUIT 2015 - Monitoring AEM
ICF CIRCUIT
 
Web Unleashed '19 - Measuring the Adoption of Web Performance Techniques
Web Unleashed '19 - Measuring the Adoption of Web Performance TechniquesWeb Unleashed '19 - Measuring the Adoption of Web Performance Techniques
Web Unleashed '19 - Measuring the Adoption of Web Performance Techniques
Paul Calvano
 
Puppet Camp Melbourne Nov 2014 - A Build Engineering Team’s Journey of Infras...
Puppet Camp Melbourne Nov 2014 - A Build Engineering Team’s Journey of Infras...Puppet Camp Melbourne Nov 2014 - A Build Engineering Team’s Journey of Infras...
Puppet Camp Melbourne Nov 2014 - A Build Engineering Team’s Journey of Infras...
Peter Leschev
 

Similar to A web perf dashboard up & running in 90 minutes presentation (20)

The Web Becomes Graceful
The Web Becomes GracefulThe Web Becomes Graceful
The Web Becomes Graceful
 
Velocity Report 2009
Velocity Report 2009Velocity Report 2009
Velocity Report 2009
 
Web Standards Support in WebKit
Web Standards Support in WebKitWeb Standards Support in WebKit
Web Standards Support in WebKit
 
Behavior Driven Development and Automation Testing Using Cucumber
Behavior Driven Development and Automation Testing Using CucumberBehavior Driven Development and Automation Testing Using Cucumber
Behavior Driven Development and Automation Testing Using Cucumber
 
EscConf - Deep Dive Frontend Optimization
EscConf - Deep Dive Frontend OptimizationEscConf - Deep Dive Frontend Optimization
EscConf - Deep Dive Frontend Optimization
 
HTML5
HTML5HTML5
HTML5
 
SenchaCon 2016: A Look Ahead: Survey Next-Gen Modern Browser APIs - Shikhir S...
SenchaCon 2016: A Look Ahead: Survey Next-Gen Modern Browser APIs - Shikhir S...SenchaCon 2016: A Look Ahead: Survey Next-Gen Modern Browser APIs - Shikhir S...
SenchaCon 2016: A Look Ahead: Survey Next-Gen Modern Browser APIs - Shikhir S...
 
Northeast PHP - High Performance PHP
Northeast PHP - High Performance PHPNortheast PHP - High Performance PHP
Northeast PHP - High Performance PHP
 
腾讯大讲堂09 如何建设高性能网站
腾讯大讲堂09 如何建设高性能网站腾讯大讲堂09 如何建设高性能网站
腾讯大讲堂09 如何建设高性能网站
 
腾讯大讲堂09 如何建设高性能网站
腾讯大讲堂09 如何建设高性能网站腾讯大讲堂09 如何建设高性能网站
腾讯大讲堂09 如何建设高性能网站
 
VorlonJS
VorlonJSVorlonJS
VorlonJS
 
(WEB301) Operational Web Log Analysis | AWS re:Invent 2014
(WEB301) Operational Web Log Analysis | AWS re:Invent 2014(WEB301) Operational Web Log Analysis | AWS re:Invent 2014
(WEB301) Operational Web Log Analysis | AWS re:Invent 2014
 
vodQA Pune (2019) - Browser automation using dev tools
vodQA Pune (2019) - Browser automation using dev toolsvodQA Pune (2019) - Browser automation using dev tools
vodQA Pune (2019) - Browser automation using dev tools
 
Forensic tools for in-depth performance investigations
Forensic tools for in-depth performance investigations Forensic tools for in-depth performance investigations
Forensic tools for in-depth performance investigations
 
[convergese] Adaptive Images in Responsive Web Design
[convergese] Adaptive Images in Responsive Web Design[convergese] Adaptive Images in Responsive Web Design
[convergese] Adaptive Images in Responsive Web Design
 
GDD Japan 2009 - Designing OpenSocial Apps For Speed and Scale
GDD Japan 2009 - Designing OpenSocial Apps For Speed and ScaleGDD Japan 2009 - Designing OpenSocial Apps For Speed and Scale
GDD Japan 2009 - Designing OpenSocial Apps For Speed and Scale
 
What is Nginx and Why You Should to Use it with Wordpress Hosting
What is Nginx and Why You Should to Use it with Wordpress HostingWhat is Nginx and Why You Should to Use it with Wordpress Hosting
What is Nginx and Why You Should to Use it with Wordpress Hosting
 
CIRCUIT 2015 - Monitoring AEM
CIRCUIT 2015 - Monitoring AEMCIRCUIT 2015 - Monitoring AEM
CIRCUIT 2015 - Monitoring AEM
 
Web Unleashed '19 - Measuring the Adoption of Web Performance Techniques
Web Unleashed '19 - Measuring the Adoption of Web Performance TechniquesWeb Unleashed '19 - Measuring the Adoption of Web Performance Techniques
Web Unleashed '19 - Measuring the Adoption of Web Performance Techniques
 
Puppet Camp Melbourne Nov 2014 - A Build Engineering Team’s Journey of Infras...
Puppet Camp Melbourne Nov 2014 - A Build Engineering Team’s Journey of Infras...Puppet Camp Melbourne Nov 2014 - A Build Engineering Team’s Journey of Infras...
Puppet Camp Melbourne Nov 2014 - A Build Engineering Team’s Journey of Infras...
 

More from Justin Dorfman

Open Source CDNs | LAWebSpeed April 29th 2014
Open Source CDNs | LAWebSpeed April 29th 2014Open Source CDNs | LAWebSpeed April 29th 2014
Open Source CDNs | LAWebSpeed April 29th 2014
Justin Dorfman
 
Wisdom of the crowd gathering insights from real user monitoring presentation
Wisdom of the crowd gathering insights from real user monitoring presentationWisdom of the crowd gathering insights from real user monitoring presentation
Wisdom of the crowd gathering insights from real user monitoring presentation
Justin Dorfman
 
Solving the hard problems of user experience management presentation
Solving the hard problems of user experience management presentationSolving the hard problems of user experience management presentation
Solving the hard problems of user experience management presentation
Justin Dorfman
 
Preview toward agile APM at Intel presentation
Preview toward agile APM at Intel presentationPreview toward agile APM at Intel presentation
Preview toward agile APM at Intel presentation
Justin Dorfman
 
Predicting user activity to make the web fast presentation
Predicting user activity to make the web fast presentationPredicting user activity to make the web fast presentation
Predicting user activity to make the web fast presentation
Justin Dorfman
 
One millions users vs your web application mega testing cloud applications pr...
One millions users vs your web application mega testing cloud applications pr...One millions users vs your web application mega testing cloud applications pr...
One millions users vs your web application mega testing cloud applications pr...
Justin Dorfman
 
Develop, deploy and manage tomorrow’s applications…today presentation 1
Develop, deploy and manage tomorrow’s applications…today presentation 1Develop, deploy and manage tomorrow’s applications…today presentation 1
Develop, deploy and manage tomorrow’s applications…today presentation 1
Justin Dorfman
 
Broadening the user perspective – from network latency to user experience tim...
Broadening the user perspective – from network latency to user experience tim...Broadening the user perspective – from network latency to user experience tim...
Broadening the user perspective – from network latency to user experience tim...
Justin Dorfman
 
Akamai internet insights
Akamai internet insightsAkamai internet insights
Akamai internet insights
Justin Dorfman
 
A new era at GoDaddy.com presentation
A new era at GoDaddy.com presentationA new era at GoDaddy.com presentation
A new era at GoDaddy.com presentation
Justin Dorfman
 
Understanding hardware acceleration on mobile browsers presentation
Understanding hardware acceleration on mobile browsers presentationUnderstanding hardware acceleration on mobile browsers presentation
Understanding hardware acceleration on mobile browsers presentation
Justin Dorfman
 
Michelin starred cooking with chef presentation
Michelin starred cooking with chef presentationMichelin starred cooking with chef presentation
Michelin starred cooking with chef presentation
Justin Dorfman
 
Benchmarks, performance, scalability, and capacity what's behind the numbers
Benchmarks, performance, scalability, and capacity what's behind the numbersBenchmarks, performance, scalability, and capacity what's behind the numbers
Benchmarks, performance, scalability, and capacity what's behind the numbers
Justin Dorfman
 
Abuse prevention in the globally distributed economy presentation
Abuse prevention in the globally distributed economy presentationAbuse prevention in the globally distributed economy presentation
Abuse prevention in the globally distributed economy presentation
Justin Dorfman
 
Stability patterns presentation
Stability patterns presentationStability patterns presentation
Stability patterns presentation
Justin Dorfman
 
WordPress Optimization - WordCampLA 09-10-11
WordPress Optimization - WordCampLA 09-10-11WordPress Optimization - WordCampLA 09-10-11
WordPress Optimization - WordCampLA 09-10-11
Justin Dorfman
 

More from Justin Dorfman (16)

Open Source CDNs | LAWebSpeed April 29th 2014
Open Source CDNs | LAWebSpeed April 29th 2014Open Source CDNs | LAWebSpeed April 29th 2014
Open Source CDNs | LAWebSpeed April 29th 2014
 
Wisdom of the crowd gathering insights from real user monitoring presentation
Wisdom of the crowd gathering insights from real user monitoring presentationWisdom of the crowd gathering insights from real user monitoring presentation
Wisdom of the crowd gathering insights from real user monitoring presentation
 
Solving the hard problems of user experience management presentation
Solving the hard problems of user experience management presentationSolving the hard problems of user experience management presentation
Solving the hard problems of user experience management presentation
 
Preview toward agile APM at Intel presentation
Preview toward agile APM at Intel presentationPreview toward agile APM at Intel presentation
Preview toward agile APM at Intel presentation
 
Predicting user activity to make the web fast presentation
Predicting user activity to make the web fast presentationPredicting user activity to make the web fast presentation
Predicting user activity to make the web fast presentation
 
One millions users vs your web application mega testing cloud applications pr...
One millions users vs your web application mega testing cloud applications pr...One millions users vs your web application mega testing cloud applications pr...
One millions users vs your web application mega testing cloud applications pr...
 
Develop, deploy and manage tomorrow’s applications…today presentation 1
Develop, deploy and manage tomorrow’s applications…today presentation 1Develop, deploy and manage tomorrow’s applications…today presentation 1
Develop, deploy and manage tomorrow’s applications…today presentation 1
 
Broadening the user perspective – from network latency to user experience tim...
Broadening the user perspective – from network latency to user experience tim...Broadening the user perspective – from network latency to user experience tim...
Broadening the user perspective – from network latency to user experience tim...
 
Akamai internet insights
Akamai internet insightsAkamai internet insights
Akamai internet insights
 
A new era at GoDaddy.com presentation
A new era at GoDaddy.com presentationA new era at GoDaddy.com presentation
A new era at GoDaddy.com presentation
 
Understanding hardware acceleration on mobile browsers presentation
Understanding hardware acceleration on mobile browsers presentationUnderstanding hardware acceleration on mobile browsers presentation
Understanding hardware acceleration on mobile browsers presentation
 
Michelin starred cooking with chef presentation
Michelin starred cooking with chef presentationMichelin starred cooking with chef presentation
Michelin starred cooking with chef presentation
 
Benchmarks, performance, scalability, and capacity what's behind the numbers
Benchmarks, performance, scalability, and capacity what's behind the numbersBenchmarks, performance, scalability, and capacity what's behind the numbers
Benchmarks, performance, scalability, and capacity what's behind the numbers
 
Abuse prevention in the globally distributed economy presentation
Abuse prevention in the globally distributed economy presentationAbuse prevention in the globally distributed economy presentation
Abuse prevention in the globally distributed economy presentation
 
Stability patterns presentation
Stability patterns presentationStability patterns presentation
Stability patterns presentation
 
WordPress Optimization - WordCampLA 09-10-11
WordPress Optimization - WordCampLA 09-10-11WordPress Optimization - WordCampLA 09-10-11
WordPress Optimization - WordCampLA 09-10-11
 

Recently uploaded

RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptxRPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
SynapseIndia
 
Quality Patents: Patents That Stand the Test of Time
Quality Patents: Patents That Stand the Test of TimeQuality Patents: Patents That Stand the Test of Time
Quality Patents: Patents That Stand the Test of Time
Aurora Consulting
 
Pigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdfPigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdf
Pigging Solutions
 
Manual | Product | Research Presentation
Manual | Product | Research PresentationManual | Product | Research Presentation
Manual | Product | Research Presentation
welrejdoall
 
Best Programming Language for Civil Engineers
Best Programming Language for Civil EngineersBest Programming Language for Civil Engineers
Best Programming Language for Civil Engineers
Awais Yaseen
 
UiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs ConferenceUiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs Conference
UiPathCommunity
 
20240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 202420240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 2024
Matthew Sinclair
 
20240702 QFM021 Machine Intelligence Reading List June 2024
20240702 QFM021 Machine Intelligence Reading List June 202420240702 QFM021 Machine Intelligence Reading List June 2024
20240702 QFM021 Machine Intelligence Reading List June 2024
Matthew Sinclair
 
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly DetectionAdvanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
Bert Blevins
 
Calgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptxCalgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptx
ishalveerrandhawa1
 
What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024
Stephanie Beckett
 
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdfWhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
ArgaBisma
 
find out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challengesfind out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challenges
huseindihon
 
WPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide DeckWPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide Deck
Lidia A.
 
Measuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at TwitterMeasuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at Twitter
ScyllaDB
 
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Bert Blevins
 
Implementations of Fused Deposition Modeling in real world
Implementations of Fused Deposition Modeling  in real worldImplementations of Fused Deposition Modeling  in real world
Implementations of Fused Deposition Modeling in real world
Emerging Tech
 
DealBook of Ukraine: 2024 edition
DealBook of Ukraine: 2024 editionDealBook of Ukraine: 2024 edition
DealBook of Ukraine: 2024 edition
Yevgen Sysoyev
 
Observability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetryObservability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetry
Eric D. Schabell
 
Comparison Table of DiskWarrior Alternatives.pdf
Comparison Table of DiskWarrior Alternatives.pdfComparison Table of DiskWarrior Alternatives.pdf
Comparison Table of DiskWarrior Alternatives.pdf
Andrey Yasko
 

Recently uploaded (20)

RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptxRPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
 
Quality Patents: Patents That Stand the Test of Time
Quality Patents: Patents That Stand the Test of TimeQuality Patents: Patents That Stand the Test of Time
Quality Patents: Patents That Stand the Test of Time
 
Pigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdfPigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdf
 
Manual | Product | Research Presentation
Manual | Product | Research PresentationManual | Product | Research Presentation
Manual | Product | Research Presentation
 
Best Programming Language for Civil Engineers
Best Programming Language for Civil EngineersBest Programming Language for Civil Engineers
Best Programming Language for Civil Engineers
 
UiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs ConferenceUiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs Conference
 
20240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 202420240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 2024
 
20240702 QFM021 Machine Intelligence Reading List June 2024
20240702 QFM021 Machine Intelligence Reading List June 202420240702 QFM021 Machine Intelligence Reading List June 2024
20240702 QFM021 Machine Intelligence Reading List June 2024
 
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly DetectionAdvanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
 
Calgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptxCalgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptx
 
What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024
 
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdfWhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
 
find out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challengesfind out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challenges
 
WPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide DeckWPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide Deck
 
Measuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at TwitterMeasuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at Twitter
 
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
 
Implementations of Fused Deposition Modeling in real world
Implementations of Fused Deposition Modeling  in real worldImplementations of Fused Deposition Modeling  in real world
Implementations of Fused Deposition Modeling in real world
 
DealBook of Ukraine: 2024 edition
DealBook of Ukraine: 2024 editionDealBook of Ukraine: 2024 edition
DealBook of Ukraine: 2024 edition
 
Observability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetryObservability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetry
 
Comparison Table of DiskWarrior Alternatives.pdf
Comparison Table of DiskWarrior Alternatives.pdfComparison Table of DiskWarrior Alternatives.pdf
Comparison Table of DiskWarrior Alternatives.pdf
 

A web perf dashboard up & running in 90 minutes presentation

  • 1. A Web Performance Dashboard: Up and Running in 90 minutes flickr photo courtesy of purplemattfish
  • 2. About Us Cliff Crocker Aaron Kulick • VP, Product Management • Chief Performance Engineer • SOASTA, Inc. • @WalmartLabs • Performance monitoring, • Founder of SFWebPerf.org evangelism, analytics and meetup, WebPerfDays.org pho connoisseur and lover of squirrels @cliffcrocker @GoFastWeb
  • 3. Images Provoke a Response
  • 4. Foster a Sense of URGENCY!
  • 6. Dashboards Should NOT Be Complicated www.flickr.com
  • 7. A Simple 3 Step Approach to Building a Dashboard
  • 8. Step 1 identifying input & getting data
  • 9. 9
  • 10. How Most RUM Solutions Work • Source external JS • Instrument page with start/end timers and/or leverage navigation timing API • Beacon containing timing data is fired at onload and sent to a beacon server
  • 11. Getting Performance Data From Real Users • Episodes – Some smart guy wrote this who knows something about web performance (Steve Souders) • boomerang.js – Another smart guy wrote this (Phillip Tellis) – Extensible (custom API for passing data to beacon) • ShowSlow – Yet another smart guy (Sergey Chernyshev – “mmm beacons”) – Crowdsourcing • Roll your own – You can be the smart person to write this
  • 12. W3C Navigation Timing http://www.w3.org/TR/navigation-timing/
  • 13. Today We are Using boomerang.js • Steps: – Git: • https://github.com/lognormal/boomerang/ – Include: <script src="/javascript/boomerang.js" type="text/javascript"></script> – Initialize: BOOMR.init({ beacon_url: "http://beacons.yoursite.com/path/to/beacon.gif", site_domain: "yoursite.com” });
  • 14. Today We are Using boomerang.js (continued) • Steps: – Extend: BOOMR.addVar({ var1: “bing", var2: “bang", var3: “boom” }); BOOMR.plugins.RT.startTimer(“t_timer”); //some foo BOOMR.plugins.RT.endTimer(“t_timer”);
  • 15. Ghetto-Fabulous <script src="/javascript/boomerang.js" type="text/javascript"></script> For the high-performance, non-blocking, self-updating version, see: •http://www.stevesouders.com/blog/2012/05/22/self-updating-scripts/ •http://www.lognormal.com/blog/2012/06/05/updating-cached-boomerang/
  • 16. Synthetic Data • Consistency • Object level detail • High signal to noise ratio • Instrumented real browsers
  • 17. Getting Synthetic Data • WebPagetest.org • REDbot.org • cURL • ShowSlow • PageSpeed Insights • GTmetrix.com • Vendor supported solutions
  • 18. WebPagetest • Steps: – Download: • https://sites.google.com/a/webpagetest.org/docs/priv ate-instances/releases – Configure: • https://sites.google.com/a/webpagetest.org/docs/priv ate-instances#TOC-Configuring – Automate: • Script foo • Bribe Patrick Meenan for an API key
  • 19. Example: Walmart Competitive Index • Ingredients: – URL file – Cron job – MySQL – Flot (javascript)
  • 20. Example: Walmart Competitive Index (continued)
  • 21. Analytics • Conversion – Add to cart – Click • Engagement – Bounce, exit, and entry – Time on page/site • Demographics – Geography – Browser, device, OS, screen size • Flow – Utilization • SEO, SEM, and campaign effectiveness – A/B, MAB
  • 22. Analytics • Piwik.org • Google Analytics • Log analysis (BFD) • Vendor supported solution
  • 23. Piwik • Steps: – Download: • http://www.piwik.org – Install: • MySQL • PHP – Instrument:
  • 24. Piwik (continued) <!--Piwik tracking --> <script type="text/javascript"> var pkBaseURL = (("https:" == document.location.protocol) ? "https://localhost/test/piwik/" : "http://localhost/test/piwik/"); document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E")); BOOMR.subscribe ('before_beacon', function (o) { try { var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 2); piwikTracker.setCustomVariable (1, "Page Load - sec", Math.ceil((o.t_done/1000)), "page"); piwikTracker.setCustomVariable (2, "Page Processing - sec.", Math.ceil((o.t_page/1000)), "page"); piwikTracker.setCustomVariable (3, "Response - sec", Math.ceil((o.t_resp/1000)), "page"); piwikTracker.setCustomVariable (4, "Latency - msec", o.lat, "visit"); piwikTracker.setCustomVariable (5, "Bandwidth - kbps", Math.ceil((o.bw/1024)), "visit"); piwikTracker.trackPageView(); piwikTracker.enableLinkTracking(); } catch( err ) {} }); </script> <!--stone tools--> <noscript><p><img src="http://localhost/test/piwik/piwik.php?idsite=2" style="border:0" alt="" /></p></noscript> <!--End Piwik Tracking Code --> *boomerang integration **not like this!!
  • 26. How It Works boomerang.js -> StatsD -> Graphite 1. JavaScript triggers image request 2. Beacon server responds with 204 (no cache) 3. StatsD aggregates metrics 4. Graphite stores and provides UI
  • 27. How It Works Script foo -> WebPagetest API -> MySQL 1. wpt_batch.py – submit a batch job for processing 2. WebPagetest API – run tests 3. parse_xml.pl – parse XML response 4. MySQL – store median results 5. Piwik – CompWPT plugin displays results
  • 28. Step 3 pulling it into a dashboard “Make Them Happy Trees”
  • 29. Introducing our Sponsor Sally Squirrel’s Dance Emporium
  • 30. Demo • Demo Site • WebPagetest • REDbot • Graphite • WebPerf90 Dashboard - Piwik
  • 32. Where Should You Focus? stuff to Bu ying ly Pro l ike f ba ss tuf le s air bly o ch uy u b pla n a ne n M yes, there are people here….
  • 33. WebPagetest AIR @patmeenan “For the next ~3 hours, WebPagetest has a Virgin in-flight wifi location available. Last location in the list. #webperf” @cliffcrocker “@patmeenan > Holy Slow! “ @patmeenan “@cliffcrocker Yep - when it's even connecting. Talk about a first-world problem.”
  • 34. How Do You Optimize for the Given Distribution? Traditional WPO Techniques – 14+ Rules Advanced Optimization/Acceleration – Automated WPO Prayer
  • 35. Set Achievable SLAs Find Your Own Meaningful Metric “Item Page – ‘page processing’ should be 18s or faster for 95% of users”
  • 38. VM INSTRUCTIONS Username: webperfdash Password: webperfdash To start the Graphite, node beacon, StatsD, and REDbot log into the VM and execute the following command as the ‘webperfdash’ user from the home directory: $ supervisord The VM should just work (but you may need to disable USB 2.0 controller on import if you do not have the Oracle VM VirtualBox Extensions, see website) in VirtualBox which is available for free for Windows, OS X, or Linux. If you get a USB 2.0 incompatibility error on start then you do not have the the above extension installed and should disable USB when importing the appliance or via the settings or install the extensions directly. The VM has two NICs configured, the first is configured for NAT and the ports are already forwarded. The second uses the HOST NETWORKING scheme ( http://www.virtualbox.org/manual/ch06.html#network_hostonly) which creates a private network shared exclusively by the VM and the host (or any other addition hosts such as WebPagetest workers).
  • 39. Ports Service Port Number SSH 42222 Demo Site 40000 Graphite 49999 HAR Viewer 44444 REDbot 45555 WebPagetest 48888 ShowSlow 47777 boomerang.js Beacon 43000 Server Piwik 48080
  • 40. Aaron & Cliff Office Hours Tuesday 3:50p -4:30p Exhibit Hall – Office Hours ‘C’
  • 42. Come by our booth!

Editor's Notes

  1. Cliff: People react to visual stimuli We are just wired this way Aaron and I both are extremely passionate about this – get your data in front of people
  2. Cliff: Effective dashboards can immediately convey that there is a problem or that the fix is not working! Oil spill in the Gulf. Message: Something is definitely wrong here and the clock is ticking.
  3. Cliff: Conversely a good dashboard can convey a feeling that all is well with the world. Creepy baby monitors are widely adopted by paranoid parents. Message: All is well with the world. You can relax.
  4. Cliff: As engineers, we are notorious for adding switches, complex configurations, and basically making dashboards unusable by anyone who can’t pilot a commercial airliner. Keep it simple. Focus on what you want. Start with nothing, then add what you need as you need it.
  5. Cliff -&gt; Aaron: Setting the stage for today’s talk ‘ Hack Day’ type solutions designed to provide you with a sandbox for experimenting with various web perf tools and data experimentation.
  6. A few months back, Aaron and I discussed a holistic approach to performance monitoring. Staying with this same approach, we will look at 3 or the 4 data sets mentioned in that presentation – eliminating first mile monitoring for this discussion. RUM – Real user measurement Synthetic – Puppeteered browser Analytics – User behavior &amp; demographics, site statistics