02 CODESTRAIGHT Page Audit Report

You might also like

Download as pdf or txt
Download as pdf or txt
You are on page 1of 52

https://codestraight.

com/

25 78 92 83

Performance Accessibility Best Practices SEO PWA

25

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

5.2 s 10.8 s
Speed Index Total Blocking Time

16.8 s 530 ms
Largest Contentful Paint Cumulative Layout Shift

55s 0 634
5.5 s 0.634
View Treemap

Show audits relevant to: All FCP TBT LCP CLS

OPPORTUNITIES

Opportunity Estimated Savings

Eliminate render-blocking resources 4.8 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

There are a number of WordPress plugins that can help you inline critical assets or defer less important
resources. Beware that optimizations provided by these plugins may break features of your theme or plugins, so
you will likely need to make code changes.

Show 3rd-party resources (4)

Potential
URL Transfer Size
Savings

…hummingbird-assets/41d9969….css (codestraight.com) 23.1 KiB 1,380 ms

/css?family=Noto+Serif%3A400%2C400i%2C700%2C700i&ver=5.6.6 (fonts.googleapis.com) 1.6 KiB 780 ms

…hummingbird-assets/47dbccf….css (codestraight.com) 14.6 KiB 1,230 ms


Potential
URL Transfer Size
Savings

…blocks/mediacloud-mux.blocks.style.css (codestraight.com) 0.5 KiB 480 ms

…css/mcloud-elementor4d9c.css?ver=4.2.20 (codestraight.com) 6.4 KiB 780 ms

…ohio/style3f90.css?ver=5.6.6 (codestraight.com) 91.8 KiB 3,030 ms

…ohio-child/style254d.css?ver=2.3.1 (codestraight.com) 0.8 KiB 480 ms

…css/elementor-icons.min21f9.css?ver=5.11.0 (codestraight.com) 3.9 KiB 330 ms

…animations/animations.minee9a.css?ver=3.2.2 (codestraight.com) 2.9 KiB 330 ms

…css/frontend-legacy.minee9a.css?ver=3.2.2 (codestraight.com) 0.9 KiB 180 ms

…css/frontend.minee9a.css?ver=3.2.2 (codestraight.com) 16.9 KiB 930 ms

…css/post-18861dab8.css?ver=162… (codestraight.com) 0.7 KiB 180 ms

…css/post-973.css (codestraight.com) 0.9 KiB 180 ms

…css/post-981.css (codestraight.com) 0.8 KiB 180 ms

…css/post-18507.css (codestraight.com) 1.9 KiB 180 ms

…css/frontend.min521d.css?ver=3.0.10 (codestraight.com) 22.8 KiB 1,080 ms

…css/post-18734031c.css?ver=162… (codestraight.com) 3.0 KiB 330 ms

/imp/?sccss=1&ver=5.6.6 (codestraight.com) 0.7 KiB 180 ms

/css?family=… (fonts.googleapis.com) 2.5 KiB 150 ms

…css/ionicons.min8a54.css?ver=1.0.0 (codestraight.com) 8.2 KiB 480 ms

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


Potential
URL Transfer Size
Savings

…jquery/jquery.min9d52.js?ver=3.5.1 (codestraight.com) 30.5 KiB 1,080 ms

…jquery/jquery-migrate.mind617.js?ver=3.3.2 (codestraight.com) 4.4 KiB 330 ms

…11.3.1/highlight.min.js (cdnjs.cloudflare.com) 34.2 KiB 1,500 ms

Reduce unused CSS 1.95 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

Consider reducing, or switching, the number of WordPress plugins loading unused CSS in your page. To identify
plugins that are adding extraneous CSS, try running code coverage in Chrome DevTools. You can identify the
theme/plugin responsible from the URL of the stylesheet. Look out for plugins that have many stylesheets in the
list which have a lot of red in code coverage. A plugin should only enqueue a stylesheet if it is actually used on
the page.

Potential
URL Transfer Size
Savings

…ohio/style3f90.css?ver=5.6.6 (codestraight.com) 91.8 KiB 84.3 KiB

…hummingbird-assets/41d9969….css (codestraight.com) 23.1 KiB 23.1 KiB

…css/frontend.min521d.css?ver=3.0.10 (codestraight.com) 22.8 KiB 22.8 KiB

…hummingbird-assets/454da18….css (codestraight.com) 20.6 KiB 17.0 KiB

…css/frontend.minee9a.css?ver=3.2.2 (codestraight.com) 16.9 KiB 16.4 KiB

…hummingbird-assets/47dbccf….css (codestraight.com) 14.6 KiB 14.5 KiB


Serve images in next-gen formats 1.5 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.

Consider using a plugin or service that will automatically convert your uploaded images to the optimal formats.

Show 3rd-party resources (1)

Resource Potential
URL
Size Savings

div.elementor-container > div.elementor-row >


div.elementor-column > div.elementor-column-wrap
/image/oh__img167.jpg (codestraight.com) 216.8 KiB 99.9 KiB
<div class="elementor-column-wrap elementor-
element-populated">

0 B+ Open-source code 0 + Supported


Languages
<div class="elementor-column-wrap /image/oh__img166.jpg (codestraight.com) 160.4 KiB 77.9 KiB
elementor-element-populated">

div.elementor-column-wrap > div.elementor-widget-


/ohio-demo-
wrap > section.elementor-section > div.elementor-
25/oh__img127.jpg (colabrio.ams3.cdn.digital 153.0 KiB 58.0 KiB
background-overlay
oceanspaces.com)
<div class="elementor-background-overlay">

