Thecodeamigo Report Viewer

https://thecodeamigo.
com/
73 77 83 83
Performance Accessibility Best Practices SEO PWA
73
Performance
Values are estimated and may vary. The performance score is
calculated directly from these metrics. See calculator.
0–49 50–89 90–100
METRICS Collapse view
First Contentful Paint Time to Interactive
3.7 s 5.7 s
First Contentful Paint marks the time at which the Time to interactive is the amount of time it takes for
first text or image is painted. Learn more. the page to become fully interactive. Learn more.
S dI d T t l Bl ki Ti
Speed Index Total Blocking Time
7.2 s 20 ms
Speed Index shows how quickly the contents of a Sum of all time periods between FCP and Time to
page are visibly populated. Learn more. Interactive, when task length exceeded 50ms,
expressed in milliseconds. Learn more.
Largest Contentful Paint Cumulative Layout Shift
3.7 s 0.017
Largest Contentful Paint marks the time at which the Cumulative Layout Shift measures the movement of
largest text or image is painted. Learn more visible elements within the viewport. Learn more.
View Treemap
Show audits relevant to: All FCP TBT LCP CLS
OPPORTUNITIES
Opportunity Estimated Savings
Eliminate render-blocking resources 3.15 s
Resources are blocking the first paint of your page. Consider delivering critical JS/CSS inline and deferring all non-
critical JS/styles. Learn more. FCP LCP
Show 3rd-party resources (2)

Potential
URL Transfer Size
Savings
/css/bootstrap.css (thecodeamigo.com) 56.8 KiB 1,530 ms
/css/plugins.css (thecodeamigo.com) 43.0 KiB 1,380 ms
/css/main.css (thecodeamigo.com) 6.4 KiB 630 ms
/css/responsive.css (thecodeamigo.com) 1.5 KiB 480 ms
/css/elements-adjustment.css (thecodeamigo.com) 1.4 KiB 480 ms
…base16/harmonic16-dark.min.css (cdnjs.cloudflare.com) 1.6 KiB 780 ms
…11.3.1/highlight.min.js (cdnjs.cloudflare.com) 34.2 KiB 750 ms
Serve images in next-gen formats 1.65 s
Image formats like WebP and AVIF often provide better compression than PNG or JPEG, which means faster
downloads and less data consumption. Learn more.
Resource Potential
URL
Size Savings
div.work-item > div.work-img >

a.zoom-image > img.animImg
<img class="animImg" /img/fast.jpg (thecodeamigo.com) 239.7 KiB 205.9 KiB
src="img/fast.jpg">
Resource Potential
URL
Size Savings
div.work-item > div.work-img

> a.zoom-image >
img.animImg /img/support-
73.0 KiB 42.7 KiB
<img class="animImg" language.jpg (thecodeamigo.com)
src="img/support-
language.jpg">

> a.zoom-image >
img.animImg /img/voice-
58.9 KiB 34.4 KiB
<img class="animImg" command.jpg (thecodeamigo.com)
src="img/voice-
command.jpg">

/img/comment-to-
<img class="animImg" 38.8 KiB 23.6 KiB
code.jpg (thecodeamigo.com)
src="img/comment-to-
code.jpg">
div.row > div.col-md-3

> a.logo > img
<img /img/thecodeamigo-new-
36.4 KiB 23.5 KiB
src="img/thecodeami sm.png (thecodeamigo.com)
go-new-sm.png"
style="width: 150px;">
Efficiently encode images 0.9 s
Optimized images load faster and consume less cellular data. Learn more.
Resource Potential
URL
Size Savings

<img class="animImg" /img/fast.jpg (thecodeamigo.com) 239.7 KiB 163.7 KiB
src="img/fast.jpg">
Properly size images 0.6 s
Serve images that are appropriately-sized to save cellular data and improve load time. Learn more.
Resource Potential
URL
Size Savings

> a.zoom-image > img.img-
fluid /img/support-
73.0 KiB 39.6 KiB
<img class="img-fluid" language.jpg (thecodeamigo.com)
src="img/support-
language.jpg" alt="">

