<!DOCTYPE HTML> <title>Largest Contentful Paint: invisible images are not observable</title> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> <script src="resources/invisible-images.js"></script> <style> .opacity0 { opacity: 0; } .visibilityHidden { visibility: hidden; } .displayNone { display: none; } .composited { will-change: transform; } img { border: 2px solid black; will-change: transform; } </style> <div class='opacity0 composited'><img src='/images/yellow.png' id='divOpacity0'/></div> <div class='visibilityHidden composited'><img src='/images/yellow.png' id='divVisibilityHidden'/></div> <div class='displayNone composited'><img src='/images/yellow.png' id='divDisplayNone'/></div>