0–49 50–89 90–100
Metrics
Total Blocking Time
30 ms
Sum of all time periods between FCP and Time to Interactive, when task length exceeded 50ms, expressed in milliseconds. Learn more about the Total Blocking Time metric.
Cumulative Layout Shift
0.065
Cumulative Layout Shift measures the movement of visible elements within the viewport. Learn more about the Cumulative Layout Shift metric.
Interaction to Next Paint
60 ms
Interaction to Next Paint measures page responsiveness, how long it takes the page to visibly respond to user input. Learn more about the Interaction to Next Paint metric.
Show audits relevant to:
Diagnostics
Image elements do not have explicit width
and height
width
and height
Set an explicit width and height on image elements to reduce layout shifts and improve CLS. Learn how to set image dimensionsCLS
URL | |
---|---|
Mike's Cereal Shack Co Logo - The Office Meme Creator <img src="/logo-text.svg" class="h-10" alt="Mike's Cereal Shack Co Logo - The Office Meme Creator"> | /logo-text.svg (www.mikescerealshack.co) |
Minimizes work during key interaction Error!This version of Chrome is too old to support 'detailed EventTiming trace events'. Use a newer version to see full results.
This version of Chrome is too old to support 'detailed EventTiming trace events'. Use a newer version to see full results.
This is the thread-blocking work occurring during the Interaction to Next Paint measurement. Learn more about the Interaction to Next Paint metric.INP
User Timing marks and measures 5 user timings
Consider instrumenting your app with the User Timing API to measure your app's real-world performance during key user experiences. Learn more about User Timing marks.
Name | Type | Start Time | Duration |
---|---|---|---|
Next.js-route-change-to-render | Measure | 262.20 ms | 597.98 ms |
Next.js-render | Measure | 860.18 ms | 22.21 ms |
routeChange | Mark | 262.21 ms | |
beforeRender | Mark | 860.19 ms | |
afterRender | Mark | 882.41 ms |
Keep request counts low and transfer sizes small 12 requests • 21 KiB
To set budgets for the quantity and size of page resources, add a budget.json file. Learn more about performance budgets.
Resource Type | Requests | Transfer Size |
---|---|---|
Total | 12.0 | 21.4 KiB |
Other | 5.0 | 9.4 KiB |
Image | 4.0 | 8.8 KiB |
Script | 3.0 | 3.2 KiB |
Stylesheet | 0.0 | 0.0 KiB |
Media | 0.0 | 0.0 KiB |
Font | 0.0 | 0.0 KiB |
Document | 0.0 | 0.0 KiB |
Third-party | 2.0 | 3.8 KiB |
Avoid large layout shifts 1 element found
These DOM elements contribute most to the CLS of the page.CLS
Element | CLS Contribution |
---|---|
Code © 2020-2021 Mike's Cereal Shack Authors
Content © 2005-2013 NBCUniversal M… <footer class="w-full flex flex-row flex-wrap p-2 text-center text-gray-400 sm:text-left …"> | 0.065 |
Avoid long main-thread tasks 2 long tasks found
Lists the longest tasks on the main thread, useful for identifying worst contributors to input delay. Learn how to avoid long main-thread tasksTBT
URL | Start Time | Duration |
---|---|---|
1,765 ms | 76 ms | |
11 ms | 55 ms |
Passed audits (20) Show Hide
Passed audits (20)
Show Hide
Properly size images
Serve images that are appropriately-sized to save cellular data and improve load time. Learn how to size images.
Minify CSS
Minifying CSS files can reduce network payload sizes. Learn how to minify CSS.
Minify JavaScript
Minifying JavaScript files can reduce payload sizes and script parse time. Learn how to minify JavaScript.
Reduce unused CSS
Reduce unused rules from stylesheets and defer CSS not used for above-the-fold content to decrease bytes consumed by network activity. Learn how to reduce unused CSS.
Reduce unused JavaScript
Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. Learn how to reduce unused JavaScript.
Efficiently encode images
Optimized images load faster and consume less cellular data. Learn how to efficiently encode images.
Serve images in next-gen formats
Image formats like WebP and AVIF often provide better compression than PNG or JPEG, which means faster downloads and less data consumption. Learn more about modern image formats.
Enable text compression
Text-based resources should be served with compression (gzip, deflate or brotli) to minimize total network bytes. Learn more about text compression.
Use video formats for animated content
Large GIFs are inefficient for delivering animated content. Consider using MPEG4/WebM videos for animations and PNG/WebP for static images instead of GIF to save network bytes. Learn more about efficient video formats
Remove duplicate modules in JavaScript bundles
Remove large, duplicate JavaScript modules from bundles to reduce unnecessary bytes consumed by network activity. TBT
Avoid serving legacy JavaScript to modern browsers
Polyfills and transforms enable legacy browsers to use new JavaScript features. However, many aren't necessary for modern browsers. For your bundled JavaScript, adopt a modern script deployment strategy using module/nomodule feature detection to reduce the amount of code shipped to modern browsers, while retaining support for legacy browsers. Learn how to use modern JavaScriptTBT
Avoids enormous network payloads Total size was 21 KiB
Large network payloads cost users real money and are highly correlated with long load times. Learn how to reduce payload sizes.
URL | Transfer Size |
---|---|
…pages/terms-0236318….js (www.mikescerealshack.co) | 4.8 KiB |
…dev_OFFICE_SCENES/query (mnl4bjjsnz-dsn.algolia.net) | 3.8 KiB |
…128w/9b3031e….jpg (cdn.mikescerealshack.co) | 3.7 KiB |
…pages/search-915c07e….js (www.mikescerealshack.co) | 3.2 KiB |
…128w/81d89db….jpg (cdn.mikescerealshack.co) | 2.8 KiB |
…128w/793a408….jpg (cdn.mikescerealshack.co) | 2.2 KiB |
…pages/privacy-864d389….js (www.mikescerealshack.co) | 0.9 KiB |
/logo-text.svg (www.mikescerealshack.co) | 0.1 KiB |
Uses efficient cache policy on static assets 3 resources found
A long cache lifetime can speed up repeat visits to your page. Learn more about efficient cache policies.
URL | Cache TTL | Transfer Size |
---|---|---|
…128w/9b3031e….jpg (cdn.mikescerealshack.co) | 4h | 4 KiB |
…128w/81d89db….jpg (cdn.mikescerealshack.co) | 4h | 3 KiB |
…128w/793a408….jpg (cdn.mikescerealshack.co) | 4h | 2 KiB |
JavaScript execution time 0.3 s
Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to reduce Javascript execution time.TBT
URL | Total CPU Time | Script Evaluation | Script Parse |
---|---|---|---|
298 ms | 116 ms | 0 ms | |
…chunks/framework.9d52415….js (www.mikescerealshack.co) | 169 ms | 151 ms | 0 ms |
Unattributable | 115 ms | 9 ms | 0 ms |
Minimizes main-thread work 0.6 s
Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to minimize main-thread workTBT
Category | Time Spent |
---|---|
Script Evaluation | 327 ms |
Other | 191 ms |
Rendering | 65 ms |
Style & Layout | 50 ms |
Parse HTML & CSS | 2 ms |
Script Parsing & Compilation | 2 ms |
Minimize third-party usage Third-party code blocked the main thread for 0 ms
Third-party code can significantly impact load performance. Limit the number of redundant third-party providers and try to load third-party code after your page has primarily finished loading. Learn how to minimize third-party impact.TBT
Third-Party | Transfer Size | Main-Thread Blocking Time |
---|---|---|
Algolia | 4 KiB | 0 ms |
Uses passive listeners to improve scrolling performance
Consider marking your touch and wheel event listeners as
passive
to improve your page's scroll performance. Learn more about adopting passive event listeners. Avoids document.write()
document.write()
For users on slow connections, external scripts dynamically injected via
document.write()
can delay page load by tens of seconds. Learn how to avoid document.write(). Avoid non-composited animations
Animations which are not composited can be janky and increase CLS. Learn how to avoid non-composited animationsCLS
Avoids unload
event listeners
unload
event listeners The
unload
event does not fire reliably and listening for it can prevent browser optimizations like the Back-Forward Cache. Use pagehide
or visibilitychange
events instead. Learn more about unload event listenersUser Experience
Serves images with low resolution
Image natural dimensions should be proportional to the display size and the pixel ratio to maximize image clarity. Learn how to provide responsive images.
URL | Displayed size | Actual size | Expected size | |
---|---|---|---|---|
a > div.flex > div > img.h-16 <img src="https://cdn.mikescerealshack.co/frames/s3/e3/128w/793a408ca63a660b5d7aa1a4…" fallbacksrc="https://cdn.mikescerealshack.co/frames/s3/e3/128w/a8a4fc239c89991d59a855ce…" class="h-16 w-28 sm:h-24 sm:w-44 max-w-none"> | …128w/793a408….jpg (cdn.mikescerealshack.co) | 112 x 64 | 128 x 72 | 224 x 128 |
a > div.flex > div > img.h-16 <img src="https://cdn.mikescerealshack.co/frames/s3/e3/128w/9b3031eb3988ba363fe94692…" fallbacksrc="https://cdn.mikescerealshack.co/frames/s3/e3/128w/5de94bb353874938309d3f80…" class="h-16 w-28 sm:h-24 sm:w-44 max-w-none"> | …128w/9b3031e….jpg (cdn.mikescerealshack.co) | 112 x 64 | 128 x 72 | 224 x 128 |
a > div.flex > div > img.h-16 <img src="https://cdn.mikescerealshack.co/frames/s8/e13/128w/81d89db1bf3d43b5b21f813…" fallbacksrc="https://cdn.mikescerealshack.co/frames/s8/e13/128w/7026b6c1508a8c97799215a…" class="h-16 w-28 sm:h-24 sm:w-44 max-w-none"> | …128w/81d89db….jpg (cdn.mikescerealshack.co) | 112 x 64 | 128 x 72 | 224 x 128 |
Passed audits (6) Show Hide
Passed audits (6)
Show Hide
Uses HTTPS
All sites should be protected with HTTPS, even ones that don't handle sensitive data. This includes avoiding mixed content, where some resources are loaded over HTTP despite the initial request being served over HTTPS. HTTPS prevents intruders from tampering with or passively listening in on the communications between your app and your users, and is a prerequisite for HTTP/2 and many new web platform APIs. Learn more about HTTPS.
Displays images with correct aspect ratio
Image display dimensions should match natural aspect ratio. Learn more about image aspect ratio.
Avoids deprecated APIs
Deprecated APIs will eventually be removed from the browser. Learn more about deprecated APIs.
No browser errors logged to the console
Errors logged to the console indicate unresolved problems. They can come from network request failures and other browser concerns. Learn more about this errors in console diagnostic audit
No issues in the Issues
panel in Chrome Devtools
Issues
panel in Chrome Devtools Issues logged to the
Issues
panel in Chrome Devtools indicate unresolved problems. They can come from network request failures, insufficient security controls, and other browser concerns. Open up the Issues panel in Chrome DevTools for more details on each issue. Page has valid source maps
Source maps translate minified code to the original source code. This helps developers debug in production. In addition, Lighthouse is able to provide further insights. Consider deploying source maps to take advantage of these benefits. Learn more about source maps.
Not applicable (1) Show Hide
Not applicable (1)
Show Hide
Fonts with font-display: optional
are preloaded
font-display: optional
are preloaded Preload
optional
fonts so first-time visitors may use them. Learn more about preloading fonts