Professional Documents
Culture Documents
02 CODESTRAIGHT Page Audit Report
02 CODESTRAIGHT Page Audit Report
02 CODESTRAIGHT Page Audit Report
com/
25 78 92 83
25
Performance
Values are estimated and may vary. The performance score is
calculated directly from these metrics. See calculator.
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
OPPORTUNITIES
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.
Potential
URL Transfer Size
Savings
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
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.
Resource Potential
URL
Size Savings
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">
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.
https://codestraight.com 700 ms
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
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.
Potential
URL Transfer Size
Savings
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
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
These suggestions can help your page load faster. They don't directly affect the Performance score.
DIAGNOSTICS
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
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)
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 marks the time at which the first text or image is painted while on a 3G network. Learn more.
A long cache lifetime can speed up repeat visits to your page. Learn more.
Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads
helps with this. Learn more TBT
Other 2,908 ms
Rendering 1,966 ms
Garbage Collection 81 ms
A large DOM will increase memory usage, cause longer style calculations, and produce costly layout reflows. Learn
more. TBT
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
Total CPU
URL Script Evaluation Script Parse
Time
https://codestraight.com 7,138 ms 17 ms 7 ms
Unattributable 546 ms 19 ms 1 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
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
…css/ionicons.min8a54.css?ver=1.0.0 (codestraight.com)
…hummingbird-assets/454da18….css (codestraight.com)
/css?family=… (fonts.googleapis.com)
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.
This is the largest contentful element painted within the viewport. Learn More LCP
Element
These DOM elements contribute most to the CLS of the page. CLS
CODE STRAIGHT Hassle-Free No-Coding Environment . Make Code Straight your par…
<div class="elementor-column-wrap elementor-element-populated">
0.634
Lists the longest tasks on the main thread, useful for identifying worst contributors to input delay. Learn more TBT
https://codestraight.com 1,708 ms 85 ms
https://codestraight.com 1,638 ms 70 ms
https://codestraight.com 1,892 ms 68 ms
Unattributable 1,960 ms 63 ms
https://codestraight.com 1,840 ms 52 ms
Animations which are not composited can be janky and increase CLS. Learn more CLS
Element Name
# @: pytorch dataloader :@
<div class="type hljs-comment hljs-comment-gray">
padding-
Unsupported CSS Property: padding-top
top
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
stroke-
Unsupported CSS Property: stroke-dasharray dasharra
y
stroke-
Unsupported CSS Property: stroke-dashoffset dashoffse
t
More information about the performance of your application. These numbers don't directly affect the Performance score.
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
CONTRAST
Failing Elements
10
<div>
11
<div>
12
<div>
Failing Elements
13
<div>
14
<div>
15
<div>
Failing Elements
16
<div>
17
<div>
18
<div>
Failing Elements
fetch_repositories
<span class="hljs-title function_">
'https://api.github.com/repos/{user}/repositories'
<span class="hljs-string">
Failing Elements
10
<div>
11
<div>
12
<div>
13
<div>
14
<div>
15
<div>
16
<div>
17
<div>
18
<div>
_dataloader
<span class="hljs-title function_">
None
<span class="hljs-literal">
True
<span class="hljs-literal">
10
<div>
11
<div>
12
<div>
13
<div>
14
<div>
15
<div>
16
<div>
17
<div>
18
<div>
generate_random_string
<span class="hljs-title function_">
range
<span class="hljs-built_in">
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="{"stretch_section":"section-
stretched","background_background":"classic"}" 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="{"stretch_section":"section-
stretched","background_background":"classic"}" 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">
Fb. / Ig. / Tw. / Be. Work inquiries Interested in working with us? inf…
<footer id="colophon" class="site-footer clb__dark_section">
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.
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
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
fetch_github_repositories.py
<li class="tabNav_link undefined active">
append_strings .java
<li class="tabNav_link undefined">
dataloader.py
<li class="tabNav_link undefined active">
bracket_pairs .java
<li class="tabNav_link undefined">
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
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
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">
70%
<h4>
Hid
Hide
ADDITIONAL ITEMS TO MANUALLY CHECK (10)
Tabbing through the page follows the visual layout. Users cannot focus elements that are offscreen. Learn more.
Custom interactive controls are keyboard focusable and display a focus indicator. Learn more.
Interactive elements, such as links and buttons, should indicate their state and be distinguishable from non-interactive
elements. Learn more.
If new content, such as a dialog, is added to the page, the user's focus is directed to it. Learn more.
A user can tab into and out of any control or region without accidentally trapping their focus. Learn more.
Custom interactive controls have associated labels, provided by aria-label or aria-labelledby. Learn more.
DOM order matches the visual order, improving navigation for assistive technology. Learn more.
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.
Lists contain only <li> elements and script supporting elements (<script> and <template>).
<dl>'s contain only properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements.
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.
Best Practices
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.
A strong Content Security Policy (CSP) significantly reduces the risk of cross-site scripting (XSS) attacks. Learn more
GENERAL
Detected JavaScript libraries
Name Version
jQuery 3.5.1
jQuery UI 1.12.1
Isotope
WordPress
Uses HTTPS
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
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.
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">
Sign in
<a href="" class="menu-link main-menu-link item-title">
Sign Up
<a href="" class="menu-link main-menu-link item-title">
Run these additional validators on your site to check additional SEO best practices.
Tap targets are sized appropriately — 100% appropriately sized tap targets
robots.txt is valid
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
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.
The browser address bar can be themed to match your site. Learn more.
A maskable icon ensures that the image fills the entire shape without being letterboxed when installing the app on a
device. Learn more.
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