Comments (7)
After cropping the domain we could show additional infos on tap/hover, e.g. the exact timing, similar to WPT.
Other interesting infos (a lot of those could be highlight-flags):
httpVersion
headersSize
- Encoding
bodySize
_transferSize
(perhaps as with ratio tobodySize
+headersSize
)- Perhaps we can calculate to request (
Cookie
) and response (Set-Cookie
) cookie size - cache settings (request and response)
- Font type used (e.g. suggest woff2)
from perfcascade.
I've setup a branch that moves the URL to the right and crops it similar to WPT:
- full url if short enough
- else remove query string
- if still too long show only authority and last path segment)
Additionally when you hover over the urls on the left it extends to the full name as well (see screenshot):
I think this could work quite well and looks a bit cleaner. The only disadvantage is that it takes a bit more space.
from perfcascade.
Hi Peter, you had claimed this task - sorry, just noticed this now ^^. I've updated the text shortening as part of moving the text over but there might be room for additional tweaking.
Otherwise if you're happy enough we could close this task.
from perfcascade.
Hey @micmro np, I've should have added a comment also it the issue that I've planned to work on it :)
Cool, will have a look this weekend.
from perfcascade.
Hi @soulgalore, can we close this issue or do you plan to enhance this more?
from perfcascade.
let me look at it tonight and get back!
from perfcascade.
I'll send a PR tonight thinking it would be nice to pickup the end of the filename, that usually tells us which file it is.
from perfcascade.
Related Issues (20)
- foreignObject rendering bug HOT 1
- Chrome generates broken HAR HOT 6
- Need more detail on how to render other formats in perfCascade HOT 1
- How to add perf-cascade to html in angular HOT 1
- can we use this package in nodejs ?? HOT 1
- I need to pass Json data instead of har file in Perf-cascade HOT 1
- Better way of showing HTML/text HOT 1
- Graph is not showing for Json format HOT 5
- Error in uploading zip files HOT 2
- Added Json Format
- Example uses deprecated 'leftColumnWith' HOT 1
- Copy response content to clipboard? HOT 3
- white area blocks some fields HOT 4
- start of the waterfall is "missing" a block HOT 2
- Responses with HTTP status code of 0 not highlighted HOT 2
- Marker is rendered outside of view HOT 3
- Last release broken for some HARs HOT 4
- x-axis value disappearing in waterfall model representation of page load HOT 5
- Content encoded with BASE64
- Prefix option for CSS classes
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from perfcascade.