Web Page Test Web Page Test / tool / free

http://www.webpagetest.org

WebPageTest helps you to see your website performance and also allows for optimization tests.
5 favorites
submitted over 4 years ago, by throwdrive
Web Page Test popular tool

5 Comments

SkinnyGeek1010

Darn, everyone always beats me to the punch!

This is sooo worth checking out if you haven't used it yet. My favorite tool for measuring the 'milliseconds till X' metric. The timeline view shows screenshots with times so you can figure out how long it takes to render above the fold.

Webpage Test

SkinnyGeek1010, over 3 years ago

pineapple

How did pineapple do?

pineapple, over 3 years ago

SkinnyGeek1010

Really good, especially considering all of the images that are loading and the fact that the home page is constantly changing (harder to cache). On a cold cache, not averaged, 1.2s til first paint and last paint above the fold is ~2s. List view is much faster.

TCP windowing is a killer here too, lots of short reqs.

Some things that might shave off some time might be (using Chrome):

  • pull css onto a cdn (removing ~300 ms)
  • Inlining above the fold css to min. critical path
  • Cat the fonts into main css to save http req
  • Using varnish or something to speed up logged out requests (~400ms)
  • Defer favicon loading in favor of parallelizing important req's
  • Flush head early (Rails may already do this)

At any rate, i've never been like... this site is soooo slow lol.

SkinnyGeek1010, over 3 years ago

pineapple

I didn't notice it can simulate other browsers last time I checked this out, that's great.. in fact I was just trying to debug IE7 performance.

pineapple, over 3 years ago

SkinnyGeek1010

Yep, you can even run it on a laptop lol.

Steve Souders did a nice talk that featured it around 29mins:
http://youtu.be/ipgo93g4Xak?t=29m

SkinnyGeek1010, over 3 years ago


Login or to comment.

Tutorials are any resources you learn from.

Examples: an intro to html5 screencast, a pdf about git, photoshop effects tutorials, meta-programming in ruby, lambda calculus, higher-order fixed-point combinators.

Tools are websites, apps or services used -on- your project (indirectly), to aid the process.

Examples: A color scheme generator, email marketing software, usability heat maps, css3 code generators, a downloadable png compressor.

Assets are downloadable files used -in- your projects, usually as code, textures, or images.

Examples: a jquery sticky menu, photoshop brushes, background textures, mvc frameworks, twitter bootstrap, 960 grid system.