Resource Timing Viewer - Online See All Asset Loads
List all resources loaded by the current page and their detailed timing breakdown. In‑browser waterfall.
UD5 Toolkit
Measure FP, FCP & LCP in real-time – right in your browser
Enter a relative path (e.g., /about or page.html) to measure its paint timings. The page will be loaded inside a hidden iframe. Cross-origin URLs are not supported due to browser security.
FP marks the time when the browser renders the first pixel on the screen. It represents the very first visual change, even if it’s just a background color change.
FCP measures the time until the first text, image, or non-white canvas element is painted. It gives a better sense of when useful content appears.
LCP reports the render time of the largest image or text block visible within the viewport. It's a core Web Vital for measuring perceived loading speed.
Minimize render-blocking resources (CSS/JS), use efficient font loading, and reduce server response time. Preload key assets and eliminate unnecessary code.
LCP may update as the page loads and larger elements appear. The final LCP is usually recorded after the page is fully interactive. Our tool listens for the latest entry.
Google recommends FP/FCP under 1 second for a good experience, and LCP under 2.5 seconds. Values above 4 seconds (LCP) are considered poor.
List all resources loaded by the current page and their detailed timing breakdown. In‑browser waterfall.
Toggle contain: strict, content, paint, layout and see how it affects rendering. Understand isolation for faster pages.
Enter a date and location (or use GPS) to see exact golden hour and blue hour times for perfect natural light.
Checklist for plein air painting gear based on medium (oil, watercolor, etc.). Don't forget anything.
Based on home and destination time zones, suggests a light exposure/avoidance schedule to reduce jet lag. Educational tool, local only.
Calculate total work hours and pay from time-in/out entries. Supports overtime and breaks. Generate a printable timesheet. All local.
Estimate curing time for UV resin based on lamp wattage and layer thickness. Avoid sticky finishes.
Estimate arrival time with driving duration, breaks, and time zone changes. Plan your road trip precisely.
Connect to a BLE device and read its Battery Service characteristic. See the charge level in a gauge.
Calculate travel time by entering distance and average speed. Add rest stops duration. Get estimated arrival time. Simple travel planner.
Swap between physical and logical properties (margin‑inline vs margin‑left). Live preview with writing‑mode. Internationalize your CSS.
Record start time and track elapsed fast, symptoms, and electrolyte intake. Private, motivational timeline.
Implement a dark/light theme toggle that respects prefers‑color‑scheme. Copy the complete JavaScript and CSS.
Estimate how long a battery will last given capacity (mAh/Wh) and load current. Also computes backup time for power banks. Quick and local.
Enter total balance and limit to see utilization percentage. See how it affects credit score bands.
Set an alarm relative to today's sunset (e.g., 30 minutes before). Perfect for evening routines. Uses geolocation (optional).
See the current Service Worker registration, its state, and scope. Send 'skipWaiting' and update. PWA debug.
Manipulate CSS values as typed objects using attributeStyleMap. Convert between CSSUnitValue, CSSMathSum, etc. Futuristic CSS‑in‑JS.
Mix sodium hypochlorite with water to get the correct % concentration for soft washing. Safety note.
See how extra monthly or lump‑sum payments reduce your mortgage term and total interest. Dynamic chart. All local calculation.
Reset native styling on form elements with appearance: none. See before and after. Essential for custom forms.
Define a set of colors for light and dark themes. Get the CSS custom properties snippet. Toggle live.
Enter a URL and instantly generate a PDF version using the browser's print-to-pdf engine. Private, no upload.
Create a frosted glass card with background blur, border glow, and shadow. Adjust intensity. Copy the CSS.
Enter a URL and instantly generate a PDF version using the browser's print-to-pdf engine. Private, no upload.
A festive, full‑screen countdown showing the exact days, hours, and minutes until December 25th. Snow effect.
Enter network name and password to generate a stylish printable card for visitors. Local, no data leak.
Understand @layer by visually ordering style layers and seeing which rules win. Fix specificity battles. Modern CSS architecture.
Enter your must volume and current Brix, TA, and pH to calculate additions of sugar, acid blend, or tannin. Standard winemaking formulas.
Drag tasks into a 2x2 grid (Urgent vs. Important or Impact vs. Effort). Visual decision aid. Local.