Skip to content

Add Render Blocking Status to PerformanceResourceTiming #327

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.

Sign up for GitHub

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

Merged
yoavweiss merged 5 commits into from
Aug 31, 2022
+41 −0
Merged

Add Render Blocking Status to PerformanceResourceTiming #327

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
9b99039
Add Render Blocking Status to PerformanceResourceTiming
abinpaul1 Jun 18, 2022
a4657f2
Change render blocking status to enum
abinpaul1 Aug 1, 2022
4bc36c5
Change 'render blocking' to render-blocking
abinpaul1 Aug 9, 2022
b2d7aec
Update getter steps to use timing info
abinpaul1 Aug 10, 2022
41acb22
Fix up getter steps
abinpaul1 Aug 10, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
41 changes: 41 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -380,6 +380,7 @@ <h3>
readonly attribute unsigned long long transferSize;
readonly attribute unsigned long long encodedBodySize;
readonly attribute unsigned long long decodedBodySize;
readonly attribute RenderBlockingStatusType renderBlockingStatus;
[Default] object toJSON();
};
</pre>
Expand Down Expand Up @@ -409,6 +410,11 @@ <h3>
info=] <a data-dfn-for="PerformanceResourceTiming"><dfn>resource
info</dfn></a>.
</p>
<p>
A <a>PerformanceResourceTiming</a> has an associated
{{RenderBlockingStatusType}} <a data-dfn-for=
"PerformanceResourceTiming"><dfn>render-blocking status</dfn></a>.
</p>
<p>
The <a>PerformanceResourceTiming</a> interface participates in the
<a data-cite=
Expand Down Expand Up @@ -698,12 +704,47 @@ <h3>
</p>
</li>
</ol>
<p data-dfn-for="PerformanceResourceTiming">
The <dfn>renderBlockingStatus</dfn> getter steps are to return
<a data-link-for="RenderBlockingStatusType">blocking</a>
if <a>this</a>'s <a data-for="PerformanceResourceTiming">timing
info</a>'s [=fetch timing info/render-blocking=] is true; otherwise
<a data-link-for="RenderBlockingStatusType">non-blocking</a>.
</p>
<p class='note'>
A user agent implementing <a>PerformanceResourceTiming</a> would need
to include <code>"resource"</code> in
{{PerformanceObserver/supportedEntryTypes}}. This allows developers
to detect support for Resource Timing.
</p>
<section id="sec-render-blocking-status-types">
<h4>
<dfn>RenderBlockingStatusType</dfn> enum
</h4>
<pre class='idl'>
enum RenderBlockingStatusType {
"blocking",
"non-blocking"
};
</pre>
<p>
The values are defined as follows:
</p>
<dl data-dfn-for='RenderBlockingStatusType'>
<dt>
<dfn>blocking</dfn>
</dt>
<dd>
The resource can potentially block rendering.
</dd>
<dt>
<dfn>non-blocking</dfn>
</dt>
<dd>
The resource will not block rendering.
</dd>
</dl>
</section>
</section>
<section id="sec-extensions-performance-interface" data-dfn-for=
"Performance">
Expand Down