code straight
/image/codestraight-color-
<img src="image/codestraight-color-sm.png" 28.2 KiB 18.5 KiB
sm.png (codestraight.com)
class="svg-logo" alt="code straight">
Resource Potential
URL
Size Savings

code straight
<img src="image/codestraight-white-sm.png" /image/codestraight-white-
25.9 KiB 15.9 KiB
class="dark-scheme-logo svg-logo" alt="code sm.png (codestraight.com)
straight">

Reduce initial server response time 0.6 s

Keep the server response time for the main document short because all other requests depend on it. Learn more.
FCP LCP

Themes, plugins, and server specifications all contribute to server response time. Consider finding a more
optimized theme, carefully selecting an optimization plugin, and/or upgrading your server.

URL Time Spent

https://codestraight.com 700 ms

Defer offscreen images 0.6 s

Consider lazy-loading offscreen and hidden images after all critical resources have finished loading to lower time to
interactive. Learn more.

Install a lazy-load WordPress plugin that provides the ability to defer any offscreen images, or switch to a theme
that provides that functionality. Also consider using the AMP plugin.

Resource Potential
URL
Size Savings
Resource Potential
URL
Size Savings

div.elementor-column-wrap > div.elementor-widget-


/ohio-demo-
wrap > section.elementor-section > div.elementor-
25/oh__img127.jpg (colabrio.ams3.cdn.digital 153.0 KiB 153.0 KiB
background-overlay
oceanspaces.com)
<div class="elementor-background-overlay">

Reduce unused JavaScript 0.3 s

Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network
activity. Learn more. LCP

Consider reducing, or switching, the number of WordPress plugins loading unused JavaScript in your page. To
identify plugins that are adding extraneous JS, try running code coverage in Chrome DevTools. You can identify
the theme/plugin responsible from the URL of the script. Look out for plugins that have many scripts in the list
which have a lot of red in code coverage. A plugin should only enqueue a script if it is actually used on the page.

Show 3rd-party resources (1)

Potential
URL Transfer Size
Savings

…swiper/swiper.min48f5.js?ver=5.3.6 (codestraight.com) 35.0 KiB 31.4 KiB

/gtag/js?id=G-CZM8WPPPTM (www.googletagmanager.com) 64.9 KiB 27.3 KiB

…js/main254d.js?ver=2.3.1 (codestraight.com) 35.6 KiB 25.1 KiB

Minify CSS 0.15 s

Minifying CSS files can reduce network payload sizes. Learn more. FCP LCP
A number of WordPress plugins can speed up your site by concatenating, minifying, and compressing your
styles. You may also want to use a build process to do this minification up-front if possible.

Potential
URL Transfer Size
Savings

…ohio/style3f90.css?ver=5.6.6 (codestraight.com) 91.8 KiB 20.9 KiB

Minify JavaScript 0.15 s

Minifying JavaScript files can reduce payload sizes and script parse time. Learn more. FCP LCP

A number of WordPress plugins can speed up your site by concatenating, minifying, and compressing your
scripts. You may also want to use a build process to do this minification up front if possible.

Potential
URL Transfer Size
Savings

…js/main254d.js?ver=2.3.1 (codestraight.com) 35.6 KiB 15.1 KiB

…libs/jquery.clb-slider3f90.js?ver=5.6.6 (codestraight.com) 5.8 KiB 2.9 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

…v29/KFOlCnqEu….woff2 (fonts.gstatic.com) 0 ms

…v29/KFOlCnqEu….woff2 (fonts.gstatic.com) 0 ms

…v29/KFOmCnqEu….woff2 (fonts.gstatic.com) 0 ms

…v29/KFOlCnqEu….woff2 (fonts.gstatic.com) 10 ms

Does not use 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.

Source

…jquery/jquery.min9d52.js?ver=3.5.1:2:41540 (codestraight.com)

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

code straight
<img src="image/codestraight-color-sm.png"
/image/codestraight-color-
class="main-logo svg-logo" alt="code
sm.png (codestraight.com)
straight">
URL

code straight
/image/codestraight-white-
<img src="image/codestraight-white-sm.png" class="main-logo svg-logo"
sm.png (codestraight.com)
alt="code straight">

First Contentful Paint (3G) — 10073.5 ms

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

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

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

Read about Browser Caching in WordPress.

Show 3rd-party resources (1)

URL Cache TTL Transfer Size

/image/oh__img167.jpg (codestraight.com) None 217 KiB

/image/oh__img166.jpg (codestraight.com) None 161 KiB

…ohio/style3f90.css?ver=5.6.6 (codestraight.com) None 92 KiB

…webfonts/fa-brands-400.woff2 (codestraight.com) None 76 KiB

…webfonts/ionicons.woff2?v=4.0.0 (codestraight.com) None 50 KiB

…hummingbird-assets/072bc36….js (codestraight.com) None 37 KiB

…js/main254d.js?ver=2.3.1 (codestraight.com) None 36 KiB

…swiper/swiper.min48f5.js?ver=5.3.6 (codestraight.com) None 35 KiB


URL Cache TTL Transfer Size

…jquery/jquery.min9d52.js?ver=3.5.1 (codestraight.com) None 31 KiB

/image/codestraight-color-sm.png (codestraight.com) None 28 KiB

/image/codestraight-white-sm.png (codestraight.com) None 26 KiB

…hummingbird-assets/41d9969….css (codestraight.com) None 23 KiB

…css/frontend.min521d.css?ver=3.0.10 (codestraight.com) None 23 KiB

…js/frontend-modules.minee9a.js?ver=3.2.2 (codestraight.com) None 22 KiB

…hummingbird-assets/454da18….css (codestraight.com) None 21 KiB

