https://codeliterature.

com/

32 77 100 82

Performance Accessibility Best Practices SEO PWA

32

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 Expand view

First Contentful Paint Time to Interactive

3.6 s 10.7 s
Speed Index Total Blocking Time

20.4 s 5,580 ms
Largest Contentful Paint Cumulative Layout Shift

40s 0
 4.0 s 0
View Treemap

Show audits relevant to: All FCP TBT LCP CLS

OPPORTUNITIES

Opportunity Estimated Savings

Eliminate render-blocking resources 2.55 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/style.css (codeliterature.com) 42.7 KiB 930 ms

/css/responsive.css (codeliterature.com) 10.7 KiB 630 ms

…styles/atom-one-light.min.css (cdnjs.cloudflare.com) 1.4 KiB 780 ms

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

Reduce unused CSS 0.9 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/style.css (codeliterature.com) 42.7 KiB 40.3 KiB

…css/bootstrap.min.css (codeliterature.com) 23.0 KiB 22.0 KiB

Minify CSS 0.15 s

Minifying CSS files can reduce network payload sizes. Learn more. FCP LCP

Potential
URL Transfer Size
Savings

/css/style.css (codeliterature.com) 42.7 KiB 7.8 KiB

Serve images in next-gen formats 0.15 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.row > div.col-lg-7 > div.pricing-table-area-five >

img.shapes
…shape/160.png (codeliterature.com) 28.3 KiB 24.6 KiB
<img src="images/shape/160.png" alt=""
class="shapes shape-two">
These suggestions can help your page load faster. They don't directly affect the Performance score.

DIAGNOSTICS

Minimize main-thread work — 15.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

Style & Layout 5,167 ms

Other 4,216 ms

Rendering 2,580 ms

Script Evaluation 2,368 ms

Parse HTML & CSS 480 ms

Script Parsing & Compilation 364 ms

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

…gilroy/gilroy-black-webfont.woff2 (codeliterature.com) 3,000 ms

 Potential
URL
Savings

…fonts/fontawesome-webfont.woff2 (codeliterature.com) 600 ms

…recoleta/Recoleta-Regular.woff2 (codeliterature.com) 3,000 ms

…gordita/gordita_medium-webfont.woff2 (codeliterature.com) 3,000 ms

…gilroy/gilroy-bold-webfont.woff2 (codeliterature.com) 3,000 ms

…font/Flaticon.woff2 (codeliterature.com) 3,000 ms

Reduce the impact of third-party code — Third-party code blocked the main thread for 1,300 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 more. TBT

Third-Party Transfer Size Main-Thread Blocking Time

Cloudflare CDN 36 KiB 944 ms

…11.3.1/highlight.min.js (cdnjs.cloudflare.com) 34 KiB 944 ms

Google Tag Manager 65 KiB 354 ms

/gtag/js?id=G-P2MJ3RJGXQ (www.googletagmanager.com) 65 KiB 354 ms

Google Analytics 0 KiB 0 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
 URL

div.d-flex > div.logo > a > img

<img src="images/logo/codeliterature2.png"
…
alt="" style="width: 200px;">
logo/codeliterature2.png (codeliterature.com)

div.col-lg-4 > div.block-style-twentyTwo > div.icon > img

<img src="images/microphone.png" alt="">
/images/microphone.png (codeliterature.com
)

div.col-lg-4 > div.block-style-twentyTwo > div.icon > img

<img src="images/team.png" alt="">
/images/team.png (codeliterature.com)

div.col-lg-4 > div.block-style-twentyTwo > div.icon > img

<img src="images/code.png" alt="">
/images/code.png (codeliterature.com)

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

<img src="images/java.png" style="width:
20px; display: inline; vertical-align: /images/java.png (codeliterature.com)
middle;">
 URL

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

<img src="images/java.png" style="width:
20px; display: inline; vertical-align: /images/java.png (codeliterature.com)
middle;">

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

<img src="images/java.png" style="width:
20px; display: inline; vertical-align: /images/java.png (codeliterature.com)
middle;">

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

<img src="images/python-32.png" style="width:
20px; display: inline; vertical-align: /images/python-32.png (codeliterature.com)
middle;">

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

<img src="images/python-32.png" style="width:
20px; display: inline; vertical-align: /images/python-32.png (codeliterature.com)
middle;">

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

<img src="images/python-32.png" style="width:
20px; display: inline; vertical-align: /images/python-32.png (codeliterature.com)
middle;">
 URL

div.col-lg-4 > div.block-style-twentyTwo > div.icon > img

