element-render-blocking-003.html (1627B)
1 <!DOCTYPE html> 2 <meta name="timeout" content="long"> 3 <head> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <script src="support/utils.js"></script> 7 <title>Adding link in the head has an effect</title> 8 9 <script> 10 let link = document.createElement("link"); 11 link.rel = "expect"; 12 link.href = "#last"; 13 link.blocking = "render"; 14 document.head.appendChild(link) 15 16 async_test((t) => { 17 requestAnimationFrame(() => { 18 t.step(() => assert_true(!!document.getElementById("last"))); 19 t.done(); 20 }); 21 }, "adding link in the head defers frames"); 22 </script> 23 </head> 24 <body> 25 <div id="first"> 26 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue 27 nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit 28 tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies 29 tempor mi est eget ipsum egestas. 30 </div> 31 <script> 32 generateParserDelay(); 33 </script> 34 <div id="second"> 35 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue 36 nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit 37 tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies 38 tempor mi est eget ipsum egestas. 39 </div> 40 <script> 41 generateParserDelay(); 42 </script> 43 <div id="last"> 44 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue 45 nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit 46 tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies 47 tempor mi est eget ipsum egestas. 48 </div> 49 </body>