> a.zoom-image > img.img-
fluid /img/voice-
58.9 KiB 32.0 KiB
<img class="img-fluid" command.jpg (thecodeamigo.com)
src="img/voice-
command.jpg" alt="">
Resource Potential
URL
Size Savings
div.row > div.col-md-3

> a.logo > img
<img /img/thecodeamigo-new-
36.4 KiB 15.5 KiB
src="img/thecodeami sm.png (thecodeamigo.com)
go-new-sm.png"
Reduce unused CSS 0.6 s
Reduce unused rules from stylesheets and defer CSS not used for above-the-fold content to decrease bytes
consumed by network activity. Learn more. FCP LCP
Potential
URL Transfer Size
Savings
/css/bootstrap.css (thecodeamigo.com) 56.8 KiB 55.7 KiB
/css/plugins.css (thecodeamigo.com) 43.0 KiB 41.8 KiB
Reduce unused JavaScript 0.45 s
Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network
activity. Learn more. LCP
Potential
URL Transfer Size
Savings
/js/plugins.js (thecodeamigo.com) 44.4 KiB 34.1 KiB

Potential
URL Transfer Size
Savings
/gtag/js?id=G-WCB1VHDR6R (www.googletagmanager.com) 64.8 KiB 26.6 KiB
These suggestions can help your page load faster. They don't directly affect the Performance score.
DIAGNOSTICS
Ensure text remains visible during webfont load
Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading. Learn more. FCP
LCP
Potential
URL
Savings
…v19/pxiByp8kv….woff2 (fonts.gstatic.com) 0 ms
/fonts/fa-solid-900.woff2 (thecodeamigo.com) 670 ms
…v19/pxiEyp8kv….woff2 (fonts.gstatic.com) 0 ms
/fonts/fa-brands-400.woff2 (thecodeamigo.com) 700 ms
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 more CLS
URL
div.work-item > div.work-img > a.zoom-image >

img.img-fluid
<img class="img-fluid" src="img/voice- /img/voice-command.jpg (thecodeamigo.com)
command.jpg" alt="">
div.work-item > div.work-img > a.zoom-image >

img.img-fluid
<img class="img-fluid" src="img/support- /img/support-language.jpg (thecodeamigo.com)
language.jpg" alt="">
div.work-item > div.work-img > a.zoom-image > img.img-

fluid
<img class="img-fluid" src="img/comment-to- /img/comment-to-code.jpg (thecodeamigo.com)
code.jpg" alt="">
div.work-item > div.work-img > a.zoom-image > img.img-

fluid
<img class="img-fluid" src="img/fast.jpg" /img/fast.jpg (thecodeamigo.com)
alt="">
div.row > div.col-md-3 > a.logo > img

<img src="img/thecodeamigo-new-
sm.png" style="width: 150px;"> /img/thecodeamigo-new-sm.png (thecodeamigo.com)
URL
ul#elem-tab-4 > li.nav-item > a#tab-nav-1-2 >

img
<img src="img/java.png" style="width: /img/java.png (thecodeamigo.com)
20px;">

img
20px;">

img
20px;">

img
<img src="img/python-32.png" /img/python-32.png (thecodeamigo.com)

img
URL

img
Serve static assets with an efficient cache policy — 20 resources found
A long cache lifetime can speed up repeat visits to your page. Learn more.
URL Cache TTL Transfer Size
/img/ceiling.mp4 (thecodeamigo.com) None 738 KiB
/img/fast.jpg (thecodeamigo.com) None 240 KiB
/fonts/fa-solid-900.woff2 (thecodeamigo.com) None 75 KiB
/fonts/fa-brands-400.woff2 (thecodeamigo.com) None 74 KiB
/img/support-language.jpg (thecodeamigo.com) None 73 KiB
/img/voice-command.jpg (thecodeamigo.com) None 59 KiB
/css/bootstrap.css (thecodeamigo.com) None 57 KiB
/js/plugins.js (thecodeamigo.com) None 44 KiB
/css/plugins.css (thecodeamigo.com) None 43 KiB
/img/comment-to-code.jpg (thecodeamigo.com) None 39 KiB