<img src="images/icon/184.svg" alt="">
…icon/184.svg (codeliterature.com)

div.row > div.col-md-6 > div.pr-table-wrapper > img.icon

<img src="images/icon/85.svg" alt=""
class="icon"> …icon/85.svg (codeliterature.com)

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

A long cache lifetime can speed up repeat visits to your page. Learn more.

URL Cache TTL Transfer Size

…fonts/fontawesome-webfont.woff2 (codeliterature.com) None 76 KiB

/css/style.css (codeliterature.com) None 43 KiB

…recoleta/Recoleta-Regular.woff2 (codeliterature.com) None 37 KiB

…shape/159.svg (codeliterature.com) None 35 KiB

/vendor/jquery.min.js (codeliterature.com) None 31 KiB

…shape/160.png (codeliterature.com) None 29 KiB

…gordita/gordita_medium-webfont.woff2 (codeliterature.com) None 24 KiB

…css/bootstrap.min.css (codeliterature.com) None 23 KiB

URL Cache TTL Transfer Size

…gilroy/gilroy-bold-webfont.woff2 (codeliterature.com) None 21 KiB

…gilroy/gilroy-black-webfont.woff2 (codeliterature.com) None 21 KiB

…js/bootstrap.min.js (codeliterature.com) None 15 KiB

/css/responsive.css (codeliterature.com) None 11 KiB

…slick/slick.min.js (codeliterature.com) None 11 KiB

…popper.js/popper.min.js (codeliterature.com) None 8 KiB

…css/font-awesome.min.css (codeliterature.com) None 7 KiB

…icon/88.png (codeliterature.com) None 7 KiB

…logo/codeliterature2.png (codeliterature.com) None 7 KiB

/images/team.png (codeliterature.com) None 7 KiB

/vendor/animate.min.css (codeliterature.com) None 5 KiB

…dist/aos.js (codeliterature.com) None 5 KiB

/images/microphone.png (codeliterature.com) None 4 KiB

…dist/jquery.fancybox.min.css (codeliterature.com) None 4 KiB

/vendor/validator.js (codeliterature.com) None 3 KiB

…src/tilt.jquery.js (codeliterature.com) None 3 KiB

/images/code.png (codeliterature.com) None 3 KiB

/images/java.png (codeliterature.com) None 3 KiB

URL Cache TTL Transfer Size

…dist/aos.css (codeliterature.com) None 3 KiB

/js/theme.js (codeliterature.com) None 2 KiB

/css/framework.css (codeliterature.com) None 2 KiB

…css/menu.css (codeliterature.com) None 2 KiB

…icon/52.svg (codeliterature.com) None 2 KiB

…shape/38.svg (codeliterature.com) None 1 KiB

…shape/37.svg (codeliterature.com) None 1 KiB

…font/Flaticon.woff2 (codeliterature.com) None 1 KiB

/vendor/jquery.countTo.js (codeliterature.com) None 1 KiB

…icon/184.svg (codeliterature.com) None 1 KiB

…shape/90.svg (codeliterature.com) None 1 KiB

…shape/91.svg (codeliterature.com) None 1 KiB

…shape/75.svg (codeliterature.com) None 1 KiB

…shape/88.svg (codeliterature.com) None 1 KiB

…icon/85.svg (codeliterature.com) None 1 KiB

…shape/72.svg (codeliterature.com) None 1 KiB

…shape/73.svg (codeliterature.com) None 1 KiB

…shape/line-shape-3.svg (codeliterature.com) None 1 KiB

URL Cache TTL Transfer Size

/vendor/jquery.appear.js (codeliterature.com) None 1 KiB

…shape/86.svg (codeliterature.com) None 1 KiB

…shape/line-shape-2.svg (codeliterature.com) None 1 KiB

…shape/line-shape-9.svg (codeliterature.com) None 1 KiB

/css/custom-animation.css (codeliterature.com) None 1 KiB

…shape/68.svg (codeliterature.com) None 1 KiB

…shape/77.svg (codeliterature.com) None 1 KiB

…shape/87.svg (codeliterature.com) None 1 KiB

…shape/89.svg (codeliterature.com) None 1 KiB

…shape/69.svg (codeliterature.com) None 1 KiB

…shape/70.svg (codeliterature.com) None 1 KiB

…icon/53.svg (codeliterature.com) None 1 KiB

…slick/slick.css (codeliterature.com) None 1 KiB

…shape/67.svg (codeliterature.com) None 1 KiB

/images/python-32.png (codeliterature.com) None 1 KiB

