A Puppeteer screenshot does not automatically trigger every IntersectionObserver. If a page loads content only when it enters the viewport, scroll through the relevant regions, wait for the page’s actual content-ready condition, and then capture. Waiting for navigation or network idle alone cannot guarantee that offscreen content has loaded.
Why IntersectionObserver content is missing
Some sites defer images, cards, or other content until an IntersectionObserver reports that a target intersects its root, often the browser viewport. The initial page navigation can finish while below-the-fold targets have not entered view, so their loading behavior has not run. Google’s guidance for lazy-loaded content likewise says relevant content should load when it is visible in the viewport: Fix lazy-loaded content.
Puppeteer’s page.screenshot() captures the current page state; its API does not promise to visit every scroll position or activate every observer. A full-page capture controls how much of the page is included in the image, but does not itself guarantee that every lazy target was triggered. The standard screenshot example’s use of networkidle2 is a starting point, not proof that application-specific content is ready. See the Puppeteer screenshot guide and Page.screenshot() API.
Use a scroll, readiness, and capture sequence
- Identify the missing content. Check whether it is absent from the DOM, present but hidden, an image with no loaded source, or inside an iframe. Choose a condition that reflects what the page must actually finish.
- Expose relevant regions. Scroll in increments so intermediate viewport-triggered targets can intersect. A single jump to the bottom may not reproduce the intermediate view changes a page expects.
- Wait for content, not just navigation. Use a stable selector, expected item count, application readiness flag, or image-completion check.
- Optionally wait for network quiet. Use network idle as a secondary settling step when it fits the site, not as a substitute for triggering observers or checking the content.
- Capture only after the condition succeeds. Return to the desired position if needed, then call
page.screenshot().
The following CommonJS script is runnable with Puppeteer installed. Replace the URL, selector, and expected count with values from the target page. The incremental scroll loop and 100 ms pause are illustrative choices, not Puppeteer requirements; the explicit content check is what prevents an arbitrary delay from being treated as proof of readiness.
Quick wins for a faster PC:
Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Repair Windows errors before they cause bigger problemsFix Now →#1 Best Overall
- [INTEL POWERED CONTENT] - Built with a 8th Generation Hexa-Core Intel i5 and 32GB of DDR4 RAM; Modern, Windows 11 ready, with 4K support, Executive multitasking, media streaming and smooth, multi-tab web browsing; Perfect as an all-purpose multimedia computer; built for content creators; Plenty of RAM and Mass storage for photo and video editing powered by Intel HD 630
- [LATEST WIRELESS TECH] - This Dell Desktop Computer easily connects to the internet through the Built In WiFi / Bluetooth
- [SOLID STATE STORAGE] - This Dell Computer setup comes with an ultra-fast 1TB Solid State Drive (SSD); Setup as the primary boot device; Boot and load programs with lightning speed ; Additional expansion available
- [BUY & OWN WITH CONFIDENCE] - From the world's largest Microsoft Authorized Refurbisher; Quality Guarantee and Free Tech Support; Award-winning Customer Service; | Support Sustainable Business
- [MODERN HI-SPEED PORTS] - USB 3.0 (x4) | USB 2.0 (x4) | DisplayPort (x1) | HDMI Port (x1) | Audio Combo Jack (x1) | Audio Out (x1) | RJ-45 Ethernet (x1) | Internal SATA (x3)
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch({ headless: true });
try {
const page = await browser.newPage();
await page.setViewport({ width: 1365, height: 900 });
await page.goto('https://example.com', {
waitUntil: 'domcontentloaded',
timeout: 30000,
});
await page.evaluate(async () => {
const step = Math.max(200, Math.floor(window.innerHeight * 0.8));
const maxY = document.documentElement.scrollHeight;
for (let y = 0; y < maxY; y += step) {
window.scrollTo(0, y);
await new Promise(resolve => setTimeout(resolve, 100));
}
window.scrollTo(0, 0);
});
// Replace with the real selector and expected count for this page.
await page.waitForFunction(
() => document.querySelectorAll('.lazy-content').length >= 10,
{ timeout: 15000 }
);
await page.screenshot({ path: 'page.png', fullPage: true });
} finally {
await browser.close();
}
})().catch(error => {
console.error(error);
process.exitCode = 1;
});The example assumes the document itself scrolls. If the content is in a nested scroll container, scroll that container instead; if the page changes height as items load, recalculate the scroll range or use a page-specific completion condition. Puppeteer’s page.evaluate(), page.waitForFunction(), and interaction guide document the primitives used here.
Choose a readiness condition that matches the page
Known element
For a stable selector, use page.waitForSelector(). Select whether presence or visibility matters: an element can exist in the DOM while still hidden or empty. Puppeteer documents selector waits in its Page.waitForSelector() API.
Rank #2
- Model: Dell OptiPlex 7050 Small Form Factor (SFF)
- Processor: Intel Core i7-7700 3.60 GHz
- Memory: 32GB DDR4 Ram
- Storage: 1TB Solid State Drive (SSD) Fast Boot + Storage
- Operating System: Windows 11 Pro (64-bit)
Known count or application state
Use page.waitForFunction() for a meaningful condition, such as the expected number of cards or a site-owned ready flag. This is stronger than waiting a fixed number of milliseconds because it tests the result the screenshot needs.
Images
For image-heavy pages, check the relevant image elements’ completion state and whether they have a usable natural size, in addition to waiting for their containers. A rendered placeholder can satisfy a selector without the actual image being ready.
Rank #3
- IMMERSIVE 24 INCH DISPLAY: Experience stunning clarity on a Full HD IPS screen with ultra-thin bezels, offering a 90% screen-to-body ratio that makes everything from spreadsheets to streaming come alive with vibrant colors and crisp details.
- POWERFUL INTEL PROCESSING: Tackle demanding tasks with ease thanks to the Intel processor and 16GB of high-speed memory, delivering smooth performance whether you're multitasking between applications or running productivity software.
- GENEROUS STORAGE: Store all your important files, photos, and programs with blazing-fast solid state drive technology that ensures quick boot times, rapid file access, and plenty of space for your digital life.
- ENHANCED PRIVACY AND COLLABORATION: Work confidently with the pop-up privacy camera that tucks away when not in use, plus dual microphones with noise reduction for crystal-clear video calls that keep you connected professionally.
- ECO-CONSCIOUS DESIGN: Feel good about your purchase with an EPEAT Gold registered and ENERGY STAR certified computer that combines premium performance with responsible environmental manufacturing practices.
One target versus many regions
For one known target, Puppeteer’s locator and element scrolling behavior can bring it into view. ElementHandle.screenshot() also tries to scroll that element into view when hidden. Neither behavior means all other offscreen targets have been activated; traverse multiple relevant regions when the page has many lazy sections.
Network idle
waitForNetworkIdle() and navigation’s networkidle2 can help when outstanding requests are the remaining issue. Network quiet describes request activity, not whether an offscreen observer target has ever been intersected. Use it alongside a content-specific condition when appropriate.
Rank #4
- This Certified Refurbished product is tested and certified to look and work like new. The refurbishing process includes functionality testing, basic cleaning, inspection, and repackaging. The product ships with all relevant accessories, a minimum 90-day warranty, and may arrive in a generic box. Only select sellers who maintain a high-performance bar may offer Certified Refurbished products on Amazon.com.
- Dell Optiplex 3050 SFF Desktop computer PC, Intel Quad Core i5-6500 up to 3.6GHz, 16GB DDR4, 256GB SSD
- Includes: USB Keyboard & Mouse, USB WiFi adapter, Microsoft office 30 days free trail.
- Port: Front: USB 3.0(2), USB 2.0(2); Rear: DP, HDMI, USB 3.0(2), USB 2.0(2), RJ-45.
- Support 4K (3840x2160) Dual display, makes it easy to connect two monitors at the same time, and you can expand working Windows, mirror content, or expand a single window across multiple monitors.
Troubleshoot the common failure modes
- The content is still absent after scrolling: confirm the page uses window scrolling rather than a nested container, and inspect whether the relevant target was actually brought into the observer’s root. Scroll through intermediate sections rather than assuming one bottom jump is sufficient.
- The selector wait times out: verify the selector against the live DOM and confirm the expected content is meant to exist on that route. If content is rendered under another selector or in an iframe, wait in the correct document and for the actual state.
- The element exists but looks blank: distinguish DOM presence from visibility, loaded image state, and completed rendering. Wait for the property or state that matters to the screenshot.
- Network idle succeeds but the screenshot is incomplete: add viewport traversal and an explicit content condition. Idle alone cannot trigger an observer that has not fired.
- Full-page capture still has gaps: treat capture extent and page readiness as separate concerns. Trigger lazy loading and confirm it completed before making the full-page capture.
- Only one element is missing: scroll that element into view, then wait for its content to load. An element screenshot’s automatic scroll is useful for that target, not a page-wide lazy-load mechanism.
Balance coverage, stability, and runtime
There is no universal scroll interval or delay: layouts, observer margins, nested scrollers, and loading behavior differ by site. A smaller scroll increment covers more intermediate viewport regions but costs additional time; a fixed sleep can be too short on a slow page and waste time on a fast one. Prefer an explicit readiness signal, add a timeout with a useful failure message, and traverse only the regions needed for the capture. The Puppeteer documentation surfaced as version 25.12.0; check the documentation matching the version installed in your project if APIs differ.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Or skip the browser setup
For a one-request screenshot or PDF, ScreenshotNeo is a website screenshot API and MCP server. Its capture options include full-page capture with lazy images loaded, plus waits for a selector, delay, or network idle. One GET request can return PNG, JPEG, WebP, or PDF. This is an alternative when you want an API-managed capture rather than writing and maintaining a Puppeteer scrolling workflow.
Best Value
- Connectivity: Includes WiFi, Bluetooth, and LAN for wireless and wired connections
- Memory: Features 16GB DDR4 RAM for smooth multitasking and performance
- Storage: Combines 500GB SSD and 1TB HDD for ample storage space
- Graphics: Integrated Intel UHD Graphics 630 for crisp visuals and video playback
- Design: Sleek desktop tower with black color and slim profile for modern look
Example cURL request (replace the URL and API key):
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://example.com -o shot.webpSee the ScreenshotNeo API documentation for parameters and response behavior. Cookie and consent banners are accepted or removed, along with more than 60 known consent platforms, newsletter popups, and chat widgets; those steps can each be turned off. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits are not billed, and response headers report the page verdict and billing status. Its MCP server offers take_screenshot, get_page_info, and capture_pdf for Claude, Cursor, and other MCP clients. The free plan includes 1,000 shots a month without a card; paid plans start at $5 for 3,000 shots.
Sign up for 1,000 free screenshots a month, with no card required.
Frequently Asked Questions
Does Puppeteer fullPage automatically load lazy content?
No. Full-page capture sets the extent of the screenshot; it does not promise to activate every IntersectionObserver target. Trigger the relevant regions and verify readiness first.
Is networkidle2 enough for IntersectionObserver content?
Not by itself. It can indicate network quiet, but it cannot ensure that offscreen targets entered the viewport.
Does ElementHandle.screenshot() fix a page with many missing sections?
No. It tries to scroll its own target into view. For several lazy sections, expose each relevant region and wait for the page-specific content condition.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