…js/frontend.minee9a.js?ver=3.2.2 (codestraight.com) None 20 KiB

…css/frontend.minee9a.css?ver=3.2.2 (codestraight.com) None 17 KiB

…hummingbird-assets/47dbccf….css (codestraight.com) None 15 KiB

…dist/isotope.pkgd.min31dc.js?ver=6.6.0 (codestraight.com) None 10 KiB

…hummingbird-assets/4cb1cc5….js (codestraight.com) None 10 KiB

…css/ionicons.min8a54.css?ver=1.0.0 (codestraight.com) None 8 KiB

/image/VectorShape2.svg (codestraight.com) None 8 KiB

…js/masonry.min3a05.js?ver=4.2.2 (codestraight.com) None 8 KiB

…ui/core.min35d0.js?ver=1.12.1 (codestraight.com) None 7 KiB

…css/mcloud-elementor4d9c.css?ver=4.2.20 (codestraight.com) None 6 KiB

…libs/jquery.clb-slider3f90.js?ver=5.6.6 (codestraight.com) None 6 KiB


URL Cache TTL Transfer Size

…libs/aos.min3f90.js?ver=5.6.6 (codestraight.com) None 5 KiB

…jquery/jquery-migrate.mind617.js?ver=3.3.2 (codestraight.com) None 4 KiB

…libs/jquery.mega-menu.min3f90.js?ver=5.6.6 (codestraight.com) None 4 KiB

…css/elementor-icons.min21f9.css?ver=5.11.0 (codestraight.com) None 4 KiB

…dialog/dialog.mina288.js?ver=4.8.1 (codestraight.com) None 4 KiB

…libs/typed.min8a54.js?ver=1.0.0 (codestraight.com) None 4 KiB

…waypoints/waypoints.min05da.js?ver=4.0.2 (codestraight.com) None 3 KiB

…css/post-18734031c.css?ver=162… (codestraight.com) None 3 KiB

…animations/animations.minee9a.css?ver=3.2.2 (codestraight.com) None 3 KiB

…js/webpack.runtime.minee9a.js?ver=3.2.2 (codestraight.com) None 2 KiB

…libs/jquery.event.move.min8a54.js?ver=1.0.0 (codestraight.com) None 2 KiB

…js/imagesloaded.mineda1.js?ver=4.1.4 (codestraight.com) None 2 KiB

…css/post-18507.css (codestraight.com) None 2 KiB

…share-link/share-link.minee9a.js?ver=3.2.2 (codestraight.com) None 1 KiB

/image/demo27_icon1.png (codestraight.com) None 1 KiB

/image/demo27_icon2.png (codestraight.com) None 1 KiB

…libs/jquery.twentytwenty.min8a54.js?ver=1.0.0 (codestraight.com) None 1 KiB

…js/wp-embed.min3f90.js?ver=5.6.6 (codestraight.com) None 1 KiB


URL Cache TTL Transfer Size

…jquery/jquery.masonry.minef70.js?ver=3.1.2b (codestraight.com) None 1 KiB

/image/demo27_icon4.png (codestraight.com) None 1 KiB

/image/demo27_icon3.png (codestraight.com) None 1 KiB

…css/post-973.css (codestraight.com) None 1 KiB

…css/frontend-legacy.minee9a.css?ver=3.2.2 (codestraight.com) None 1 KiB

…css/post-981.css (codestraight.com) None 1 KiB

…ohio-child/style254d.css?ver=2.3.1 (codestraight.com) None 1 KiB

/imp/?sccss=1&ver=5.6.6 (codestraight.com) None 1 KiB

…css/post-18861dab8.css?ver=162… (codestraight.com) None 1 KiB

…circle-progress-bar/handler8a54.js?ver=1.0.0 (codestraight.com) None 1 KiB

…accordion/handler8a54.js?ver=1.0.0 (codestraight.com) None 1 KiB

…counter/handler8a54.js?ver=1.0.0 (codestraight.com) None 1 KiB

…blocks/mediacloud-mux.blocks.style.css (codestraight.com) None 0 KiB

/ohio-demo-25/oh__img127.jpg (colabrio.ams3.cdn.digitaloceanspaces.com) 7d 154 KiB

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

Category Time Spent


Category Time Spent

Style & Layout 3,188 ms

Other 2,908 ms

Script Evaluation 2,088 ms

Rendering 1,966 ms

Parse HTML & CSS 368 ms

Script Parsing & Compilation 98 ms

Garbage Collection 81 ms

Avoid an excessive DOM size — 1,302 elements

A large DOM will increase memory usage, cause longer style calculations, and produce costly layout reflows. Learn
more. TBT

Statistic Element Value

Total DOM
1,302
Elements

Maximum
def
DOM 46
<span class="hljs-keyword">
Depth

body.page-template-default
Maximum <body class="page-template-default page page-id-18734 wp-embed-responsive ohio-theme-
Child 2-…" data-elementor-device-mode="mobile" data-aos-easing="ease" data-aos- 39
Elements duration="400" data-aos-delay="0">
Reduce JavaScript execution time — 2.0 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

https://codestraight.com 7,138 ms 17 ms 7 ms

…jquery/jquery.min9d52.js?ver=3.5.1 (codestraight.com) 1,399 ms 929 ms 7 ms

Unattributable 546 ms 19 ms 1 ms

…hummingbird-assets/072bc36….js (codestraight.com) 274 ms 259 ms 7 ms

…js/main254d.js?ver=2.3.1 (codestraight.com) 270 ms 237 ms 16 ms

…11.3.1/highlight.min.js (cdnjs.cloudflare.com) 229 ms 216 ms 7 ms