…shape/76.svg (codeliterature.com) None 1 KiB

…icon/86.svg (codeliterature.com) None 1 KiB

…icon/133.svg (codeliterature.com) None 1 KiB

 URL Cache TTL Transfer Size

…shape/74.svg (codeliterature.com) None 1 KiB

…font/flaticon.css (codeliterature.com) None 1 KiB

…recoleta/stylesheet.css (codeliterature.com) None 1 KiB

…shape/211.svg (codeliterature.com) None 1 KiB

…shape/71.svg (codeliterature.com) None 1 KiB

…shape/210.svg (codeliterature.com) None 1 KiB

…js/custom.js (codeliterature.com) None 1 KiB

…gilroy/fonts.css (codeliterature.com) None 1 KiB

…gordita/stylesheet.css (codeliterature.com) None 1 KiB

…icon/87.svg (codeliterature.com) None 0 KiB

First Contentful Paint (3G) — 6735 ms

First Contentful Paint 3G marks the time at which the first text or image is painted while on a 3G network. Learn more.

Reduce JavaScript execution time — 2.7 s

Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads
helps with this. Learn more. TBT

Show 3rd-party resources (2)

Total CPU
URL Script Evaluation Script Parse
Time
 Total CPU
URL Script Evaluation Script Parse
Time

https://codeliterature.com 8,804 ms 16 ms 6 ms

Unattributable 2,302 ms 22 ms 1 ms

/vendor/jquery.min.js (codeliterature.com) 1,430 ms 908 ms 10 ms

…11.3.1/highlight.min.js (cdnjs.cloudflare.com) 1,123 ms 821 ms 11 ms

/gtag/js?id=G-P2MJ3RJGXQ (www.googletagmanager.com) 497 ms 473 ms 15 ms

/js/theme.js (codeliterature.com) 464 ms 64 ms 1 ms

/vendor/validator.js (codeliterature.com) 307 ms 3 ms 304 ms

/css/style.css (codeliterature.com) 55 ms 0 ms 0 ms

Avoid chaining critical requests — 29 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: 11,560 ms

Initial Navigation
https://codeliterature.com

/css/style.css (codeliterature.com)

/css/custom-animation.css (codeliterature.com) - 530 ms, 0.96 KiB

/vendor/animate.min.css (codeliterature.com) - 3,520 ms, 5.48 KiB

…css/font-awesome.min.css (codeliterature.com) - 4,520 ms, 7.22 KiB

…font/flaticon.css (codeliterature.com)
 …font/Flaticon.woff2 (codeliterature.com) - 4,980 ms, 1.38 KiB

…slick/slick.css (codeliterature.com) - 4,620 ms, 0.89 KiB

…css/menu.css (codeliterature.com) - 300 ms, 1.99 KiB

…dist/aos.css (codeliterature.com) - 500 ms, 2.51 KiB

…gordita/stylesheet.css (codeliterature.com)

…gordita/gordita_medium-webfont.woff2 (codeliterature.com) - 4,620 ms, 24.14 KiB

…fonts/fontawesome-webfont.woff2 (codeliterature.com) - 600 ms, 75.61 KiB

…dist/jquery.fancybox.min.css (codeliterature.com) - 300 ms, 3.65 KiB

…css/bootstrap.min.css (codeliterature.com) - 610 ms, 23.03 KiB

…recoleta/stylesheet.css (codeliterature.com)

…recoleta/Recoleta-Regular.woff2 (codeliterature.com) - 4,700 ms, 37.08 KiB

…gilroy/fonts.css (codeliterature.com)

…gilroy/gilroy-black-webfont.woff2 (codeliterature.com) - 4,500 ms, 20.66 KiB

…gilroy/gilroy-bold-webfont.woff2 (codeliterature.com) - 3,690 ms, 21.17 KiB

/css/framework.css (codeliterature.com) - 520 ms, 2.12 KiB

…js/custom.js (codeliterature.com) - 220 ms, 0.61 KiB

…dist/aos.js (codeliterature.com) - 600 ms, 4.75 KiB

/vendor/validator.js (codeliterature.com) - 400 ms, 3.39 KiB

/vendor/jquery.appear.js (codeliterature.com) - 4,900 ms, 1.04 KiB

…11.3.1/highlight.min.js (cdnjs.cloudflare.com) - 20 ms, 34.21 KiB

…popper.js/popper.min.js (codeliterature.com) - 300 ms, 7.63 KiB

…src/tilt.jquery.js (codeliterature.com) - 200 ms, 3.17 KiB

