https://www.mikescerealshack.co/search?q=call+of+duty
0–49 50–89 90–100
Final Screenshot
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.
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Show audits relevant to:
Diagnostics
Image elements do not have explicit 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 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
More information about the performance of your application. These numbers don't directly affect the Performance score.
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
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()
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
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
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
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
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 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
Fonts with font-display: optional are preloaded
Preload optional fonts so first-time visitors may use them. Learn more about preloading fonts