C — https://htmlcodex.com | BeaverCheck Audit

Site Health

Score: 75 / 100

Based on 8 categories, 0 sections

Decent speed, but optimizing further could improve engagement.

Several missing protections leave your users and data exposed.

Several issues make your site difficult for assistive technology users.

Well-optimized for search — your content is discoverable.

Solid infrastructure — fast server responses across the board.

Mostly compliant — a few items need attention.

Rich content metadata — your pages look great everywhere.

Lean and efficient — low environmental impact per visit.

How is this calculated?

The overall score is a weighted average of individual category scores. Categories with more impact on user experience and security carry more weight.

Performance 25%Security 25%Accessibility 15%SEO 10%Infrastructure 10%Compliance 8%Content 5%Sustainability 2%

Weights reflect general web best practices. Individual needs may differ.

How the composite score is calculated

How you compare

WordPress · 712 peers

You 75

Avg 74

At average

0 50 100

Better than 55% of WordPress sites See full WordPress benchmark →

Bootstrap · 823 peers

You 75

Avg 73

At average

0 50 100

Better than 66% of Bootstrap sites See full Bootstrap benchmark →

Top Priorities (5)

Content-Security-Policy header is missing

Security gaps expose your site and users to attacks, eroding trust.

Security › Security Headers

HSTS header is missing

Security gaps expose your site and users to attacks, eroding trust.

Security › Security Headers

No Content-Security-Policy header found

Security gaps expose your site and users to attacks, eroding trust.

Security › Content Security Policy

1 button(s) with no accessible text

Accessibility issues exclude users with disabilities — up to 15% of your potential audience.

Accessibility › Link & Button Quality

1 control(s) without accessible label

Accessibility issues exclude users with disabilities — up to 15% of your potential audience.

Accessibility › Form Accessibility

View fix priority matrix

Fix Priority Matrix

5 findings

Impact

Quick Wins

High impact, low effort — start here.

Strategic

High impact, requires investment.

Easy Improvements

Small gains, minimal effort.

Nothing in this quadrant — good news.

Deprioritize

Low impact, high effort — do last.

Nothing in this quadrant — good news.

← Low effort High effort →

Embed this badge

Markdown