…slick/slick.min.js (codeliterature.com) - 4,900 ms, 10.54 KiB

…js/bootstrap.min.js (codeliterature.com) - 690 ms, 15.42 KiB

/vendor/jquery.countTo.js (codeliterature.com) - 320 ms, 1.35 KiB

…styles/atom-one-light.min.css (cdnjs.cloudflare.com) - 10 ms, 1.38 KiB

/js/theme.js (codeliterature.com) - 5,390 ms, 2.37 KiB

 /css/responsive.css (codeliterature.com) - 790 ms, 10.68 KiB

/vendor/jquery.min.js (codeliterature.com) - 640 ms, 30.53 KiB

Keep request counts low and transfer sizes small — 77 requests • 601 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 77 600.5 KiB

Font 6 180.0 KiB

Script 13 179.9 KiB

Image 40 125.8 KiB

Stylesheet 16 105.3 KiB

Document 1 9.5 KiB

Media 0 0.0 KiB

Other 1 0.0 KiB

Third-party 4 100.5 KiB

Largest Contentful Paint element — 1 element found

This is the largest contentful element painted within the viewport. Learn More LCP

Element
 Element

More than just an AI-based platform

<h1 class="font-rubik" style="font-weight: bold;">

Avoid large layout shifts — 1 element found

These DOM elements contribute most to the CLS of the page. CLS

Element CLS Contribution

Toggle navigation
<nav id="mega-menu-holder" class="navbar navbar-expand-lg">
0

Avoid long main-thread tasks — 20 long tasks found

Lists the longest tasks on the main thread, useful for identifying worst contributors to input delay. Learn more TBT

Show 3rd-party resources (3)

URL Start Time Duration

https://codeliterature.com 826 ms 856 ms

Unattributable 7,655 ms 725 ms

/js/theme.js (codeliterature.com) 10,383 ms 620 ms

URL Start Time Duration

…11.3.1/highlight.min.js (cdnjs.cloudflare.com) 2,444 ms 447 ms

/gtag/js?id=G-P2MJ3RJGXQ (www.googletagmanager.com) 3,292 ms 407 ms

https://codeliterature.com 1,910 ms 373 ms

/gtag/js?id=G-P2MJ3RJGXQ (www.googletagmanager.com) 9,330 ms 370 ms

/vendor/jquery.appear.js (codeliterature.com) 10,050 ms 333 ms

Unattributable 2,950 ms 322 ms

https://codeliterature.com 4,324 ms 321 ms

https://codeliterature.com 6,853 ms 319 ms

https://codeliterature.com 4,007 ms 317 ms

https://codeliterature.com 5,080 ms 317 ms

Unattributable 3,699 ms 308 ms

https://codeliterature.com 7,211 ms 300 ms

https://codeliterature.com 6,066 ms 264 ms

https://codeliterature.com 6,330 ms 263 ms

https://codeliterature.com 5,804 ms 262 ms

https://codeliterature.com 6,593 ms 260 ms

/vendor/jquery.min.js (codeliterature.com) 8,513 ms 257 ms

Avoid non-composited animations — 6 animated elements found

Animations which are not composited can be janky and increase CLS. Learn more CLS

Element Name

# $: Program to add two matrices using list comprehension :$

<div class="type hljs-comment hljs-comment-gray">

Unsupported CSS Property: width typing

