httpstat: Simple cURL Stats
There are a lot of tools out there that do great, advanced things but present them as well as they could be presented. I wont knock cURL for anything -- it's an amazing tool many of us can't live without; what I will say, however, is that it's nice having tools on top of cURL for better presentation or extended functionality.
I recently discovered httpstat
, which is a single python file which (simply) graphically displays request event timing, from DNS lookup to content transfer:
python httpstat.py https://davidwalsh.name/page/1
What you get in the end is an ASCII table showing how long each step took. Of big interest to me is the "server processing" step -- if this number is large, you can probably do some things to your code or server to speed things up.
Grab httpstat
and check out your site speed -- you might not be happy with the numbers!
As much as developers now loathe Flash, we're still playing a bit of catch up to natively duplicate the animation capabilities that Adobe's old technology provided us. Of course we have canvas, an awesome technology, one which I highlighted 9 mind-blowing demos. Another technology available...
Google Plus provides loads of inspiration for front-end developers, especially when it comes to the CSS and JavaScript wonders they create. Last year I duplicated their incredible PhotoStack effect with both MooTools and pure CSS; this time I'm going to duplicate...
I recently came upon an interesting jQuery article about how you can retrieve all external links within a page, build the address of the site's favorite icon, and place the favorite icon along side the link. I've chosen a different approach which...
With CSS border-radius, I showed you how CSS can bridge the gap between design and development by adding rounded corners to elements. CSS gradients are another step in that direction. Now that CSS gradients are supported in Internet Explorer 8+, Firefox, Safari, and Chrome...
Hi David, the utility is also available via Homebrew for Mac users.
Cheers.
Off Topic: what is the colour scheme of the terminal in the screenshot?
Looks like solarized with a darker background color.
There is also a node module wrapper for this up on NPM, works like a charm.
https://www.npmjs.com/package/httpstat
Awesome script! I’ve always relied on speedgun.io to generate similar stats, but it needs phantomjs.
Sometimes I just need download info, and this looks like a great option.