-
Notifications
You must be signed in to change notification settings - Fork 3.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Add enhance tracing and shader compilation docs to DevTools #6866
Conversation
app. Frames that are performing shader compilation are marked in dark | ||
red: | ||
|
||
![Screenshot of shader compilation for a frame]({{site.url}}/assets/images/docs/tools/devtools/shader-compilation-frames-chart.png) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I would use a different screenshot that shows a janky frame with shader compilation time. A warning icon will show up if the frame is actually janky. Also could be good to show the tooltip when you hover over the janky frame, which will show how much time on the raster thread was spent compiling shaders.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'm not sure why, but in looking at the staged version, this image isn't displayed.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@kenzieschmoll SGTM
@sfshaza2 When I stage the site it tries to load the image from docs.flutter.dev, and it doesn't exist yet. I think I can edit _config.yml to change site.url to point to my staging site, though.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ah, I hadn't run into this yet. Don't worry about it!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
a few nits
app. Frames that are performing shader compilation are marked in dark | ||
red: | ||
|
||
![Screenshot of shader compilation for a frame]({{site.url}}/assets/images/docs/tools/devtools/shader-compilation-frames-chart.png) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'm not sure why, but in looking at the staged version, this image isn't displayed.
cc: @InMatrix |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
lgtm
app. Frames that are performing shader compilation are marked in dark | ||
red: | ||
|
||
![Screenshot of shader compilation for a frame]({{site.url}}/assets/images/docs/tools/devtools/shader-compilation-frames-chart.png) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ah, I hadn't run into this yet. Don't worry about it!
…6866) * Add docs for enhance tracing and shader compilation in DevTools * Address code review comments
Adds enhance tracing and shader compilation docs to the DevTools performance page.
fixes #6749
fixes #6752
@kenzieschmoll
staged:
https://flutter-website-jr-stagi-988d4.web.app/development/tools/devtools/performance
Presubmit checklist