/gtag/js?id=G-CZM8WPPPTM (www.googletagmanager.com) 213 ms 190 ms 12 ms

…ohio/style3f90.css?ver=5.6.6 (codestraight.com) 95 ms 0 ms 0 ms

…js/frontend-modules.minee9a.js?ver=3.2.2 (codestraight.com) 71 ms 61 ms 5 ms

…js/frontend.minee9a.js?ver=3.2.2 (codestraight.com) 56 ms 49 ms 4 ms

Avoid chaining critical requests — 53 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: 9,350 ms

Initial Navigation
https://codestraight.com

…js/frontend.minee9a.js?ver=3.2.2 (codestraight.com) - 3,300 ms, 19.53 KiB

…css/ionicons.min8a54.css?ver=1.0.0 (codestraight.com)

…webfonts/ionicons.woff2?v=4.0.0 (codestraight.com) - 550 ms, 49.65 KiB

…libs/aos.min3f90.js?ver=5.6.6 (codestraight.com) - 230 ms, 4.57 KiB

…swiper/swiper.min48f5.js?ver=5.3.6 (codestraight.com) - 3,280 ms, 35.00 KiB

…blocks/mediacloud-mux.blocks.style.css (codestraight.com) - 5,140 ms, 0.46 KiB

…css/elementor-icons.min21f9.css?ver=5.11.0 (codestraight.com) - 4,460 ms, 3.90 KiB

…libs/jquery.twentytwenty.min8a54.js?ver=1.0.0 (codestraight.com) - 2,160 ms, 1.26 KiB

…css/post-18861dab8.css?ver=162… (codestraight.com) - 520 ms, 0.66 KiB

…js/webpack.runtime.minee9a.js?ver=3.2.2 (codestraight.com) - 310 ms, 2.38 KiB

…hummingbird-assets/072bc36….js (codestraight.com) - 620 ms, 37.13 KiB

…css/post-18507.css (codestraight.com) - 2,460 ms, 1.88 KiB

…css/post-973.css (codestraight.com) - 520 ms, 0.86 KiB

…libs/jquery.mega-menu.min3f90.js?ver=5.6.6 (codestraight.com) - 310 ms, 4.11 KiB

…hummingbird-assets/454da18….css (codestraight.com)

…webfonts/fa-brands-400.woff2 (codestraight.com) - 2,590 ms, 75.84 KiB

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

/css?family=… (fonts.googleapis.com)

…v29/KFOlCnqEu….woff2 (fonts.gstatic.com) - 0 ms, 11.69 KiB

…v29/KFOlCnqEu….woff2 (fonts.gstatic.com) - 0 ms, 11.70 KiB

…v29/KFOlCnqEu….woff2 (fonts.gstatic.com) - 10 ms, 11.63 KiB

…v29/KFOmCnqEu….woff2 (fonts.gstatic.com) - 0 ms, 11.68 KiB

…hummingbird-assets/4cb1cc5….js (codestraight.com) - 440 ms, 9.60 KiB

…jquery/jquery.masonry.minef70.js?ver=3.1.2b (codestraight.com) - 3,150 ms, 1.04 KiB


…js/imagesloaded.mineda1.js?ver=4.1.4 (codestraight.com) - 240 ms, 2.13 KiB

…css/frontend-legacy.minee9a.css?ver=3.2.2 (codestraight.com) - 5,160 ms, 0.85 KiB

…share-link/share-link.minee9a.js?ver=3.2.2 (codestraight.com) - 2,150 ms, 1.42 KiB

…css/frontend.min521d.css?ver=3.0.10 (codestraight.com) - 5,260 ms, 22.75 KiB

…animations/animations.minee9a.css?ver=3.2.2 (codestraight.com) - 520 ms, 2.86 KiB

…libs/jquery.event.move.min8a54.js?ver=1.0.0 (codestraight.com) - 230 ms, 2.26 KiB

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

…css/post-981.css (codestraight.com) - 5,240 ms, 0.82 KiB

…waypoints/waypoints.min05da.js?ver=4.0.2 (codestraight.com) - 3,170 ms, 3.27 KiB

…js/main254d.js?ver=2.3.1 (codestraight.com) - 2,300 ms, 35.55 KiB

…hummingbird-assets/47dbccf….css (codestraight.com) - 610 ms, 14.55 KiB

…css/mcloud-elementor4d9c.css?ver=4.2.20 (codestraight.com) - 550 ms, 6.44 KiB

…circle-progress-bar/handler8a54.js?ver=1.0.0 (codestraight.com) - 3,160 ms, 0.54 KiB

…jquery/jquery-migrate.mind617.js?ver=3.3.2 (codestraight.com) - 530 ms, 4.42 KiB

…libs/jquery.clb-slider3f90.js?ver=5.6.6 (codestraight.com) - 1,140 ms, 5.77 KiB

/css?family=Noto+Serif%3A400%2C400i%2C700%2C700i&ver=5.6.6 (fonts.googleapis.com) - 10 ms, 1.55 KiB

…dist/isotope.pkgd.min31dc.js?ver=6.6.0 (codestraight.com) - 2,140 ms, 10.09 KiB

…ohio/style3f90.css?ver=5.6.6 (codestraight.com) - 1,700 ms, 91.76 KiB

…hummingbird-assets/41d9969….css (codestraight.com) - 5,260 ms, 23.14 KiB

…css/post-18734031c.css?ver=162… (codestraight.com) - 520 ms, 2.98 KiB

…counter/handler8a54.js?ver=1.0.0 (codestraight.com) - 2,150 ms, 0.53 KiB