URL Cache TTL Transfer Size
/img/thecodeamigo-new-sm.png (thecodeamigo.com) None 37 KiB
/js/jquery-3.4.1.min.js (thecodeamigo.com) None 30 KiB
/css/main.css (thecodeamigo.com) None 6 KiB
/img/java.png (thecodeamigo.com) None 3 KiB
/js/main.js (thecodeamigo.com) None 2 KiB
/img/dot-light.png (thecodeamigo.com) None 2 KiB
/css/responsive.css (thecodeamigo.com) None 2 KiB
/css/elements-adjustment.css (thecodeamigo.com) None 1 KiB
/img/python-32.png (thecodeamigo.com) None 1 KiB
/analytics.js (www.google-analytics.com) 2h 20 KiB
First Contentful Paint (3G) — 7200 ms
First Contentful Paint 3G marks the time at which the first text or image is painted while on a 3G network. Learn more.
Minimize main-thread work — 4.2 s
Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads
helps with this. Learn more TBT
Category Time Spent
Rendering 1,149 ms
Category Time Spent
Style & Layout 1,134 ms
Other 1,100 ms
Script Evaluation 629 ms
Parse HTML & CSS 170 ms
Script Parsing & Compilation 55 ms
Avoid chaining critical requests — 14 chains found
The Critical Request Chains below show you what resources are loaded with a high priority. Consider reducing the
length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to
improve page load. Learn more. FCP LCP
Maximum critical path latency: 2,160 ms
Initial Navigation
https://thecodeamigo.com
/css/elements-adjustment.css (thecodeamigo.com) - 320 ms, 1.39 KiB
/css/responsive.css (thecodeamigo.com) - 520 ms, 1.55 KiB
/js/jquery-3.4.1.min.js (thecodeamigo.com) - 700 ms, 30.30 KiB
…base16/harmonic16-dark.min.css (cdnjs.cloudflare.com) - 20 ms, 1.60 KiB
/css/main.css (thecodeamigo.com)
/css?family=Poppins:400,500,600,700&display=swap (fonts.googleapis.com)
…v19/pxiByp8kv….woff2 (fonts.gstatic.com) - 0 ms, 8.47 KiB
…v19/pxiEyp8kv….woff2 (fonts.gstatic.com) - 0 ms, 8.60 KiB

/css/plugins.css (thecodeamigo.com)
/fonts/fa-solid-900.woff2 (thecodeamigo.com) - 670 ms, 74.56 KiB
/fonts/fa-brands-400.woff2 (thecodeamigo.com) - 700 ms, 74.41 KiB
/js/plugins.js (thecodeamigo.com) - 740 ms, 44.43 KiB
/js/main.js (thecodeamigo.com) - 260 ms, 2.30 KiB
…11.3.1/highlight.min.js (cdnjs.cloudflare.com) - 20 ms, 34.21 KiB
/css/bootstrap.css (thecodeamigo.com) - 840 ms, 56.78 KiB
Keep request counts low and transfer sizes small — 32 requests • 1,728 KiB
To set budgets for the quantity and size of page resources, add a budget.json file. Learn more.
Resource Type Requests Transfer Size
Total 32 1,728.0 KiB
Media 1 737.8 KiB
Image 8 453.5 KiB
Script 7 233.1 KiB
Font 6 183.3 KiB
Stylesheet 7 112.0 KiB
Document 1 7.7 KiB
Other 2 0.6 KiB
Third-party 12 193.8 KiB
Largest Contentful Paint element — 1 element found

This is the largest contentful element painted within the viewport. Learn More LCP
Element
Dedicated and passionate to help all the developers with our the code amigo.
<p>
Avoid large layout shifts — 2 elements found
These DOM elements contribute most to the CLS of the page. CLS
Element CLS Contribution
transpose_matrice.py find_largest_number.java 1 2 3 4 5 6 7 8 9 10 11 12 13 1…
<div class="col-lg-10 col-md-10 col-12 text-left">
0.011
LET'S TALK
<div class="mt-20 mb-40">
0.006
Avoid long main-thread tasks — 8 long tasks found
Lists the longest tasks on the main thread, useful for identifying worst contributors to input delay. Learn more TBT

