diff --git a/css/css-values/subresource-criticality/tentative/background-image.html b/css/css-values/subresource-criticality/tentative/background-image.html
new file mode 100644
index 00000000000000..1196623ac09478
--- /dev/null
+++ b/css/css-values/subresource-criticality/tentative/background-image.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>background-image blocks load</title>
+<link rel=help href="https://github.com/w3c/csswg-drafts/issues/1088">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<div id=foo></div>
+<style>
+#foo {
+  width: 100px;
+  height: 100px;
+  background: url("/images/blue.png?pipe=trickle(d1)");
+}
+</style>
+<script>
+var t1 = performance.timing.responseStart;
+
+async_test(function(t) {
+window.addEventListener("load", t.step_func_done(function() {
+    var t2 = Date.now();
+    var diff = t2 - t1;
+    assert_greater_than(diff, 1000, "ms after style");
+  }));
+}, "load waits for background-image");
+</script>
diff --git a/css/css-values/subresource-criticality/tentative/font-face-unused.html b/css/css-values/subresource-criticality/tentative/font-face-unused.html
new file mode 100644
index 00000000000000..de0e468d25140d
--- /dev/null
+++ b/css/css-values/subresource-criticality/tentative/font-face-unused.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>unused @font-face blocks load</title>
+<link rel=help href="https://github.com/w3c/csswg-drafts/issues/1088">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+@font-face {
+  font-family: Revalia;
+  src: url("/fonts/Revalia.woff?pipe=trickle(d1)");
+}
+</style>
+<script>
+var t1 = performance.timing.responseStart;
+
+async_test(function(t) {
+window.addEventListener("load", t.step_func_done(function() {
+    var t2 = Date.now();
+    var diff = t2 - t1;
+    assert_less_than(diff, 1000, "ms after style");
+  }));
+}, "load doesn't wait for unused @font-face");
+</script>
diff --git a/css/css-values/subresource-criticality/tentative/font-face-used.html b/css/css-values/subresource-criticality/tentative/font-face-used.html
new file mode 100644
index 00000000000000..1f88686aeb4d7f
--- /dev/null
+++ b/css/css-values/subresource-criticality/tentative/font-face-used.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>used @font-face blocks load</title>
+<link rel=help href="https://github.com/w3c/csswg-drafts/issues/1088">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+@font-face {
+  font-family: Revalia;
+  src: url("/fonts/Revalia.woff?pipe=trickle(d1)");
+}
+#foo {
+  font: 25px/1 Revalia;
+}
+</style>
+<div id=foo>XXX</div>
+<script>
+var t1 = performance.timing.responseStart;
+
+async_test(function(t) {
+window.addEventListener("load", t.step_func_done(function() {
+    var t2 = Date.now();
+    var diff = t2 - t1;
+    assert_greater_than(diff, 1000, "ms after style");
+  }));
+}, "load waits for used @font-face");
+</script>
diff --git a/css/css-values/subresource-criticality/tentative/import.html b/css/css-values/subresource-criticality/tentative/import.html
new file mode 100644
index 00000000000000..cb8b2049a891e2
--- /dev/null
+++ b/css/css-values/subresource-criticality/tentative/import.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>@import blocks load</title>
+<link rel=help href="https://github.com/w3c/csswg-drafts/issues/1088">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+</script>
+<style>
+@import "support/import.css?pipe=trickle(d1)";
+</style>
+<div id=foo>XXX</div>
+<script>
+var t1 = performance.timing.responseStart;
+
+async_test(function(t) {
+  window.addEventListener("load", t.step_func_done(function() {
+    var t2 = Date.now();
+    var diff = t2 - t1;
+    assert_greater_than(diff, 1000, "ms after style");
+    var style = getComputedStyle(document.querySelector("#foo"));
+    assert_equals(style.getPropertyValue("color"), "rgb(0, 0, 255)", "#foo.color");
+  }));
+}, "load waits for @import");
+</script>
diff --git a/css/css-values/subresource-criticality/tentative/list-style-image.html b/css/css-values/subresource-criticality/tentative/list-style-image.html
new file mode 100644
index 00000000000000..5229626a48c0dc
--- /dev/null
+++ b/css/css-values/subresource-criticality/tentative/list-style-image.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>list-style blocks load</title>
+<link rel=help href="https://github.com/w3c/csswg-drafts/issues/1088">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<ul id=foo><li>XXX</ul>
+<style>
+#foo {
+  list-style: url("/images/blue.png?pipe=trickle(d1)");
+}
+</style>
+<script>
+var t1 = performance.timing.responseStart;
+
+async_test(function(t) {
+window.addEventListener("load", t.step_func_done(function() {
+    var t2 = Date.now();
+    var diff = t2 - t1;
+    assert_greater_than(diff, 1000, "ms after style");
+  }));
+}, "load waits for list-style");
+</script>
diff --git a/css/css-values/subresource-criticality/tentative/support/import.css b/css/css-values/subresource-criticality/tentative/support/import.css
new file mode 100644
index 00000000000000..44142d04d2338e
--- /dev/null
+++ b/css/css-values/subresource-criticality/tentative/support/import.css
@@ -0,0 +1,3 @@
+#foo {
+  color: blue;
+}