…ui/core.min35d0.js?ver=1.12.1 (codestraight.com) - 1,140 ms, 7.05 KiB

…jquery/jquery.min9d52.js?ver=3.5.1 (codestraight.com) - 420 ms, 30.54 KiB

…dialog/dialog.mina288.js?ver=4.8.1 (codestraight.com) - 500 ms, 3.77 KiB

…accordion/handler8a54.js?ver=1.0.0 (codestraight.com) - 230 ms, 0.54 KiB

…libs/typed.min8a54.js?ver=1.0.0 (codestraight.com) - 2,180 ms, 3.63 KiB

…css/frontend.minee9a.css?ver=3.2.2 (codestraight.com) - 630 ms, 16.87 KiB


…js/wp-embed.min3f90.js?ver=5.6.6 (codestraight.com) - 230 ms, 1.09 KiB

…js/frontend-modules.minee9a.js?ver=3.2.2 (codestraight.com) - 3,270 ms, 21.57 KiB

…js/masonry.min3a05.js?ver=4.2.2 (codestraight.com) - 1,140 ms, 7.55 KiB

/imp/?sccss=1&ver=5.6.6 (codestraight.com) - 3,460 ms, 0.70 KiB

…ohio-child/style254d.css?ver=2.3.1 (codestraight.com) - 5,170 ms, 0.81 KiB

Keep request counts low and transfer sizes small — 70 requests • 1,377 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 70 1,376.7 KiB

Image 10 598.7 KiB

Script 30 357.6 KiB

Stylesheet 22 226.4 KiB

Font 6 172.2 KiB

Document 1 21.8 KiB

Media 0 0.0 KiB

Other 1 0.0 KiB

Third-party 12 306.9 KiB

Largest Contentful Paint element — 1 element found

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

We use cookies to give you the best experience. Cookie Policy


<div class="notification-text">

Avoid large layout shifts — 1 element found

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

Element CLS Contribution

CODE STRAIGHT Hassle-Free No-Coding Environment . Make Code Straight your par…
<div class="elementor-column-wrap elementor-element-populated">
0.634

Avoid long main-thread tasks — 14 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 (2)

URL Start Time Duration

https://codestraight.com 989 ms 649 ms

…js/frontend.minee9a.js?ver=3.2.2 (codestraight.com) 13,620 ms 457 ms

…hummingbird-assets/072bc36….js (codestraight.com) 9,210 ms 297 ms


URL Start Time Duration

…jquery/jquery.min9d52.js?ver=3.5.1 (codestraight.com) 7,230 ms 257 ms

…jquery/jquery.min9d52.js?ver=3.5.1 (codestraight.com) 14,084 ms 210 ms

/gtag/js?id=G-CZM8WPPPTM (www.googletagmanager.com) 3,167 ms 123 ms

…ohio/style3f90.css?ver=5.6.6 (codestraight.com) 3,930 ms 95 ms

https://codestraight.com 1,708 ms 85 ms

…js/frontend-modules.minee9a.js?ver=3.2.2 (codestraight.com) 11,340 ms 81 ms

https://codestraight.com 1,638 ms 70 ms

https://codestraight.com 1,892 ms 68 ms

Unattributable 1,960 ms 63 ms

/gtag/js?id=G-CZM8WPPPTM (www.googletagmanager.com) 3,109 ms 58 ms

https://codestraight.com 1,840 ms 52 ms

Avoid non-composited animations — 18 animated elements found

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

Element Name

// @: get all the files in a directory :@


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

Unsupported CSS Property: width typing

Unsupported CSS Property: width typing


Element Name

div.ohio-video-module-sc > div.video-module-holder > div.btn-play > ::after


<::after>

Unsupported CSS Property: box-shadow video_sc

# @: pytorch dataloader :@
<div class="type hljs-comment hljs-comment-gray">

Unsupported CSS Property: width typing

Unsupported CSS Property: width typing

# @: fetch `github` `repositories` of a `user` using `github api` :@


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

Unsupported CSS Property: width typing

// @: append two strings :@


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

Unsupported CSS Property: width typing

'# @: Generate random string :


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

Unsupported CSS Property: width typing

Unsupported CSS Property: width typing

// @: find number of bracket pairs in a string :@


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

Unsupported CSS Property: width typing

Unsupported CSS Property: width typing

div.ohio-video-module-sc > div.video-module-holder > div.btn-play > ::after


<::after>

Unsupported CSS Property: box-shadow video_sc

div.right-part > nav#site-navigation > div.mbl-overlay > div.mbl-overlay-container


<div class="mbl-overlay-container">

padding-
Unsupported CSS Property: padding-top
top

Unsupported CSS Property: height height

backgrou
Unsupported CSS Property: background-color
nd-color

padding-
Unsupported CSS Property: padding-bottom
bottom

padding-
Unsupported CSS Property: padding-left
left

padding-
Unsupported CSS Property: padding-right
right

Unsupported CSS Property: visibility visibility


Element Name

div.header-wrap-inner > div.right-part > nav#site-navigation > div.mbl-overlay


<div class="mbl-overlay menu-mbl-overlay">

Unsupported CSS Property: visibility visibility

Unsupported CSS Property: height height

div.circle-progress-bar-circle > div.circle > svg.progress > circle.progress__value


<circle class="progress__value" cx="55" cy="55" r="49" stroke-width="6" style="stroke: rgb(241,
65, 5); stroke-dasharray: 307.876; stroke-dashoffset: 92.…">

stroke-
Unsupported CSS Property: stroke-dasharray dasharra
y

stroke-
Unsupported CSS Property: stroke-dashoffset dashoffse
t