URL Start Time Duration
https://thecodeamigo.com 785 ms 148 ms
…11.3.1/highlight.min.js (cdnjs.cloudflare.com) 2,160 ms 142 ms
/gtag/js?id=UA-220…-1&l=dataLayer&cx=c (www.googletagmanager.com) 3,017 ms 100 ms
/js/plugins.js (thecodeamigo.com) 6,720 ms 94 ms
/css/bootstrap.css (thecodeamigo.com) 1,860 ms 61 ms
/gtag/js?id=G-WCB1VHDR6R (www.googletagmanager.com) 2,508 ms 59 ms
Unattributable 933 ms 56 ms
/js/jquery-3.4.1.min.js (thecodeamigo.com) 6,060 ms 55 ms
Avoid non-composited animations — 8 animated elements found
Animations which are not composited can be janky and increase CLS. Learn more CLS
Element Name
::before
<::before>
Unsupported CSS Property: height steam
// ?: Find the largest number among three using nested if..else statement :?
<div class="type hljs-comment">
Unsupported CSS Property: width typing

Element Name
public class Largest { public static void main(String[] args) { double n1 =…

<div class="fade-in">
Unsupported CSS Property: width fadeIn
# ?: load yaml config :?

def load_yaml(self): """ load yaml config """ try: …

?: load a json file as python dictionary :?


Element Name
def load_json(filename): """ load a json file as python dictionary …

loading …
<div class="loading-wrapper">
Unsupported CSS Property: visibility visibility
More information about the performance of your application. These numbers don't directly affect the Performance score.
PASSED AUDITS (23) Show
77
Accessibility
These checks highlight opportunities to improve the accessibility of your
web app. Only a subset of accessibility issues can be automatically
detected so manual testing is also encouraged.
ARIA
[aria-*] attributes do not have valid values
ARIA IDs are not unique
These are opportunities to improve the usage of ARIA in your application which may enhance the experience for users of assistive technology, like
a screen reader.
NAMES AND LABELS
Image elements do not have [alt] attributes
Links do not have a discernible name
These are opportunities to improve the semantics of the controls in your application. This may enhance the experience for users of assistive
technology, like a screen reader.
CONTRAST
Background and foreground colors do not have a sufficient contrast ratio.
These are opportunities to improve the legibility of your content.
NAVIGATION
Heading elements are not in a sequentially-descending order
These are opportunities to improve keyboard navigation in your application.
ADDITIONAL ITEMS TO MANUALLY CHECK (10) Show
These items address areas which an automated testing tool cannot cover. Learn more in our guide on conducting an accessibility review.
NOT APPLICABLE (21) Show
83
Best Practices
TRUST AND SAFETY

Includes front-end JavaScript libraries with known security vulnerabilities — 2 vulnerabilities detected
Ensure CSP is effective against XSS attacks
USER EXPERIENCE
Serves images with low resolution
GENERAL
Detected JavaScript libraries
83
SEO
These checks ensure that your page is following basic search engine
optimization advice. There are many additional factors Lighthouse does not
score here that may affect your search ranking, including performance on
Core Web Vitals. Learn more.
CRAWLING AND INDEXING
Links are not crawlable
To appear in search results, crawlers need access to your app.
CONTENT BEST PRACTICES
Image elements do not have [alt] attributes
Format your HTML in a way that enables crawlers to better understand your app’s content.
Run these additional validators on your site to check additional SEO best practices.

PWA
These checks validate the aspects of a Progressive Web App. Learn more.
INSTALLABLE
Web app manifest or service worker do not meet the installability requirements — 1 reason
PWA OPTIMIZED
Does not register a service worker that controls page and start_url
Is not configured for a custom splash screen Failures: No manifest was fetched.
Does not set a theme color for the address bar.

Failures: No manifest was fetched, No `<meta name="theme-color">` tag found.
Content is sized correctly for the viewport
Has a <meta name="viewport"> tag with width or initial-scale
Does not provide a valid apple-touch-icon
Manifest doesn't have a maskable icon No manifest was fetched
These checks are required by the baseline PWA Checklist but are not automatically checked by Lighthouse. They do not affect your score but it's
important that you verify them manually.
Captured at Mar 8, 2022, 3:16 PM Emulated Moto G4 with Lighthouse 9.3.0 Single page load
GMT+5:30
Initial page load Unknown Using HeadlessChromium 95.0.4638.69
with lr
Generated by Lighthouse 9.3.0 | File an issue

Thecodeamigo Report Viewer

Uploaded by

Copyright:

Available Formats

You might also like

Thecodeamigo Report Viewer

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Thecodeamigo Report Viewer

Uploaded by

Copyright:

Available Formats

https://thecodeamigo.

Performance Accessibility Best Practices SEO PWA

0–49 50–89 90–100

METRICS Collapse view

First Contentful Paint Time to Interactive

Largest Contentful Paint Cumulative Layout Shift

Show audits relevant to: All FCP TBT LCP CLS

Opportunity Estimated Savings

Eliminate render-blocking resources 3.15 s

Show 3rd-party resources (2)

/css/bootstrap.css (thecodeamigo.com) 56.8 KiB 1,530 ms

/css/plugins.css (thecodeamigo.com) 43.0 KiB 1,380 ms

/css/main.css (thecodeamigo.com) 6.4 KiB 630 ms

/css/responsive.css (thecodeamigo.com) 1.5 KiB 480 ms

/css/elements-adjustment.css (thecodeamigo.com) 1.4 KiB 480 ms

…base16/harmonic16-dark.min.css (cdnjs.cloudflare.com) 1.6 KiB 780 ms

…11.3.1/highlight.min.js (cdnjs.cloudflare.com) 34.2 KiB 750 ms

Serve images in next-gen formats 1.65 s

div.work-item > div.work-img >

div.work-item > div.work-img

div.work-item > div.work-img

div.work-item > div.work-img >

div.row > div.col-md-3

Efficiently encode images 0.9 s

div.work-item > div.work-img >

Properly size images 0.6 s

div.work-item > div.work-img

div.work-item > div.work-img

div.row > div.col-md-3

Reduce unused CSS 0.6 s

/css/bootstrap.css (thecodeamigo.com) 56.8 KiB 55.7 KiB

/css/plugins.css (thecodeamigo.com) 43.0 KiB 41.8 KiB

Reduce unused JavaScript 0.45 s

Show 3rd-party resources (1)

/js/plugins.js (thecodeamigo.com) 44.4 KiB 34.1 KiB

/gtag/js?id=G-WCB1VHDR6R (www.googletagmanager.com) 64.8 KiB 26.6 KiB

Ensure text remains visible during webfont load

Show 3rd-party resources (4)

/fonts/fa-solid-900.woff2 (thecodeamigo.com) 670 ms

/fonts/fa-brands-400.woff2 (thecodeamigo.com) 700 ms

Image elements do not have explicit width and height

div.work-item > div.work-img > a.zoom-image >

div.work-item > div.work-img > a.zoom-image >

div.work-item > div.work-img > a.zoom-image > img.img-

div.work-item > div.work-img > a.zoom-image > img.img-

div.row > div.col-md-3 > a.logo > img

ul#elem-tab-4 > li.nav-item > a#tab-nav-1-2 >

ul#elem-tab-1 > li.nav-item > a#tab-nav-1-2 >

ul#elem-tab-3 > li.nav-item > a#tab-nav-1-2 >

ul#elem-tab-4 > li.nav-item > a#tab-nav-1-1 >

ul#elem-tab-1 > li.nav-item > a#tab-nav-1-1 >

ul#elem-tab-3 > li.nav-item > a#tab-nav-1-1 >

Serve static assets with an efficient cache policy — 20 resources found

Show 3rd-party resources (1)

URL Cache TTL Transfer Size

/img/ceiling.mp4 (thecodeamigo.com) None 738 KiB

/img/fast.jpg (thecodeamigo.com) None 240 KiB