I one aolpage-test-2010

AOL PageTest April 2010 – Nicholas Tang NYC Web Performance Meetup

Table of Contents
Introduction
WebPageTest.org
PageTest – Desktop
Scripting PageTest
Q&A

Introduction (I think this slide signifies that I'm going to blow your mind . Or that this presentation is going to blow up in my face. One of those, anyways.)

Who is this guy?
Nicholas Tang VP, Technical Operations Interactive One
[email_address]
Obsessed with website performance (in a good way... I think)
Core non-contributor on AOL's PageTest
Once posted to the WebPageTest forums
Expert PowerPoint presenter (obviously)

What is Page Test?
Set of website performance testing tools, written inside AOL, later open sourced
Online test: http:// www.webpagetest.org /
Internet Explorer plugin: http:// pagetest.sourceforge.net /
WebPageTest can also be run as a self-hosted tool.

WebPageTest.org
One of my favorite sites!
Runs as IE7/IE8 browser
Page load timing
Waterfall graphs
Optimization checklists
Content and domain details
Screenshots/ screencast of load
Scripted tests
And much, much more!

WebPageTest.org

WebPageTest.org
Here's where I attempt a LIVE DEMO.
While this DEMO is in fact LIVE, it is using saved tests I ran before. If I have time at the end and people are interested, I’ll run a new test live. BlackPlanet.com front page test: http://www.webpagetest.org/result/100331_6DEC/
HelloBeautiful comparison: http://www.webpagetest.org/video/compare.php?tests=100415_7CYS,100411_6TXM,100411_6TXN,100411_6TXP
Comparison video: http://www.webpagetest.org/video/view.php?id=100415_7f3ef0be0275e18396bd0e247b24e429aab7f051.slow

WebPageTest.org automation
Requests can be automated via a GET/POST request.
Example:
http:// www.webpagetest.org/runtest.php?url = www.blackplanet.com
Result: http://www.webpagetest.org/result/100411_6TR8/
Add f=xml to get xml data:
http:// www.webpagetest.org/runtest.php?url = www.blackplanet.com&f =xml
More info:
http:// sourceforge.net/apps/mediawiki/pagetest/index.php?title = Automating_Pagetest

PageTest
PageTest is an open-source tool you download and can run under Windows / IE.
Run tests locally
Script & automate tests
Run multi-step tests
Available here: http://pagetest.sourceforge.net/
Quick Start Guide: http://sourceforge.net/apps/mediawiki/pagetest/index.php?title=Quick_Start_Guide

PageTest
Here's yet another live demo.
(Note: may just have been my machine, but the latest build of PageTest (217) didn't work properly under Win7/64bit, or WinXP/IE6… but your mileage may vary.)

Scripting
Tests can be scripted in both the local and web version, but the local version has fewer restrictions:
Multi-page tests (sort of)
Can use external files (read in lists of variables, do upload testing, etc.)
Gives debugging/ error feedback (sort of – it’s not very detailed)
Language reference:
http:// sourceforge.net/apps/mediawiki/pagetest/index.php?title =Scripting
NOTE: you must use tabs, not spaces, to separate elements when scripting!

PageTest Scripting
Sample testing scenarios:
Form submissions (post blog entry, add to cart, etc.)
Multi-page tests (including multi-step transactions, ex: log in, go to inbox, send message, log out)
Automated data collection (via scheduled jobs)
Performance “smoke tests”
Create scripts for major actions/ scenarios on your site
Run these scripts against each release/ day/ etc.
Capture and compare results (set performance thresholds for qa)
Profit!

PageTest Scripting Example
Check the performance of the third page of Craigslist job posts
logData 0
navigate http://newyork.craigslist.org/search/jjj?query=developer&catAbbreviation=jjj
navigate http://newyork.craigslist.org/search/jjj?query=developer&catAbbreviation=jjj&s=100
logData 1
navigate http://newyork.craigslist.org/search/jjj?query=developer&catAbbreviation=jjj&s=200
Result page:
http://www.webpagetest.org/result/100411_6TT3/

PageTest Scripting Example
Run a Twitter Search:
logData 0
navigate http://search.twitter.com/
logData 1
setValue id=searchBox web performance
submitForm id=searchForm
Result page:
http://www.webpagetest.org/result/100411_6TVK/

Self-Hosted WebPageTest
If you want to run a private instance of WebPageTest, the code is available here: http://www.webpagetest.org/software/WebPagetest_1_8_1.zip
Note: I have not tried this myself! Read about it on the forums.

Finding out more
If you want to know more about PageTest, check out these sources:
PageTest Wiki
http:// sourceforge.net/apps/mediawiki/pagetest/index.php?title = Main_Page
PageTest Forums
http:// www.webpagetest.org/forums/index.php
Patrick Meenan’s Blog – Performance Matters
http://blog.patrickmeenan.com/

Q&A
(I didn’t design this template.)

http://nicholasytang.wordpress.com	302
http://www.techpresentations.org	21
http://www.slideshare.net	2
url_unknown	1

I one aolpage-test-2010

by Nicholas Tang on Apr 16, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

4 Embeds 326

Statistics

I one aolpage-test-2010 — Presentation Transcript