div.ohio-tabs-sc > div.tabNav_wrapper > ul.tabNav > li.tabNav_line


<li class="tabNav_line brand-bg-color" style="width: 204px; transform:
translateX(0px);">

Unsupported CSS Property: width width

div.ohio-tabs-sc > div.tabNav_wrapper > ul.tabNav > li.tabNav_line


<li class="tabNav_line brand-bg-color" style="width: 99px; transform: translateX(0px);">

Unsupported CSS Property: width width

div.ohio-tabs-sc > div.tabNav_wrapper > ul.tabNav > li.tabNav_line


<li class="tabNav_line brand-bg-color" style="width: 130px; transform: translateX(0px);">
Element Name

Unsupported CSS Property: width width

div.right-part > nav#site-navigation > div.mbl-overlay > div.clb-social


<div class="clb-social vc_hidden-md vc_hidden-sm vc_hidden-xs">

Unsupported CSS Property: visibility visibility

div.mbl-overlay > div.close-bar > div.btn-round > ::before


<::before>

Unsupported CSS Property: visibility visibility

div.mbl-overlay-container > ul.mobmenu > li > a.btn


<a href="https://codestraight.com/technical-preview/?sid=3cbcd9e"
class="btn btn-small btn-optional" target="_blank">

Unsupported CSS Property: visibility visibility

div.mbl-overlay-container > ul.mobmenu > li > a.btn


<a href="my-account.php" class="btn btn-small btn-optional">

Unsupported CSS Property: visibility visibility

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

PASSED AUDITS (18) Show


78

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

Elements with an ARIA [role] that require children to contain a specific [role] are missing some or all of those
required children.

Some ARIA parent roles must contain specific child roles to perform their intended accessibility functions. Learn more.

Failing Elements

fetch_github_repositories.pyappend_strings .java
<ul class="tabNav font-titles" role="tablist">
Failing Elements

dataloader.pybracket_pairs .java
<ul class="tabNav font-titles" role="tablist">

random_string .pyget_files.java
<ul class="tabNav font-titles" role="tablist">

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.

BEST PRACTICES

[user-scalable="no"] is used in the <meta name="viewport"> element or the [maximum-scale] attribute is less than 5.

Disabling zooming is problematic for users with low vision who rely on screen magnification to properly see the
contents of a web page. Learn more.

Failing Elements

head > meta


<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">

These items highlight common accessibility best practices.

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

10
<div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 # @: fetch `github` `repositories`…


<div class="display-flex shadow-ide" style="background: #fff;">

11
<div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 # @: fetch `github` `repositories`…


<div class="display-flex shadow-ide" style="background: #fff;">

12
<div>
Failing Elements

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 # @: fetch `github` `repositories`…


<div class="display-flex shadow-ide" style="background: #fff;">

13
<div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 # @: fetch `github` `repositories`…


<div class="display-flex shadow-ide" style="background: #fff;">

14
<div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 # @: fetch `github` `repositories`…


<div class="display-flex shadow-ide" style="background: #fff;">

15
<div>
Failing Elements

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 # @: fetch `github` `repositories`…


<div class="display-flex shadow-ide" style="background: #fff;">

16
<div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 # @: fetch `github` `repositories`…


<div class="display-flex shadow-ide" style="background: #fff;">

17
<div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 # @: fetch `github` `repositories`…


<div class="display-flex shadow-ide" style="background: #fff;">

18
<div>
Failing Elements

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 # @: fetch `github` `repositories`…


<div class="display-flex shadow-ide" style="background: #fff;">

fetch_repositories
<span class="hljs-title function_">

def fetch_repositories(self, user): """ fetch `github` `repositories` of a `use…


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

""" fetch `github` `repositories` of a `user` using `github api` """


<span class="hljs-string">

def fetch_repositories(self, user): """ fetch `github` `repositories` of a `use…


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

'https://api.github.com/repos/{user}/repositories'
<span class="hljs-string">
Failing Elements

def fetch_repositories(self, user): """ fetch `github` `repositories` of a `use…


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

10
<div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 # @: pytorch dataloader :@ def _da…


<div class="display-flex shadow-ide" style="background: #fff;">

11
<div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 # @: pytorch dataloader :@ def _da…


<div class="display-flex shadow-ide" style="background: #fff;">

12
<div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 # @: pytorch dataloader :@ def _da…


<div class="display-flex shadow-ide" style="background: #fff;">

13
<div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 # @: pytorch dataloader :@ def _da…


<div class="display-flex shadow-ide" style="background: #fff;">

14
<div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 # @: pytorch dataloader :@ def _da…


<div class="display-flex shadow-ide" style="background: #fff;">
Failing Elements

15
<div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 # @: pytorch dataloader :@ def _da…


<div class="display-flex shadow-ide" style="background: #fff;">

16
<div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 # @: pytorch dataloader :@ def _da…


<div class="display-flex shadow-ide" style="background: #fff;">

17
<div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 # @: pytorch dataloader :@ def _da…


<div class="display-flex shadow-ide" style="background: #fff;">

18
<div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 # @: pytorch dataloader :@ def _da…


<div class="display-flex shadow-ide" style="background: #fff;">

_dataloader
<span class="hljs-title function_">

def _dataloader(self): """ pytorch dataloader """ if self.…


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

""" pytorch dataloader """


<span class="hljs-string">

def _dataloader(self): """ pytorch dataloader """ if self.…


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

None
<span class="hljs-literal">

def _dataloader(self): """ pytorch dataloader """ if self.…


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

True
<span class="hljs-literal">

def _dataloader(self): """ pytorch dataloader """ if self.…


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

