Graphing requests with Tamper Data
I spent the weekend in Boston, speaking at GBC/ACM’s Deep Ajax seminar with Alex Russell and Adrian Holovaty. I’ll be posting some notes on this later, but I wanted to share a really neat Firefox extension that Alex showed me: Tamper Data.
Tamper Data is an extension for intercepting HTTP requests and modifying them. I have very little interest in this functionality myself, but hidden deep within the extension is the ability to do this:
That’s a graph showing what happens when you load up www.yahoo.com. It shows every component of the page—JavaScript, CSS, images—and when each component started and finished loading. You can use it to get an idea for how long it took between the HTML starting to load and the browser beginning to pull in the CSS, then the images, and so on. It’s a superb visualization of what happens when a page is loaded.
Unfortunately, if you install and run the extension (Tools -> Tamper Data) you’ll see this instead:
To get the graph, you have to right click in the main data grid and select “Graph All” from the context menu. Be sure to hit “clear” before loading a page that you want to graph or you’ll end up seeing data from other pages too (you should shut down GMail or similar to prevent their polling requests from polluting the graph).
It’s a great tool but it’s pretty well hidden. If you’re looking for a side project, implementing the same functionality in a smaller extension (maybe as an extra tab in the Page Info screen) would be a significant service to the web development community.
More recent articles
- Lawyer cites fake cases invented by ChatGPT, judge is not amused - 27th May 2023
- llm, ttok and strip-tags - CLI tools for working with ChatGPT and other LLMs - 18th May 2023
- Delimiters won't save you from prompt injection - 11th May 2023
- Weeknotes: sqlite-utils 3.31, download-esm, Python in a sandbox - 10th May 2023
- Leaked Google document: "We Have No Moat, And Neither Does OpenAI" - 4th May 2023
- Midjourney 5.1 - 4th May 2023
- Prompt injection explained, with video, slides, and a transcript - 2nd May 2023
- download-esm: a tool for downloading ECMAScript modules - 2nd May 2023
- Let's be bear or bunny - 1st May 2023
- Weeknotes: Miscellaneous research into Rye, ChatGPT Code Interpreter and openai-to-sqlite - 1st May 2023