[![BeaverCheck](https://beavercheck.com/badge?url=https%3A%2F%2Fhtmlcodex.com)](https://beavercheck.com/results/5726883a-59f0-47da-aa98-922a8206bae2)

HTML

<a href="https://beavercheck.com/results/5726883a-59f0-47da-aa98-922a8206bae2"><img src="https://beavercheck.com/badge?url=https%3A%2F%2Fhtmlcodex.com" alt="BeaverCheck Score"></a>

Image URL

https://beavercheck.com/badge?url=https%3A%2F%2Fhtmlcodex.com

This badge auto-updates with your latest scan result.

What fixing these means

Your site performs reasonably well, but a few targeted fixes could meaningfully improve results. Accessibility issues exclude users who rely on assistive technology — an estimated 15% of your potential audience. Addressing the critical issues below would have the most immediate impact on your user trust.

3 security gaps detected — browsers may warn visitors about your site.

2 accessibility issues exclude users who rely on assistive technology.

Conversion Barriers

2 critical 5 warning

7 barrier(s) likely increasing bounce by ~28%.

Speed (2)

Page takes 4.4s to load

+12% bounce

Users abandon at ~3s — you're 1.9s over the 2.5s threshold

Fix: Optimize render-blocking resources, preload the hero image, and compress images

High main-thread blocking time

+2% bounce

Page is non-interactive for 334ms after first paint

Fix: Defer third-party scripts and split large bundles

Trust (2)

No HSTS header

+1% bounce

Returning visitors are briefly exposed to downgrade attacks on first request

Fix: Set Strict-Transport-Security: max-age=31536000; includeSubDomains

No Content-Security-Policy header

+1% bounce

Higher XSS blast radius — one compromised script can exfiltrate the checkout form

Fix: Ship a reporting-only CSP first, then enforce once violations are clean

Usability (1)

1 form field(s) without a label

+2% bounce

Screen readers skip unlabeled fields; autofill can't identify them; checkout abandonment spikes

Fix: Associate every input with a visible <label for="…">; add autocomplete attributes

Navigation (2)

No skip-to-content link

+1% bounce

Keyboard and screen-reader users must tab through the entire header on every page

Fix: Add a visible-on-focus <a href="#main">Skip to content</a> as the first focusable element

8 broken link(s) on the page

+5% bounce

Clicks land on 404s — trust drops and the session often ends

Fix: Fix or remove the broken destinations surfaced on the Content tab

Preliminary CRO audit — each barrier links to the tab with detailed analysis.

Return on Investment

$450 investment → $3,329/month returns + USD 157,500 risk avoided

Payback period: < 1 month First-year ROI: +8777%

Investment

$450

4h · 5 findings

Monthly returns

$3,329 /mo

~$39,946 / year

Conversions recovered $3,328
Bandwidth savings $0.50

Regulatory risk avoided

USD 157,500

if kept compliant

ADA Title III USD 150,000
CCPA/CPRA USD 7,500

Payback period

0 12mo 24mo

$150 — in quick wins — start here for the fastest payback

Figures combine localized regulatory fine ceilings, search/conversion value priced against local CPC, and bandwidth waste estimates. Results depend on implementation quality and audience composition. Not legal or financial advice.

Full methodology & sources

Estimated Remediation Cost

$450

4.5 developer hours at $100/hr

Based on United States rates ($100/hr)

Quick wins

$150 3 fixes in ~90 minutes

Start here for the best return on investment

Cost by category

Cost by effort level

Adjust assumptions

Custom rate

$ /hr

Rates reflect fully-loaded developer cost including overhead

How developer rates are sourced

What Inaction Is Costing You

$13,126 / month at risk

~$157,506 / year if left unfixed

Compliance Risk

$157,500

ADA Title IIICCPA/CPRA

No privacy policy link detected
CCPA/CPRA: USD 2,500 – USD 7,500
1 advertising/retargeting trackers detected
CCPA/CPRA: USD 2,500 – USD 7,500
Trackers detected but no cookie policy found
CCPA/CPRA: USD 2,500 – USD 7,500

+8 more

Bandwidth Waste

$0.50 /mo

6266.3 MB/mo × 0.080 USD/GB

Optimize transfer: save ~627 KB per page load
Saves $0.50/mo

Compliance figures represent the statutory maximum fine for the most severe triggered category, capped per regulation — not the sum of per-finding penalties. Based on published regulatory fine ranges. This is not legal advice.

Compliance methodology · SEO assumptions · Bandwidth model

Your performance is already good — improvements may show diminishing returns

Monthly visitors

Unique monthly visitors from your analytics

Conversion rate (%)

Purchases, signups, or key actions

Avg. order value

Optional — for revenue estimation

additional conversions/month

more engaged visitors from reduced bounce

potential monthly revenue

Current bounce (est.)

After fixes (est.)

Estimated bounce reduction

Fix 5 critical issues to capture this value

How this is calculated

Based on Google/Deloitte research ("Milliseconds Make Millions") showing a ~7% bounce rate increase per additional second of LCP above the 2.5s "Good" threshold.

Your site's LCP: → estimated after fixes.

These are estimates based on industry research — actual results vary

Bounce-rate model & assumptions

Your data stays in your browser — nothing is sent to our servers

Was this report useful?

Thanks for your feedback!

We'll use a cached audit if available, or offer to scan.

Checking for existing audit...

Press ? for shortcuts

Lighthouse Scores

Industry-standard audits powered by Google Lighthouse.

Performance

Accessibility

100

Best Practices

SEO

Core Web Vitals

Key metrics that affect user experience.

First Contentful Paint First Contentful Paint — how long until the browser renders the first piece of content. Under 1.8s is good.

2.05 s

Largest Contentful Paint Largest Contentful Paint — how long until the largest visible element loads. Under 2.5s is good.

4.42 s

Total Blocking Time Total Blocking Time — total time the main thread was blocked, preventing user input. Under 200ms is good.

334 ms

Cumulative Layout Shift Cumulative Layout Shift — measures visual stability. How much the page layout shifts during loading. Under 0.1 is good.

0.001

Speed Index Speed Index — how quickly content is visually displayed during load. Under 3.4s is good.

3.55 s

Time to Interactive Time to Interactive — how long until the page is fully interactive and responds to user input. Under 3.8s is good.

8.61 s

Detailed Report

Audit breakdown by category with detailed findings.

Performance

Insights

Remove large, duplicate JavaScript modules from bundles to reduce unnecessary bytes consumed by network activity.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Polyfills and transforms enable older browsers to use new JavaScript features. However, many aren't necessary for modern browsers. Consider modifying your JavaScript build process to not transpile Baseline features, unless you know you must support older browsers. Learn why most sites can deploy ES6+ code without transpiling

Why this matters

Shipping ES5 transpiled code to modern browsers wastes bytes — every user with an evergreen browser pays for compatibility you don't need.

Learn more ▾

Most users today run browsers that natively support ES6+, async/await, optional chaining, and the rest of modern JavaScript. Transpiling to ES5 'just in case' adds 20-40% to your bundle for no benefit. Configure your build to target a modern browserslist, or ship a differential bundle pair (modern + legacy) with the module/nomodule pattern.

Source: Google web.dev / Lighthouse

3rd party code can significantly impact load performance. Reduce and defer loading of 3rd party code to prioritize your page's content.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Your first network request is the most important. Reduce its latency by avoiding redirects, ensuring a fast server response, and enabling text compression.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Consider setting font-display to swap or optional to ensure text is consistently visible. swap can be further optimized to mitigate layout shifts with font metric overrides.

Why this matters

Performance issues directly impact user engagement and conversion rates.

URL	Est Savings
/wp-content/plugins/meks-easy-social-share/assets/fonts/s...	55 ms
/wp-content/themes/gridlove/assets/fonts/fontawesome-webf...	50 ms
fonts.gstatic.com/s/lato/v25/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2	45 ms
fonts.gstatic.com/s/cabin/v35/u-4i0qWljRw-PfU81xCKCpdpbgZJl6XvqdnsF3-OAw.woff2	40 ms

A forced reflow occurs when JavaScript queries geometric properties (such as offsetWidth) after styles have been invalidated by a change to the DOM state. This can result in poor performance. Learn more about forced reflows and possible mitigations.

Why this matters

Performance issues directly impact user engagement and conversion rates.

headings: [map[key:source label:Source valueType:source-location] map[granularity:1 key:reflowTime label:Total reflow time valueType:ms]]

items: [map[reflowTime:30.937 source:map[type:text value:[unattributed]]]]

Avoid chaining critical requests by reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load.

Why this matters

Performance issues directly impact user engagement and conversion rates.

description: [preconnect](https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/) hints help the browser establish a connection earlier in the page load, saving time when the first request for that origin is made. The following are the origins that the page preconnected to.

title: Preconnected origins

description: Add [preconnect](https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/) hints to your most important origins, but try to use no more than 4.

title: Preconnect candidates

Requests are blocking the page's initial render, which may delay LCP. Deferring or inlining can move these network requests out of the critical path.

Why this matters

Performance issues directly impact user engagement and conversion rates.

URL	Transfer Size	Duration
/css?family=Cabin%3A400%2C700%7CLato%3A400%2C700&subset=l...	1.0 KiB	784 ms
htmlcodex.com/wp-content/themes/gridlove/assets/css/min.css?ver=1.9.8	49.8 KiB	1.1 s
/wp-content/plugins/meks-smart-social-widget/css/style.cs...	6.1 KiB	638 ms
htmlcodex.com/wp-content/plugins/meks-easy-ads-widget/css/style.css?ver=2.0.9	918 B	480 ms
/wp-content/plugins/meks-easy-social-share/assets/css/mai...	2.6 KiB	480 ms
htmlcodex.com/wp-content/themes/gridlove-child/style.css?ver=1.9.8	2.6 KiB	480 ms

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

Why this matters

Performance issues directly impact user engagement and conversion rates.

Request	Cache TTL	Transfer Size
/pagead/managed/js/adsense/m202604170101/show_ads_impl_fy...	1209600.0 s	177.5 KiB
/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da177152312...	86400.0 s	10.7 KiB
htmlcodex.com/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js	2868.0 s	4.4 KiB

Reducing the download time of images can improve the perceived load time of the page and LCP. Learn more about optimizing image size

Why this matters

Performance issues directly impact user engagement and conversion rates.

	URL	Resource Size	Est Savings
HTML Codex `div.gridlove-site-branding > span.site-title > a > img.gridlove-logo-mini`	htmlcodex.com/wp-content/uploads/2020/12/htmlcodex-mini.png	18.0 KiB	17.5 KiB
HTML Codex `div.gridlove-site-branding > span.site-title > a > img.gridlove-logo-mini`	htmlcodex.com/wp-content/uploads/2020/12/htmlcodex-mini-2x.png	18.5 KiB	17.2 KiB
Industry Website Template `article.gridlove-post > div.entry-image > a > img.attachment-gridlove-a3-orig`	/htmlcodex.com/wp-content/uploads/2026/04/Industrix.jpg?r...	56.6 KiB	13.9 KiB

These insights are also available in the Chrome DevTools Performance Panel - record a trace to view more detailed information.

Keep the server response time for the main document short because all other requests depend on it. Learn more about the Time to First Byte metric.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Estimated savings: 898 ms

URL	Time Spent
htmlcodex.com/	998 ms

Time to Interactive is the amount of time it takes for the page to become fully interactive. Learn more about the Time to Interactive metric.

Why this matters

Performance issues directly impact user engagement and conversion rates.

TTI

The maximum potential First Input Delay that your users could experience is the duration of the longest task. Learn more about the Maximum Potential First Input Delay metric.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Diagnostics

Reduce unused rules from stylesheets and defer CSS not used for above-the-fold content to decrease bytes consumed by network activity. Learn how to reduce unused CSS.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Estimated savings: 160 ms 44.2 KiB

URL	Transfer Size	Est Savings
htmlcodex.com/wp-content/themes/gridlove/assets/css/min.css?ver=1.9.8	49.2 KiB	44.2 KiB

Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to reduce Javascript execution time.

Why this matters

Performance issues directly impact user engagement and conversion rates.

URL	Total CPU Time	Script Evaluation	Script Parse
htmlcodex.com/	778 ms	4.8 ms	0.6 ms
Unattributable	570 ms	26 ms	0.0 ms
htmlcodex.com/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js	501 ms	380 ms	6.3 ms
www.googletagmanager.com/gtag/js?id=G-JTM8L5EJGL	337 ms	269 ms	65 ms
/pagead/managed/js/adsense/m202604170101/show_ads_impl_fy...	323 ms	231 ms	77 ms
/pagead/js/adsbygoogle.js?client=ca-pub-4955347150592523&...	116 ms	93 ms	22 ms
htmlcodex.com/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4	95 ms	89 ms	4.5 ms
ep2.adtrafficquality.google/sodar/sodar2.js	72 ms	65 ms	3.5 ms
c0.wp.com/c/6.9.4/wp-includes/js/jquery/jquery.min.js	61 ms	39 ms	20 ms
/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da177152312...	55 ms	28 ms	6.4 ms

Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to minimize main-thread work

Why this matters

Performance issues directly impact user engagement and conversion rates.

Category	Time Spent
Script Evaluation	1.3 s
Other	739 ms
Style & Layout	560 ms
Script Parsing & Compilation	232 ms
Rendering	130 ms
Parse HTML & CSS	118 ms

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

Why this matters

Multi-megabyte JavaScript bundles delay every interactive feature on the page.

Learn more ▾

This is the Lighthouse audit fired when too much JS is shipped relative to what executes. The fix isn't a config flag — it requires bundle analysis (webpack-bundle-analyzer, rollup-plugin-visualizer), splitting routes into chunks, lazy-loading off-screen components, and removing unused dependencies. Fundamentally different from minification: minifying reduces byte count, this reduces what's downloaded at all.

Source: Google web.dev / Lighthouse

Estimated savings: 0.0 ms 230.6 KiB

URL	Transfer Size	Est Savings
/pagead/managed/js/adsense/m202604170101/show_ads_impl_fy...	177.5 KiB	134.5 KiB
www.googletagmanager.com/gtag/js?id=G-JTM8L5EJGL	99.4 KiB	41.7 KiB
/pagead/js/adsbygoogle.js?client=ca-pub-4955347150592523&...	54.1 KiB	28.8 KiB
htmlcodex.com/wp-content/themes/gridlove/assets/js/min.js?ver=1.9.8	32.9 KiB	25.6 KiB

Set an explicit width and height on image elements to reduce layout shifts and improve CLS. Learn how to set image dimensions

Why this matters

Performance issues directly impact user engagement and conversion rates.

	URL
HTML Codex `div.gridlove-site-branding > span.site-title > a > img.gridlove-logo-mini`	htmlcodex.com/wp-content/uploads/2020/12/htmlcodex-mini-2x.png

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

●Layout shift culprits

●Optimize DOM size

●LCP breakdown

●Modern HTTP

●Optimize viewport for mobile

●Minify CSS

●Minify JavaScript

●Avoids enormous network payloads Total size was 2,040 KiB

●User Timing marks and measures 5 user timings

●Avoid long main-thread tasks 12 long tasks found

●Page didn't prevent back/forward cache restoration

●Network Requests

●Network Round Trip Times 10 ms

●Server Backend Latencies 20 ms

●Tasks

●Diagnostics

●Metrics

●Screenshot Thumbnails

●Final Screenshot

●Script Treemap Data

●Resources Summary

●Avoid multiple page redirects

●Avoid large layout shifts 1 layout shift found

○INP breakdown

○LCP request discovery

○Avoid non-composited animations

Accessibility

These checks highlight opportunities to improve the accessibility of your web app. Automatic detection can only detect a subset of issues and does not guarantee the accessibility of your web app, so manual testing is also encouraged.

Contrast

Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Failing Elements
177+ Free HTML Website Templates `div.gridlove-cover-item > div.gridlove-cover-content > div.overlay-vh-center-custom > h1`
div.overlay-vh-center-custom > div.custom-search-form > form > input `div.overlay-vh-center-custom > div.custom-search-form > form > input`
Search `div.overlay-vh-center-custom > div.custom-search-form > form > button`
AGENCY `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
INDUSTRIAL `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
MAINTENANCE & SERVICE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
AGENCY `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
NONPROFIT `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
AGENCY `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
MEDICAL & HOSPITAL `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
ECOMMERCE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
BEAUTY & HAIR `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
AGENCY `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
MAINTENANCE & SERVICE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
INDUSTRIAL `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
MAINTENANCE & SERVICE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
RESTAURANTS & FOOD `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
TEMPLATE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
RESTAURANTS & FOOD `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
LANDING PAGE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
TEMPLATE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
CORPORATE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
AGENCY `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
CORPORATE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
AGENCY `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
CORPORATE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
AGENCY `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
MAINTENANCE & SERVICE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
TEMPLATE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
AGENCY `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
PERSONAL `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
RESTAURANTS & FOOD `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
AGENCY `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
ECOMMERCE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
CORPORATE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
AGENCY `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
CORPORATE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
PERSONAL `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
AGENCY `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
RESTAURANTS & FOOD `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
TRAVEL & TOURISM `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
AGENCY `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
EDUCATION `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
ECOMMERCE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
CORPORATE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
VIEW ALL TEMPLATES `div#content > div#gridlove-module-4 > div.gridlove-text-module-content > a.gridlove-button`
form#mc4wp-form-1 > div.mc4wp-form-fields > p > input.btn-subs `form#mc4wp-form-1 > div.mc4wp-form-fields > p > input.btn-subs`

Low-contrast text is difficult or impossible for many users to read. Link text that is discernible improves the experience for users with low vision. Learn how to make links distinguishable.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Failing Elements
HTML Codex `div.gridlove-copyright > div.container > p > a`

These are opportunities to improve the legibility of your content.

Navigation

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 about heading order.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Failing Elements
Highly Customizable `div.row > div.col-md-6 > div.gridlove-box > h4`
Who we are `div.row > div.col-lg-3 > div#custom_html-2 > h4.widget-title`

These are opportunities to improve keyboard navigation in your application.

Best practices

One main landmark helps screen reader users navigate a web page. Learn more about landmarks.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Failing Elements
html.no-js `html.no-js`

These items highlight common accessibility best practices.

○Interactive controls are keyboard focusable

○Interactive elements indicate their purpose and state

○The page has a logical tab order

○Visual order on the page follows DOM order

○User focus is not accidentally trapped in a region

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

○HTML5 landmark elements are used to improve navigation

○Offscreen content is hidden from assistive technology

○Custom controls have associated labels

○Custom controls have ARIA roles

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

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

●`[role]` values are valid

●Buttons have an accessible name

●Image elements have `[alt]` attributes

●Input buttons have discernible text.

●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

●Document has a `<title>` element

●`<html>` element has a `[lang]` attribute

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

●Links have a discernible name

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

●List items (`<li>`) are contained within `<ul>`, `<ol>` or `<menu>` parent elements

●Touch targets have sufficient size and spacing.

●Deprecated ARIA roles were not used

●Identical links have the same purpose.

○`[accesskey]` values are unique

○`[aria-*]` attributes match their roles

○`button`, `link`, and `menuitem` elements have accessible names

○ARIA attributes are used as specified for the element's role

○Elements with `role="dialog"` or `role="alertdialog"` have accessible names.

○ARIA input fields have accessible names

○ARIA `meter` elements have accessible names

○ARIA `progressbar` elements have accessible names

○Elements use only permitted 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

○Elements with the `role=text` attribute do not have focusable descendents.

○ARIA toggle fields have accessible names

○ARIA `tooltip` elements have accessible names

○ARIA `treeitem` elements have accessible names

○`[aria-*]` attributes have valid values

○`[aria-*]` attributes are valid and not misspelled

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

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

○Definition list items are wrapped in `<dl>` elements

○ARIA IDs are unique

○No form fields have multiple labels

○`<frame>` or `<iframe>` elements have a title

○`<html>` element has an `[xml:lang]` attribute with the same base language as the `[lang]` attribute.

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

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

○`<object>` elements have alternate text

○Select elements have associated label elements.

○Skip links are focusable.

○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"]`

○Tables have different content in the summary attribute and `<caption>`.

○All heading elements contain content.

○Uses ARIA roles only on compatible elements

○Image elements do not have `[alt]` attributes that are redundant text.

○Elements with visible text labels have matching accessible names.

○Tables use `<caption>` instead of cells with the `[colspan]` attribute to indicate a caption.

○`<td>` elements in a large `<table>` have one or more table headers.

100

Best Practices

●Uses HTTPS

●Avoids deprecated APIs

●Avoids third-party cookies

●Allows users to paste into input fields

●Avoids requesting the geolocation permission on page load

●Avoids requesting the notification permission on page load

●Displays images with correct aspect ratio

●Serves images with appropriate resolution

●Page has the HTML doctype

●Properly defines charset

●No browser errors logged to the console

●No issues in the `Issues` panel in Chrome Devtools

●Ensure CSP is effective against XSS attacks

●Use a strong HSTS policy

●Ensure proper origin isolation with COOP

●Mitigate clickjacking with XFO or CSP

●Mitigate DOM-based XSS with Trusted Types

●Detected JavaScript libraries

●Page has valid source maps

○Redirects HTTP traffic to HTTPS

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 about Google Search Essentials.

Content Best Practices

Descriptive link text helps search engines understand your content. Learn how to make links more accessible.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Link destination	Link Text
htmlcodex.com/about-us/	Read More

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

○Structured data is valid

●Page isn’t blocked from indexing

●Document has a `<title>` element

●Document has a meta description

●Page has successful HTTP status code

●Links are crawlable

●robots.txt is valid

●Image elements have `[alt]` attributes

●Document has a valid `hreflang`

●Document has a valid `rel=canonical`

Lighthouse Scores

Industry-standard audits powered by Google Lighthouse. — Desktop

Performance

Accessibility

100

Best Practices

SEO

Core Web Vitals

Key metrics that affect user experience. — Desktop

First Contentful Paint First Contentful Paint — how long until the browser renders the first piece of content. Under 1.8s is good.

804 ms

Largest Contentful Paint Largest Contentful Paint — how long until the largest visible element loads. Under 2.5s is good.

909 ms

Total Blocking Time Total Blocking Time — total time the main thread was blocked, preventing user input. Under 200ms is good.

0 ms

Cumulative Layout Shift Cumulative Layout Shift — measures visual stability. How much the page layout shifts during loading. Under 0.1 is good.

0.000

Speed Index Speed Index — how quickly content is visually displayed during load. Under 3.4s is good.

1.36 s

Time to Interactive Time to Interactive — how long until the page is fully interactive and responds to user input. Under 3.8s is good.

912 ms

Detailed Report

Audit breakdown by category with detailed findings.

Performance

Insights

Remove large, duplicate JavaScript modules from bundles to reduce unnecessary bytes consumed by network activity.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Why this matters

Shipping ES5 transpiled code to modern browsers wastes bytes — every user with an evergreen browser pays for compatibility you don't need.

Learn more ▾

Source: Google web.dev / Lighthouse

3rd party code can significantly impact load performance. Reduce and defer loading of 3rd party code to prioritize your page's content.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Your first network request is the most important. Reduce its latency by avoiding redirects, ensuring a fast server response, and enabling text compression.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Optimize LCP by making the LCP image discoverable from the HTML immediately, and avoiding lazy-loading

Why this matters

Performance issues directly impact user engagement and conversion rates.

lhId: page-0-IMG

nodeLabel: Computer Repair Website Template

path: 1,HTML,1,BODY,3,DIV,1,DIV,1,DIV,1,DIV,0,ARTICLE,0,DIV,0,A,0,IMG

selector: article.gridlove-post > div.entry-image > a > img.attachment-gridlove-a3-orig

snippet: <img width="270" height="169" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2026/02/Cepair.jpg?resi…" class="attachment-gridlove-a3-orig size-gridlove-a3-orig wp-post-image" alt="Computer Repair Website Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2026/02/Cepair.jpg?w=80…" sizes="(max-width: 270px) 100vw, 270px">

Avoid chaining critical requests by reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load.

Why this matters

Performance issues directly impact user engagement and conversion rates.

title: Preconnected origins

description: Add [preconnect](https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/) hints to your most important origins, but try to use no more than 4.

title: Preconnect candidates

value: No additional origins are good candidates for preconnecting

Requests are blocking the page's initial render, which may delay LCP. Deferring or inlining can move these network requests out of the critical path.

Why this matters

Performance issues directly impact user engagement and conversion rates.

URL	Transfer Size	Duration
htmlcodex.com/wp-content/themes/gridlove/assets/css/min.css?ver=1.9.8	49.8 KiB	203 ms
/css?family=Cabin%3A400%2C700%7CLato%3A400%2C700&subset=l...	1.0 KiB	235 ms
htmlcodex.com/wp-content/themes/gridlove-child/style.css?ver=1.9.8	2.6 KiB	155 ms
/wp-content/plugins/meks-smart-social-widget/css/style.cs...	6.1 KiB	155 ms
/wp-content/plugins/meks-easy-social-share/assets/css/mai...	2.6 KiB	155 ms
htmlcodex.com/wp-content/plugins/meks-easy-ads-widget/css/style.css?ver=2.0.9	919 B	155 ms

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

Why this matters

Performance issues directly impact user engagement and conversion rates.

Request	Cache TTL	Transfer Size
/pagead/managed/js/adsense/m202604170101/show_ads_impl_fy...	1209600.0 s	177.5 KiB
/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da177152312...	86400.0 s	10.7 KiB
htmlcodex.com/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js	2873.0 s	4.4 KiB

Consider setting font-display to swap or optional to ensure text is consistently visible. swap can be further optimized to mitigate layout shifts with font metric overrides.

Why this matters

Performance issues directly impact user engagement and conversion rates.

URL	Est Savings
/wp-content/themes/gridlove/assets/fonts/fontawesome-webf...	15 ms
/wp-content/plugins/meks-easy-social-share/assets/fonts/s...	15 ms
fonts.gstatic.com/s/cabin/v35/u-4i0qWljRw-PfU81xCKCpdpbgZJl6XvqdnsF3-OAw.woff2	5.0 ms
fonts.gstatic.com/s/lato/v25/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2	5.0 ms

Reducing the download time of images can improve the perceived load time of the page and LCP. Learn more about optimizing image size

Why this matters

Performance issues directly impact user engagement and conversion rates.

	URL	Resource Size	Est Savings
Consultancy Website Template Free `article.gridlove-post > div.entry-image > a > img.attachment-gridlove-a`	/htmlcodex.com/wp-content/uploads/2021/07/consultancy-web...	63.4 KiB	56.2 KiB
Construction Company HTML Template `article.gridlove-post > div.entry-image > a > img.attachment-gridlove-a`	/htmlcodex.com/wp-content/uploads/2021/08/construction-co...	48.0 KiB	42.5 KiB
Bakery Website Template `article.gridlove-post > div.entry-image > a > img.attachment-gridlove-a`	/htmlcodex.com/wp-content/uploads/2022/04/bakery-website-...	45.8 KiB	40.5 KiB
Construction Company Website Template `article.gridlove-post > div.entry-image > a > img.attachment-gridlove-a`	/htmlcodex.com/wp-content/uploads/2020/08/construction-co...	44.1 KiB	39.1 KiB
Architecture HTML Template `article.gridlove-post > div.entry-image > a > img.attachment-gridlove-a`	/htmlcodex.com/wp-content/uploads/2022/03/architecture-ht...	42.9 KiB	38.0 KiB
Carpenter Website Template Free `article.gridlove-post > div.entry-image > a > img.attachment-gridlove-a`	/htmlcodex.com/wp-content/uploads/2021/12/carpenter-websi...	39.7 KiB	35.2 KiB
Bootstrap Restaurant Template `article.gridlove-post > div.entry-image > a > img.attachment-gridlove-a`	/htmlcodex.com/wp-content/uploads/2021/10/bootstrap-resta...	38.9 KiB	34.5 KiB
Bootstrap Resume Template `article.gridlove-post > div.entry-image > a > img.attachment-gridlove-a`	/htmlcodex.com/wp-content/uploads/2021/11/bootstrap-cv-re...	30.4 KiB	27.0 KiB
Software Landing Page Template `article.gridlove-post > div.entry-image > a > img.attachment-gridlove-a`	/htmlcodex.com/wp-content/uploads/2022/03/software-landin...	29.1 KiB	25.8 KiB
Car Wash Website Template `article.gridlove-post > div.entry-image > a > img.attachment-gridlove-a`	/htmlcodex.com/wp-content/uploads/2020/10/car-wash-websit...	27.9 KiB	24.7 KiB
Free Cryptocurrency Website Template `article.gridlove-post > div.entry-image > a > img.attachment-gridlove-a`	/htmlcodex.com/wp-content/uploads/2022/09/free-cryptocurr...	26.2 KiB	23.3 KiB
Bootstrap Agency Template `article.gridlove-post > div.entry-image > a > img.attachment-gridlove-a`	/htmlcodex.com/wp-content/uploads/2020/05/bootstrap-agenc...	26.0 KiB	23.0 KiB
HTML Codex `div.gridlove-site-branding > h1.site-title > a > img.gridlove-logo`	htmlcodex.com/wp-content/uploads/2020/12/htmlcodex.png	18.3 KiB	17.1 KiB
Personal Portfolio HTML Template `article.gridlove-post > div.entry-image > a > img.attachment-gridlove-a3-orig`	/htmlcodex.com/wp-content/uploads/2022/06/personal-portfo...	14.7 KiB	7.3 KiB
Industry Website Template `article.gridlove-post > div.entry-image > a > img.attachment-gridlove-a3-orig`	/htmlcodex.com/wp-content/uploads/2026/04/Industrix.jpg?r...	13.1 KiB	5.7 KiB
Fitness Website Template `article.gridlove-post > div.entry-image > a > img.attachment-gridlove-a3-orig`	/htmlcodex.com/wp-content/uploads/2024/11/fitness-website...	11.6 KiB	4.2 KiB

These insights are also available in the Chrome DevTools Performance Panel - record a trace to view more detailed information.

Diagnostics

Reduce unused rules from stylesheets and defer CSS not used for above-the-fold content to decrease bytes consumed by network activity. Learn how to reduce unused CSS.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Estimated savings: 40 ms 44.8 KiB

URL	Transfer Size	Est Savings
htmlcodex.com/wp-content/themes/gridlove/assets/css/min.css?ver=1.9.8	49.2 KiB	44.8 KiB

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

Why this matters

Multi-megabyte JavaScript bundles delay every interactive feature on the page.

Learn more ▾

Source: Google web.dev / Lighthouse

Estimated savings: 0.0 ms 246.2 KiB

URL	Transfer Size	Est Savings
/pagead/managed/js/adsense/m202604170101/show_ads_impl_fy...	177.5 KiB	133.8 KiB
www.googletagmanager.com/gtag/js?id=G-JTM8L5EJGL	139.5 KiB	57.9 KiB
/pagead/js/adsbygoogle.js?client=ca-pub-4955347150592523&...	54.1 KiB	28.8 KiB
htmlcodex.com/wp-content/themes/gridlove/assets/js/min.js?ver=1.9.8	32.9 KiB	25.7 KiB

Set an explicit width and height on image elements to reduce layout shifts and improve CLS. Learn how to set image dimensions

Why this matters

Performance issues directly impact user engagement and conversion rates.

	URL
HTML Codex `div.gridlove-site-branding > h1.site-title > a > img.gridlove-logo`	htmlcodex.com/wp-content/uploads/2020/12/htmlcodex.png

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

Keep the server response time for the main document short because all other requests depend on it. Learn more about the Time to First Byte metric.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Estimated savings: 863 ms

URL	Time Spent
htmlcodex.com/	963 ms

●Layout shift culprits

●Optimize DOM size

●Forced reflow

●LCP breakdown

●Modern HTTP

●Optimize viewport for mobile

●Time to Interactive 0.9 s

●Max Potential First Input Delay 50 ms

●Minify CSS

●Minify JavaScript

●Avoids enormous network payloads Total size was 1,571 KiB

●User Timing marks and measures 5 user timings

●JavaScript execution time 0.3 s

●Minimizes main-thread work 0.7 s

●Avoid long main-thread tasks 1 long task found

●Page didn't prevent back/forward cache restoration

●Network Requests

●Network Round Trip Times 10 ms

●Server Backend Latencies 30 ms

●Tasks

●Diagnostics

●Metrics

●Screenshot Thumbnails

●Final Screenshot

●Script Treemap Data

●Resources Summary

●Avoid multiple page redirects

●Avoid large layout shifts 1 layout shift found

○INP breakdown

○Avoid non-composited animations

Accessibility

Contrast

Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Failing Elements
177+ Free HTML Website Templates `div.gridlove-cover-item > div.gridlove-cover-content > div.overlay-vh-center-custom > h1`
div.overlay-vh-center-custom > div.custom-search-form > form > input `div.overlay-vh-center-custom > div.custom-search-form > form > input`
Search `div.overlay-vh-center-custom > div.custom-search-form > form > button`
AGENCY `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
INDUSTRIAL `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
MAINTENANCE & SERVICE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
AGENCY `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
NONPROFIT `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
AGENCY `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
MEDICAL & HOSPITAL `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
ECOMMERCE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
BEAUTY & HAIR `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
AGENCY `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
MAINTENANCE & SERVICE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
INDUSTRIAL `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
MAINTENANCE & SERVICE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
RESTAURANTS & FOOD `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
TEMPLATE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
RESTAURANTS & FOOD `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
LANDING PAGE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
TEMPLATE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
CORPORATE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
AGENCY `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
CORPORATE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
AGENCY `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
CORPORATE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
AGENCY `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
MAINTENANCE & SERVICE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
TEMPLATE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
AGENCY `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
PERSONAL `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
RESTAURANTS & FOOD `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
AGENCY `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
ECOMMERCE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
CORPORATE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
AGENCY `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
CORPORATE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
PERSONAL `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
AGENCY `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
RESTAURANTS & FOOD `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
TRAVEL & TOURISM `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
AGENCY `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
EDUCATION `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
ECOMMERCE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
PRO `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
CORPORATE `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
Live Demo `div.box-inner-p > div.entry-meta > div.meta-item > a.gridlove-button`
VIEW ALL TEMPLATES `div#content > div#gridlove-module-4 > div.gridlove-text-module-content > a.gridlove-button`
form#mc4wp-form-1 > div.mc4wp-form-fields > p > input.btn-subs `form#mc4wp-form-1 > div.mc4wp-form-fields > p > input.btn-subs`

Low-contrast text is difficult or impossible for many users to read. Link text that is discernible improves the experience for users with low vision. Learn how to make links distinguishable.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Failing Elements
HTML Codex `div.gridlove-copyright > div.container > p > a`

These are opportunities to improve the legibility of your content.

Navigation

Why this matters

Performance issues directly impact user engagement and conversion rates.

Failing Elements
Highly Customizable `div.row > div.col-md-6 > div.gridlove-box > h4`
Who we are `div.row > div.col-lg-3 > div#custom_html-2 > h4.widget-title`

These are opportunities to improve keyboard navigation in your application.

Best practices

Touch targets with sufficient size and spacing help users who may have difficulty targeting small controls to activate the targets. Learn more about touch targets.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Failing Elements
INDUSTRIAL `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`
BUSINESS `article.gridlove-post > div.entry-image > div.entry-category > a.gridlove-cat`

One main landmark helps screen reader users navigate a web page. Learn more about landmarks.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Failing Elements
html.no-js `html.no-js`

These items highlight common accessibility best practices.

○Interactive controls are keyboard focusable

○Interactive elements indicate their purpose and state

○The page has a logical tab order

○Visual order on the page follows DOM order

○User focus is not accidentally trapped in a region

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

○HTML5 landmark elements are used to improve navigation

○Offscreen content is hidden from assistive technology

○Custom controls have associated labels

○Custom controls have ARIA roles

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

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

●`[role]` values are valid

●Buttons have an accessible name

●Image elements have `[alt]` attributes

●Input buttons have discernible text.

●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

●Document has a `<title>` element

●`<html>` element has a `[lang]` attribute

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

●Links have a discernible name

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

●List items (`<li>`) are contained within `<ul>`, `<ol>` or `<menu>` parent elements

●Deprecated ARIA roles were not used

●Identical links have the same purpose.

○`[accesskey]` values are unique

○`[aria-*]` attributes match their roles

○`button`, `link`, and `menuitem` elements have accessible names

○ARIA attributes are used as specified for the element's role

○Elements with `role="dialog"` or `role="alertdialog"` have accessible names.

○ARIA input fields have accessible names

○ARIA `meter` elements have accessible names

○ARIA `progressbar` elements have accessible names

○Elements use only permitted 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

○Elements with the `role=text` attribute do not have focusable descendents.

○ARIA toggle fields have accessible names

○ARIA `tooltip` elements have accessible names

○ARIA `treeitem` elements have accessible names

○`[aria-*]` attributes have valid values

○`[aria-*]` attributes are valid and not misspelled

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

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

○Definition list items are wrapped in `<dl>` elements

○ARIA IDs are unique

○No form fields have multiple labels

○`<frame>` or `<iframe>` elements have a title

○`<html>` element has an `[xml:lang]` attribute with the same base language as the `[lang]` attribute.

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

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

○`<object>` elements have alternate text

○Select elements have associated label elements.

○Skip links are focusable.

○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"]`

○Tables have different content in the summary attribute and `<caption>`.

○All heading elements contain content.

○Uses ARIA roles only on compatible elements

○Image elements do not have `[alt]` attributes that are redundant text.

○Elements with visible text labels have matching accessible names.

○Tables use `<caption>` instead of cells with the `[colspan]` attribute to indicate a caption.

○`<td>` elements in a large `<table>` have one or more table headers.

100

Best Practices

●Uses HTTPS

●Avoids deprecated APIs

●Avoids third-party cookies

●Allows users to paste into input fields

●Avoids requesting the geolocation permission on page load

●Avoids requesting the notification permission on page load

●Displays images with correct aspect ratio

●Serves images with appropriate resolution

●Page has the HTML doctype

●Properly defines charset

●No browser errors logged to the console

●No issues in the `Issues` panel in Chrome Devtools

●Ensure CSP is effective against XSS attacks

●Use a strong HSTS policy

●Ensure proper origin isolation with COOP

●Mitigate clickjacking with XFO or CSP

●Mitigate DOM-based XSS with Trusted Types

●Detected JavaScript libraries

●Page has valid source maps

○Redirects HTTP traffic to HTTPS

SEO

Content Best Practices

Descriptive link text helps search engines understand your content. Learn how to make links more accessible.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Link destination	Link Text
htmlcodex.com/about-us/	Read More

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

○Structured data is valid

●Page isn’t blocked from indexing

●Document has a `<title>` element

●Document has a meta description

●Page has successful HTTP status code

●Links are crawlable

●robots.txt is valid

●Image elements have `[alt]` attributes

●Document has a valid `hreflang`

●Document has a valid `rel=canonical`

Results for https://htmlcodex.com

Site Health

How you compare

Top Priorities (5)

Fix Priority Matrix

Quick Wins

Strategic

Easy Improvements

Deprioritize

What fixing these means

Conversion Barriers

Speed (2)

Trust (2)

Usability (1)

Navigation (2)

Return on Investment

Investment

Monthly returns

Regulatory risk avoided

Payback period

Estimated Remediation Cost

Cost by category

Cost by effort level

What Inaction Is Costing You

Compliance Risk

Bandwidth Waste

Lighthouse Scores

Core Web Vitals

Detailed Report

Performance

Insights

Diagnostics

Accessibility

Contrast

Navigation

Best practices

Best Practices

SEO

Content Best Practices

Lighthouse Scores

Core Web Vitals

Detailed Report

Performance

Insights

Diagnostics

Accessibility

Contrast

Navigation

Best practices

Best Practices

SEO

Content Best Practices

Keyboard Shortcuts