10
<div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 '# @: Generate random string : def…


<div class="display-flex shadow-ide" style="background: #fff;">

11
<div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 '# @: Generate random string : def…


<div class="display-flex shadow-ide" style="background: #fff;">

12
<div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 '# @: Generate random string : def…


<div class="display-flex shadow-ide" style="background: #fff;">

13
<div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 '# @: Generate random string : def…


<div class="display-flex shadow-ide" style="background: #fff;">
Failing Elements

14
<div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 '# @: Generate random string : def…


<div class="display-flex shadow-ide" style="background: #fff;">

15
<div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 '# @: Generate random string : def…


<div class="display-flex shadow-ide" style="background: #fff;">

16
<div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 '# @: Generate random string : def…


<div class="display-flex shadow-ide" style="background: #fff;">

17
<div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 '# @: Generate random string : def…


<div class="display-flex shadow-ide" style="background: #fff;">

18
<div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 '# @: Generate random string : def…


<div class="display-flex shadow-ide" style="background: #fff;">

generate_random_string
<span class="hljs-title function_">

def generate_random_string(length): """ Generate random str…


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

""" Generate random string """


<span class="hljs-string">

def generate_random_string(length): """ Generate random str…


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

range
<span class="hljs-built_in">

def generate_random_string(length): """ Generate random str…


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

01
<span class="clb-slider-pagination-index">

01
<div class="clb-slider-page active">

dataloader.pybracket_pairs .java 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 #…
<section class="elementor-section elementor-top-section elementor-element elementor-elemen…" data-
id="18cda9f" data-element_type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-
stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}" style="width: 360px; left: 20px;">

fetch_github_repositories.pyappend_strings .java 1 2 3 4 5 6 7 8 9 10 11 12 13 …
<div id="content" class="site-content" data-mobile-menu-resolution="768">

02
<span class="clb-slider-pagination-index">

02
<div class="clb-slider-page">
Failing Elements

dataloader.pybracket_pairs .java 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 #…
<section class="elementor-section elementor-top-section elementor-element elementor-elemen…" data-
id="18cda9f" data-element_type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-
stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}" style="width: 360px; left: 20px;">

fetch_github_repositories.pyappend_strings .java 1 2 3 4 5 6 7 8 9 10 11 12 13 …
<div id="content" class="site-content" data-mobile-menu-resolution="768">

Sign Up Now
<a class="btn btn-default btn-elementor-colored" href="my-account.php" rel="nofollow">

Buy Now
<a class="btn btn-default btn-elementor-colored" href="my-account.php" rel="nofollow">

Work inquiries
<h3 class="title widget-title">

Fb. / Ig. / Tw. / Be. Work inquiries Interested in working with us? inf…
<footer id="colophon" class="site-footer clb__dark_section">

Sign up for the newsletter


<h3 class="title widget-title">

Fb. / Ig. / Tw. / Be. Work inquiries Interested in working with us? inf…
<footer id="colophon" class="site-footer clb__dark_section">

form.wpcf7-form > div.subscribe-form > span.wpcf7-form-control-wrap > input.wpcf7-form-control


<input type="email" name="email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-
validates-as-required wpcf…" aria-required="true" aria-invalid="false" placeholder="Email address">

Fb. / Ig. / Tw. / Be. Work inquiries Interested in working with us? inf…
<footer id="colophon" class="site-footer clb__dark_section">
These are opportunities to improve the legibility of your content.

NAMES AND LABELS

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

div.mobile-hamburger > div.hamburger > i.ion > a.hamburger-holder


<a href="#" class="hamburger-holder" aria-controls="site-navigation" aria-
expanded="false">

div.elementor-element > div.elementor-widget-container > div.ohio-socialbar-sc > a.facebook


<a target="_blank" href="https://www.facebook.com/" class="facebook">

div.elementor-element > div.elementor-widget-container > div.ohio-socialbar-sc > a.twitter


<a target="_blank" href="https://www.facebook.com/" class="twitter">

div.elementor-element > div.elementor-widget-container > div.ohio-socialbar-sc > a.instagram


<a target="_blank" href="https://www.facebook.com/" class="instagram">

div.elementor-element > div.elementor-widget-container > div.ohio-socialbar-sc > a.linkedin


<a target="_blank" href="https://www.facebook.com/" class="linkedin">

div.elementor-element > div.elementor-widget-container > div.ohio-socialbar-sc > a.pinterest


<a target="_blank" href="https://www.facebook.com/" class="pinterest">

div.elementor-element > div.elementor-widget-container > div.ohio-socialbar-sc > a.youtube


<a target="_blank" href="https://www.facebook.com/" class="youtube">
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.

TABLES AND LISTS

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

Screen readers require list items (`<li>`) to be contained within a parent `<ul>` or `<ol>` to be announced properly.
Learn more.

Failing Elements

div.ohio-tabs-sc > div.tabNav_wrapper > ul.tabNav > li.tabNav_line


<li class="tabNav_line brand-bg-color" style="width: 204px; transform:
translateX(0px);">

fetch_github_repositories.py
<li class="tabNav_link undefined active">

append_strings .java
<li class="tabNav_link undefined">

div.ohio-tabs-sc > div.tabNav_wrapper > ul.tabNav > li.tabNav_line


<li class="tabNav_line brand-bg-color" style="width: 99px; transform: translateX(0px);">
Failing Elements

dataloader.py
<li class="tabNav_link undefined active">

bracket_pairs .java
<li class="tabNav_link undefined">

div.ohio-tabs-sc > div.tabNav_wrapper > ul.tabNav > li.tabNav_line


<li class="tabNav_line brand-bg-color" style="width: 130px; transform: translateX(0px);">

random_string .py
<li class="tabNav_link undefined active">

get_files.java
<li class="tabNav_link undefined">

These are opportunities to improve the experience of reading tabular or list data using assistive technology, like a screen reader.

NAVIGATION

Some elements have a [tabindex] value greater than 0

A value greater than 0 implies an explicit navigation ordering. Although technically valid, this often creates frustrating
experiences for users who rely on assistive technologies. Learn more.

Failing Elements

div.header-wrap-inner > div.left-part > div.mobile-hamburger > div.hamburger


<div class="hamburger btn-round btn-round-light dark-mode-reset" tabindex="1">
Failing Elements

div.text-center > div.ohio-video-module-sc > div.video-module-holder > div.btn-play


<div class="btn-play btn-round" tabindex="1">

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

Innovative features
<h5 class="icon-box-title heading-sm">

Less dependency on developers


<h6>

70%
<h4>

Boosts your productivity.


<h6 class="circle-progress-bar-title title heading-sm">

What is Code Straight?


<h6>

These are opportunities to improve keyboard navigation in your application.

Hid
Hide
ADDITIONAL ITEMS TO MANUALLY CHECK (10)

The page has a logical tab order

Tabbing through the page follows the visual layout. Users cannot focus elements that are offscreen. Learn more.

Interactive controls are keyboard focusable

Custom interactive controls are keyboard focusable and display a focus indicator. Learn more.

Interactive elements indicate their purpose and state

Interactive elements, such as links and buttons, should indicate their state and be distinguishable from non-interactive
elements. Learn more.

The user's focus is directed to new content added to the page

If new content, such as a dialog, is added to the page, the user's focus is directed to it. Learn more.

User focus is not accidentally trapped in a region

A user can tab into and out of any control or region without accidentally trapping their focus. Learn more.

Custom controls have associated labels

Custom interactive controls have associated labels, provided by aria-label or aria-labelledby. Learn more.

Custom controls have ARIA roles

Custom interactive controls have appropriate ARIA roles. Learn more.

Visual order on the page follows DOM order


p g

DOM order matches the visual order, improving navigation for assistive technology. Learn more.

Offscreen content is hidden from assistive technology

Offscreen content is hidden with display: none or aria-hidden=true. Learn more.

HTML5 landmark elements are used to improve navigation

Landmark elements (<main>, <nav>, etc.) are used to improve the keyboard navigation of the page for assistive
technology. Learn more.

These items address areas which an automated testing tool cannot cover. Learn more in our guide on conducting an accessibility review.

PASSED AUDITS (17) Hide

[aria-*] attributes match their roles

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

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

[role] values are valid

[aria-*] attributes have valid values

[aria-*] attributes are valid and not misspelled

Buttons have an accessible name

ARIA IDs are unique


Image elements have [alt] attributes

Form elements have associated labels

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

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

Document has a <title> element

<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>).

[lang] attributes have a valid value

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

[role]s are contained by their required parent element


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

[id] attributes on active, focusable elements are unique

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

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.

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


92

Best Practices

TRUST AND SAFETY

Includes front-end JavaScript libraries with known security vulnerabilities — 3 vulnerabilities detected

Some third-party scripts may contain known security vulnerabilities that are easily identified and exploited by attackers.
Learn more.

Library Version Vulnerability Count Highest Severity

jQuery UI@1.12.1 3 High

Ensure CSP is effective against XSS attacks

A strong Content Security Policy (CSP) significantly reduces the risk of cross-site scripting (XSS) attacks. Learn more

Description Directive Severity

No CSP found in enforcement mode High

GENERAL
Detected JavaScript libraries

All front-end JavaScript libraries detected on the page. Learn more.

Name Version

jQuery 3.5.1

jQuery UI 1.12.1

Isotope

WordPress

core-js core-js-global@2.6.11; core-js-pure@2.6.11; core-js-global@2.6.11

PASSED AUDITS (12) Hide

Uses HTTPS

Avoids requesting the geolocation permission on page load

Avoids requesting the notification permission on page load

Allows users to paste into password fields

Displays images with correct aspect ratio

Serves images with appropriate resolution

Page has the HTML doctype


Properly defines charset

Avoids deprecated APIs

No browser errors logged to the console

No issues in the Issues panel in Chrome Devtools

Page has valid source maps

NOT APPLICABLE (1) Hide

Fonts with font-display: optional are preloaded

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.
CONTENT BEST PRACTICES

Document does not have a meta description

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

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

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


<a class="clb-scroll-top vc_hidden-md vc_hidden-sm vc_hidden-xs invisible">

nav#site-navigation > div.mbl-overlay > div.close-bar > a.search-global


<a class="search-global btn-round btn-round-light fixed btn-round-light vc_hidden-
md…" tabindex="1" data-nav-search="true">

div.mbl-overlay > div.mbl-overlay-container > div.copyright > a


<a target="_blank" href="">
Uncrawlable Link

Sign in
<a href="" class="menu-link main-menu-link item-title">

Sign Up
<a href="" class="menu-link main-menu-link item-title">

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

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 (10) Hide

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

Document has a <title> element

Page has successful HTTP status code

Links have descriptive text

Page isn’t blocked from indexing

Image elements have [alt] attributes

Document has a valid hreflang


Document uses legible font sizes — 100% legible text

Document avoids plugins

Tap targets are sized appropriately — 100% appropriately sized tap targets

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, No `<meta name="theme-color">` tag found.

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

Content is sized correctly for the viewport


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

Provides a valid apple-touch-icon

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:57 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

You might also like