Skip to content
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 Render Blocking Status to PerformanceResourceTiming #327

Merged
merged 5 commits into from
Aug 31, 2022
43 changes: 43 additions & 0 deletions index.html
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,49 @@ <h3>
</p>
</li>
</ol>
<p data-dfn-for="PerformanceResourceTiming">
The <dfn>renderBlockingStatus</dfn> getter steps are to return the
<a data-for="PerformanceResourceTiming">render-blocking status</a>
for <a>this</a>.
noamr marked this conversation as resolved.
Show resolved Hide resolved
</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>
Render-blocking status where <a>this</a>'s <a data-for=
"PerformanceResourceTiming">timing info</a>'s [=fetch timing info/
render-blocking=] is true.
</dd>
<dt>
<dfn>non-blocking</dfn>
</dt>
<dd>
Render-blocking status where <a>this</a>'s <a data-for=
"PerformanceResourceTiming">timing info</a>'s [=fetch timing info/
render-blocking=] is false.
</dd>
</dl>
</section>
</section>
<section id="sec-extensions-performance-interface" data-dfn-for=
"Performance">
Expand Down