0–49 50–89 90–100
Metrics
Total Blocking Time
120 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.131
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 | |
|---|---|
mikescerealshack.co 1st party | |
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) |
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 | 259.64 ms | 605.02 ms |
Next.js-render | Measure | 864.66 ms | 24.79 ms |
routeChange | Mark | 259.64 ms | |
beforeRender | Mark | 864.67 ms | |
afterRender | Mark | 889.89 ms |
Keep request counts low and transfer sizes small 18 requests • 65 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 | 18.0 | 64.5 KiB |
Image | 10.0 | 30.9 KiB |
Other | 5.0 | 30.4 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 | 24.7 KiB |
Avoid large layout shifts 1 element found
These DOM elements contribute most to the CLS of the page. Learn how to improve CLSCLS
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.131 |
Avoid long main-thread tasks 1 long task 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 |
|---|---|---|
mikescerealshack.co 1st party | 173 ms | |
1,903 ms | 173 ms |
Passed audits (21) Show Hide
Passed audits (21)
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 65 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 |
|---|---|
mikescerealshack.co 1st party | 33.2 KiB |
…pages/terms-0236318….js (www.mikescerealshack.co) | 4.8 KiB |
…128w/f5c5012….jpg (cdn.mikescerealshack.co) | 4.4 KiB |
…128w/558dc2f….jpg (cdn.mikescerealshack.co) | 3.7 KiB |
…128w/5d1df07….jpg (cdn.mikescerealshack.co) | 3.7 KiB |
…128w/08b3049….jpg (cdn.mikescerealshack.co) | 3.5 KiB |
…128w/5fbc916….jpg (cdn.mikescerealshack.co) | 3.5 KiB |
…128w/9b3031e….jpg (cdn.mikescerealshack.co) | 3.3 KiB |
…pages/search-915c07e….js (www.mikescerealshack.co) | 3.2 KiB |
…128w/b997cdb….jpg (cdn.mikescerealshack.co) | 3.1 KiB |
Algolia utility | 24.7 KiB |
…dev_OFFICE_SCENES/query (mnl4bjjsnz-dsn.algolia.net) | 24.7 KiB |
Uses efficient cache policy on static assets 9 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 |
|---|---|---|
mikescerealshack.co 1st party | 31 KiB | |
…128w/f5c5012….jpg (cdn.mikescerealshack.co) | 4h | 4 KiB |
…128w/558dc2f….jpg (cdn.mikescerealshack.co) | 4h | 4 KiB |
…128w/5d1df07….jpg (cdn.mikescerealshack.co) | 4h | 4 KiB |
…128w/08b3049….jpg (cdn.mikescerealshack.co) | 4h | 4 KiB |
…128w/5fbc916….jpg (cdn.mikescerealshack.co) | 4h | 4 KiB |
…128w/9b3031e….jpg (cdn.mikescerealshack.co) | 4h | 3 KiB |
…128w/b997cdb….jpg (cdn.mikescerealshack.co) | 4h | 3 KiB |
…128w/81d89db….jpg (cdn.mikescerealshack.co) | 4h | 3 KiB |
…128w/793a408….jpg (cdn.mikescerealshack.co) | 4h | 3 KiB |
JavaScript execution time 0.4 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 |
|---|---|---|---|
mikescerealshack.co 1st party | 629 ms | 339 ms | 0 ms |
446 ms | 185 ms | 0 ms | |
…chunks/framework.9d52415….js (www.mikescerealshack.co) | 183 ms | 155 ms | 0 ms |
Unattributable | 162 ms | 13 ms | 0 ms |
Unattributable | 162 ms | 13 ms | 0 ms |
Minimizes main-thread work 0.9 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 | 422 ms |
Other | 298 ms |
Style & Layout | 74 ms |
Rendering | 62 ms |
Garbage Collection | 5 ms |
Parse HTML & CSS | 5 ms |
Script Parsing & Compilation | 1 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 utility | 25 KiB | 0 ms |
…dev_OFFICE_SCENES/query (mnl4bjjsnz-dsn.algolia.net) | 25 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
Minimizes work during key interaction 60 ms spent on event 'keypress'
This is the thread-blocking work occurring during the Interaction to Next Paint measurement. Learn more about the Interaction to Next Paint metric.INP
Event target |
|---|
div.flex > form.flex > input.font-daniel <input type="text" autofocus="" name="q" class="font-daniel font-bold block w-64 p-4 pb-3 mb-8 w-80 sm:w-128 lg:w-192 roun…" placeholder="That's what she said" required="" value="call of duty"> |
Phase | Total time | Script evaluation | Style & Layout | Rendering |
|---|---|---|---|---|
Input delay | 16 ms | |||
12 ms | 7 ms | 0 ms | 0 ms | |
…chunks/framework.9d52415….js (www.mikescerealshack.co) | 2 ms | 2 ms | 0 ms | 0 ms |
Processing time | 33 ms | |||
23 ms | 22 ms | 1 ms | 0 ms | |
…chunks/framework.9d52415….js (www.mikescerealshack.co) | 10 ms | 10 ms | 0 ms | 0 ms |
Presentation delay | 15 ms | |||
…chunks/framework.9d52415….js (www.mikescerealshack.co) | 11 ms | 8 ms | 0 ms | 1 ms |
4 ms | 0 ms | 0 ms | 1 ms |
Page didn't prevent back/forward cache restoration
Many navigations are performed by going back to a previous page, or forwards again. The back/forward cache (bfcache) can speed up these return navigations. Learn more about the bfcache
User 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 | |
|---|---|---|---|---|
mikescerealshack.co 1st party | ||||
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/s7/e11/128w/5d1df07b1741f4c3e66ed20…" fallbacksrc="https://cdn.mikescerealshack.co/frames/s7/e11/128w/db42e8a6a975219d129746b…" class="h-16 w-28 sm:h-24 sm:w-44 max-w-none"> | …128w/5d1df07….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 (7) Show Hide
Passed audits (7)
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 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 listeners 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