X = [[12,7,3], [4 ,5,6], [7 ,8,9]] Y = [[5,8,1], [6,7,3], [4,5,9]] result = [[…

<div class="fade-in">

Unsupported CSS Property: width fadeIn

# $: Python program to display all the prime numbers within an interval :$

<div class="type hljs-comment hljs-comment-gray">

Unsupported CSS Property: width typing

# $: Find the sum of natural using recursive function :$

<div class="type hljs-comment hljs-comment-gray">

Unsupported CSS Property: width typing

 Element Name

def recur_sum(n): if n <= 1: return n else: return n + recur_sum(n-1) num = …

<div class="fade-in">

Unsupported CSS Property: width fadeIn

lower = 900 upper = 1000 print("Prime numbers between", lower, "and", upper, "a…
<div class="fade-in">

Unsupported CSS Property: width fadeIn

More information about the performance of your application. These numbers don't directly affect the Performance score.

PASSED AUDITS (23) Show

77

Accessibility
 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

Assistive technologies, like screen readers, can't interpret ARIA attributes with invalid values. Learn more.

Failing Elements

numbers_within_interval.py
<a class="nav-link active" id="tab-nav-2-1" data-toggle="tab" href="#tab-pane-2-1"
role="tab" aria-controls="#tab-pane-1-1" aria-selected="true">

recursive_function.py
<a class="nav-link active" id="tab-nav-2-1z" data-toggle="tab" href="#tab-pane-2-
1z" role="tab" aria-controls="#tab-pane-2-1z" aria-selected="true">

matrices_comprehension.py
<a class="nav-link active" id="tab-nav-2-1zz" data-toggle="tab" href="#tab-pane-2-
1zz" role="tab" aria-controls="#tab-pane-1-1zz" aria-selected="true">

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

Buttons do not have an accessible name

When a button doesn't have an accessible name, screen readers announce it as "button", making it unusable for users
who rely on screen readers. Learn more.

Failing Elements

<button class="scroll-top" style="display: none;">

Image elements do not have [alt] attributes

Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an
empty alt attribute. Learn more.

Failing Elements

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

<img src="images/python-32.png" style="width: 20px; display: inline; vertical-
align: middle;">

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

<img src="images/java.png" style="width: 20px; display: inline; vertical-align:
middle;">
 Failing Elements

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

<img src="images/python-32.png" style="width: 20px; display: inline; vertical-
align: middle;">

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

<img src="images/java.png" style="width: 20px; display: inline; vertical-align:
middle;">

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

<img src="images/python-32.png" style="width: 20px; display: inline; vertical-
align: middle;">

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

<img src="images/java.png" style="width: 20px; display: inline; vertical-align:
middle;">

Links do not have a discernible name

Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the
navigation experience for screen reader users. Learn more.

Failing Elements
 Failing Elements

div.theme-main-menu > div.d-flex > div.logo > a

<a href="index.html">

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.

Low-contrast text is difficult or impossible for many users to read. Learn more.

Failing Elements

def recur_sum(n): if n <= 1: return n else: return n + recur_sum(n-1) num = …

<code class="pt-0 pl-3 language-python code-border code-white hljs">

Why choose
<span>
Failing Elements

body
<body data-aos-easing="ease" data-aos-duration="1000" data-aos-delay="0" style="overflow: visible;">

Saves your time

<button class="btn btn-link">

Saves your time Code Literature eliminates redundant tasks by quickly producin…
<div class="card">

Code Literature eliminates redundant tasks by quickly producing boilerplate and…

<p>

Saves your time Code Literature eliminates redundant tasks by quickly producin…
<div class="card">

Effort
<button class="btn btn-link">
Failing Elements

Effort
<div class="card">

Investment
<button class="btn btn-link">

Investment
<div class="card">

matrices_comprehension.py
<a class="nav-link active" id="tab-nav-2-1zz" data-toggle="tab" href="#tab-pane-2-
1zz" role="tab" aria-controls="#tab-pane-1-1zz" aria-selected="true">

check_palindrome.java
<a class="nav-link" id="tab-nav-2-2zz" data-toggle="tab" href="#tab-pane-2-2zz"
role="tab" aria-controls="tab-pane-1-2zz" aria-selected="false">

matrices_comprehension.py check_palindrome.java
<ul class="nav element-preview-tab justify-content-center justify-content-md-
start" id="elem-tab-1" role="tablist" style="background: #f7f9fc;">
Failing Elements

# $: Program to add two matrices using list comprehension :$

<div class="type hljs-comment hljs-comment-gray">

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 # $: Program to add two matrices u…

<div class="tab-content border border-top-0 rounded-bottom-5 display-flex shadow-ide"
id="element-tab-content-2" style="background: #fff;">

X = [[12,7,3], [4 ,5,6], [7 ,8,9]] Y = [[5,8,1], [6,7,3], [4,5,9]] result = [[…

<code class="pt-0 pl-3 language-python code-border code-white hljs">

12
<span class="hljs-number">

X = [[12,7,3], [4 ,5,6], [7 ,8,9]] Y = [[5,8,1], [6,7,3], [4,5,9]] result = [[…

<code class="pt-0 pl-3 language-python code-border code-white hljs">
Failing Elements

for
<span class="hljs-keyword">

X = [[12,7,3], [4 ,5,6], [7 ,8,9]] Y = [[5,8,1], [6,7,3], [4,5,9]] result = [[…

<code class="pt-0 pl-3 language-python code-border code-white hljs">

in
<span class="hljs-keyword">

X = [[12,7,3], [4 ,5,6], [7 ,8,9]] Y = [[5,8,1], [6,7,3], [4,5,9]] result = [[…

<code class="pt-0 pl-3 language-python code-border code-white hljs">

range
<span class="hljs-built_in">

X = [[12,7,3], [4 ,5,6], [7 ,8,9]] Y = [[5,8,1], [6,7,3], [4,5,9]] result = [[…

<code class="pt-0 pl-3 language-python code-border code-white hljs">
Failing Elements

len
<span class="hljs-built_in">

X = [[12,7,3], [4 ,5,6], [7 ,8,9]] Y = [[5,8,1], [6,7,3], [4,5,9]] result = [[…

<code class="pt-0 pl-3 language-python code-border code-white hljs">

for
<span class="hljs-keyword">

X = [[12,7,3], [4 ,5,6], [7 ,8,9]] Y = [[5,8,1], [6,7,3], [4,5,9]] result = [[…

<code class="pt-0 pl-3 language-python code-border code-white hljs">

in
<span class="hljs-keyword">

X = [[12,7,3], [4 ,5,6], [7 ,8,9]] Y = [[5,8,1], [6,7,3], [4,5,9]] result = [[…

<code class="pt-0 pl-3 language-python code-border code-white hljs">

range
<span class="hljs-built_in">
Failing Elements

X = [[12,7,3], [4 ,5,6], [7 ,8,9]] Y = [[5,8,1], [6,7,3], [4,5,9]] result = [[…

<code class="pt-0 pl-3 language-python code-border code-white hljs">

len
<span class="hljs-built_in">

X = [[12,7,3], [4 ,5,6], [7 ,8,9]] Y = [[5,8,1], [6,7,3], [4,5,9]] result = [[…

<code class="pt-0 pl-3 language-python code-border code-white hljs">

for
<span class="hljs-keyword">

X = [[12,7,3], [4 ,5,6], [7 ,8,9]] Y = [[5,8,1], [6,7,3], [4,5,9]] result = [[…

<code class="pt-0 pl-3 language-python code-border code-white hljs">

in
<span class="hljs-keyword">
Failing Elements

X = [[12,7,3], [4 ,5,6], [7 ,8,9]] Y = [[5,8,1], [6,7,3], [4,5,9]] result = [[…

<code class="pt-0 pl-3 language-python code-border code-white hljs">

print
<span class="hljs-built_in">

X = [[12,7,3], [4 ,5,6], [7 ,8,9]] Y = [[5,8,1], [6,7,3], [4,5,9]] result = [[…

<code class="pt-0 pl-3 language-python code-border code-white hljs">

FAQ’s
<h6>

FAQ’s Frequently Asked Questions What is Code literature? How does Code literat…
<div class="faq-classic with-bg">

Convinced to work on a new project?

<h2 class="font-gordita">

Convinced to work on a new project? First Name Last Name Email Address Your Mes…
<div class="fancy-short-banner-ten">
Failing Elements

First Name
<label>

Last Name
<label>

Convinced to work on a new project? First Name Last Name Email Address Your Mes…
<div class="fancy-short-banner-ten">

Email Address
<label>

Convinced to work on a new project? First Name Last Name Email Address Your Mes…
<div class="fancy-short-banner-ten">

div.row > div.col-12 > div.input-group-meta > input

<input type="email" placeholder="[email protected]" name="email" required="required" data-error="Valid email
is required.">

Convinced to work on a new project? First Name Last Name Email Address Your Mes…
<div class="fancy-short-banner-ten">

Your Message
<label>

Convinced to work on a new project? First Name Last Name Email Address Your Mes…
<div class="fancy-short-banner-ten">

div.row > div.col-12 > div.input-group-meta > textarea

<textarea placeholder="your message here.." name="message" required="required" data-error="Please,leave us a
message." style="background: #0000;;">

Convinced to work on a new project? First Name Last Name Email Address Your Mes…
<div class="fancy-short-banner-ten">

form > div.row > div.col-12 > input.theme-btn-six

<input type="submit" value="Send Message" class="theme-btn-six lg">
 Failing Elements

Privacy
<a href="#">

body
<body data-aos-easing="ease" data-aos-duration="1000" data-aos-delay="0" style="overflow: visible;">

Security
<a href="#">

body
<body data-aos-easing="ease" data-aos-duration="1000" data-aos-delay="0" style="overflow: visible;">

Terms
<a href="#">

body
<body data-aos-easing="ease" data-aos-duration="1000" data-aos-delay="0" style="overflow: visible;">

These are opportunities to improve the legibility of your content.

NAVIGATION

Heading elements are not in a sequentially-descending order

Properly ordered headings that do not skip levels convey the semantic structure of the page, making it easier to
navigate and understand when using assistive technologies. Learn more.

Failing Elements

INTRODUCTION
<h6>

Saves your time

<h5 class="mb-0">

Convert your comments into codes

<h4>

OUR PRICING
<h6 style="font-size: 15px;">

FAQ’s
<h6>
 Failing Elements

What is Code literature?

<h5 class="mb-0">

SUBSCRIBE NOW
<h6>

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.

PASSED AUDITS (18) Hide

[aria-*] attributes match their roles

[aria-hidden="true"] is not present on the document <body>

[role]s have all required [aria-*] attributes

Elements with an ARIA [role] that require children to contain a specific [role] have all required children.

[role]s are contained by their required parent element

[role] values are valid

 [aria-*] attributes are valid and not misspelled

ARIA IDs are unique

Form elements have associated labels

[user-scalable="no"] is not used in the <meta name="viewport"> element and the [maximum-scale] attribute is not

less than 5.

[aria-hidden="true"] elements do not contain focusable descendents

The page contains a heading, skip link, or landmark region

Document has a <title> element

[id] attributes on active, focusable elements are unique

<html> element has a [lang] attribute

<html> element has a valid value for its [lang] attribute

Lists contain only <li> elements and script supporting elements (<script> and <template>).

List items (<li>) are contained within <ul> or <ol> parent elements

NOT APPLICABLE (20) Hide

[accesskey] values are unique

button, link, and menuitem elements have accessible names

ARIA input fields have accessible names

ARIA meter elements have accessible names

ARIA progressbar elements have accessible names

ARIA toggle fields have accessible names

ARIA tooltip elements have accessible names

ARIA treeitem elements have accessible names

<dl>'s contain only properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements.

Definition list items are wrapped in <dl> elements

No form fields have multiple labels

<frame> or <iframe> elements have a title

<input type="image"> elements have [alt] text

The document does not use <meta http-equiv="refresh">

<object> elements have alternate text

No element has a [tabindex] value greater than 0

Cells in a <table> element that use the [headers] attribute refer to table cells within the same table.

<th> elements and elements with [role="columnheader"/"rowheader"] have data cells they describe.

[lang] attributes have a valid value

 <video> elements contain a <track> element with [kind="captions"]

100

Best Practices

TRUST AND SAFETY

Ensure CSP is effective against XSS attacks

GENERAL

Detected JavaScript libraries

PASSED AUDITS (13) Show

NOT APPLICABLE (1) Show

82

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

Search engines may use `href` attributes on links to crawl websites. Ensure that the `href` attribute of anchor elements
links to an appropriate destination, so more pages of the site can be discovered. Learn More

Uncrawlable Link
 Uncrawlable Link

Contact Sales
<a href="javascript:void(0)" data-toggle="modal" data-target="#myModal"
class="trial-button hover-reverse-gr-bg-one gr-bg-one">

To appear in search results, crawlers need access to your app.

CONTENT BEST PRACTICES

Image elements do not have [alt] attributes

Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an
empty alt attribute. Learn more.

Failing Elements

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

<img src="images/python-32.png" style="width: 20px; display: inline; vertical-
align: middle;">

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

<img src="images/java.png" style="width: 20px; display: inline; vertical-align:
middle;">
 Failing Elements

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

<img src="images/python-32.png" style="width: 20px; display: inline; vertical-
align: middle;">

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

<img src="images/java.png" style="width: 20px; display: inline; vertical-align:
middle;">

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

<img src="images/python-32.png" style="width: 20px; display: inline; vertical-
align: middle;">

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

<img src="images/java.png" style="width: 20px; display: inline; vertical-align:
middle;">

Format your HTML in a way that enables crawlers to better understand your app’s content.

MOBILE FRIENDLY

Tap targets are not sized appropriately — 87% appropriately sized tap targets
 Interactive elements like buttons and links should be large enough (48x48px), and have enough space around them,
to be easy enough to tap without overlapping onto other elements. Learn more.

Tap Target Size Overlapping Target

recursive_function.py
calculate_power.java
<a class="nav-link
<a class="nav-link"
active" id="tab-
id="tab-nav-2-2z" data-
nav-2-1z" data-
toggle="tab" href="#tab- 117x24
toggle="tab"
pane-2-2z" role="tab"
href="#tab-pane-2-1z" role="tab" aria-
aria-controls="#tab-pane-2-2z" aria-
controls="#tab-pane-2-1z" aria-
selected="false">
selected="true">

numbers_within_interv
fibonacci_using_loop.java
al.py
<a class="nav-link"
<a class="nav-link
id="tab-nav-2-2" data-
active" id="tab-
toggle="tab" href="#tab- 136x24
nav-2-1" data-
pane-2-2" role="tab"
toggle="tab" href="#tab-pane-2-1" role="tab"
aria-controls="tab-pane-1-2" aria-
aria-controls="#tab-pane-1-1" aria-
selected="false">
selected="true">

matrices_comprehensi
check_palindrome.java
on.py
<a class="nav-link"
<a class="nav-link
id="tab-nav-2-2zz" data-
active" id="tab-
toggle="tab" href="#tab- 125x24
nav-2-1zz" data-
pane-2-2zz" role="tab"
toggle="tab" href="#tab-pane-2-1zz"
aria-controls="tab-pane-1-2zz" aria-
role="tab" aria-controls="#tab-pane-1-1zz"
selected="false">
aria-selected="true">

Make sure your pages are mobile friendly so users don’t have to pinch or zoom in order to read the content pages. Learn more.
ADDITIONAL ITEMS TO MANUALLY CHECK (1) Hide

Structured data is valid

Run these additional validators on your site to check additional SEO best practices.

PASSED AUDITS (9) Hide

Has a <meta name="viewport"> tag with width or initial-scale

A `<meta name="viewport">` not only optimizes your app for mobile screen sizes, but also prevents a 300 millisecond
delay to user input. Learn more. TBT

Document has a <title> element

The title gives screen reader users an overview of the page, and search engine users rely on it heavily to determine if
a page is relevant to their search. Learn more.

Document has a meta description

Meta descriptions may be included in search results to concisely summarize page content. Learn more.

Page has successful HTTP status code

Pages with unsuccessful HTTP status codes may not be indexed properly. Learn more.

Links have descriptive text

Descriptive link text helps search engines understand your content. Learn more.
 Page isn’t blocked from indexing

Search engines are unable to include your pages in search results if they don't have permission to crawl them. Learn
more.

Document has a valid hreflang

hreflang links tell search engines what version of a page they should list in search results for a given language or
region. Learn more.

Document uses legible font sizes — 100% legible text

Font sizes less than 12px are too small to be legible and require mobile visitors to “pinch to zoom” in order to read.
Strive to have >60% of page text ≥12px. Learn more.

Source Selector % of Page Text Font Size

Legible text 100.00% ≥ 12px

Document avoids plugins

Search engines can't index plugin content, and many devices restrict plugins or don't support them. Learn more.

NOT APPLICABLE (2) Hide

 robots.txt is valid

Document has a valid rel=canonical

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

Service worker is the technology that enables your app to use many Progressive Web App features, such as offline,
add to homescreen, and push notifications. With proper service worker and manifest implementations, browsers can
proactively prompt users to add your app to their homescreen, which can lead to higher engagement. Learn more.

Failure reason

No manifest was fetched

 PWA OPTIMIZED

Does not register a service worker that controls page and start_url

The service worker is the technology that enables your app to use many Progressive Web App features, such as
offline, add to homescreen, and push notifications. Learn more.

Is not configured for a custom splash screen Failures: No manifest was fetched.

A themed splash screen ensures a high-quality experience when users launch your app from their homescreens.
Learn more.

Does not set a theme color for the address bar. Failures: No manifest was fetched.

The browser address bar can be themed to match your site. Learn more.

Content is sized correctly for the viewport

If the width of your app's content doesn't match the width of the viewport, your app might not be optimized for mobile
screens. Learn more.

Has a <meta name="viewport"> tag with width or initial-scale

A `<meta name="viewport">` not only optimizes your app for mobile screen sizes, but also prevents a 300 millisecond
delay to user input. Learn more. TBT

Does not provide a valid apple-touch-icon

For ideal appearance on iOS when users add a progressive web app to the home screen, define an `apple-touch-
icon`. It must point to a non-transparent 192px (or 180px) square PNG. Learn More.
 Manifest doesn't have a maskable icon No manifest was fetched

A maskable icon ensures that the image fills the entire shape without being letterboxed when installing the app on a
device. Learn more.

ADDITIONAL ITEMS TO MANUALLY CHECK (3) Show

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 30, 2022, 4:30 PM Emulated Moto G4 with Lighthouse 9.3.0 Single page load
GMT+5:30
Initial page load Unknown Using HeadlessChromium 98.0.4758.102
with lr

Generated by Lighthouse 9.3.0 | File an issue