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!
![Serving Fonts from CDN]()
For maximum performance, we all know we must put our assets on CDN (another domain). Along with those assets are custom web fonts. Unfortunately custom web fonts via CDN (or any cross-domain font request) don't work in Firefox or Internet Explorer (correctly so, by spec) though...
![CSS Filters]()
CSS filter support recently landed within WebKit nightlies. CSS filters provide a method for modifying the rendering of a basic DOM element, image, or video. CSS filters allow for blurring, warping, and modifying the color intensity of elements. Let's have...
![New MooTools Plugin: ElementFilter]()
My new MooTools plugin, ElementFilter, provides a great way for you to allow users to search through the text of any mix of elements. Simply provide a text input box and ElementFilter does the rest of the work.
The XHTML
I've used a list for this example...
![CSS pointer-events]()
The responsibilities taken on by CSS seems to be increasingly blurring with JavaScript. Consider the -webkit-touch-callout CSS property, which prevents iOS's link dialog menu when you tap and hold a clickable element. The pointer-events property is even more JavaScript-like, preventing:
click actions from doing...
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.