Spain · Madrid Completed: Apr 21, 2026 20:27 UTCMobile 375 × 812
Desktop 1440 × 900
Score: 76 / 100
Based on 8 categories, 0 sections
Decent speed, but optimizing further could improve engagement.
Strong security — your users are well protected.
Several issues make your site difficult for assistive technology users.
Missing signals may be hurting your search visibility.
Solid infrastructure — fast server responses across the board.
Mostly compliant — a few items need attention.
Missing metadata means poor previews on social media and search.
Reasonable footprint with room for optimization.
The overall score is a weighted average of individual category scores. Categories with more impact on user experience and security carry more weight.
Weights reflect general web best practices. Individual needs may differ.
'unsafe-eval' found in script source
Security gaps expose your site and users to attacks, eroding trust.
HSTS header is missing
Security gaps expose your site and users to attacks, eroding trust.
Soft 404: server returns HTTP 200 for non-existent pages
Accessibility issues exclude users with disabilities — up to 15% of your potential audience.
53 third-party resources (98% of weight)
Performance issues directly impact user engagement and conversion rates.
Cookie '__cf_bm' has no SameSite attribute
Security gaps expose your site and users to attacks, eroding trust.
High impact, low effort — start here.
High impact, requires investment.
Small gains, minimal effort.
Nothing in this quadrant — good news.
Low impact, high effort — do last.
Nothing in this quadrant — good news.
[](https://beavercheck.com/results/7513db7f-7bdf-4aaf-8e86-885d8df0a2c4)<a href="https://beavercheck.com/results/7513db7f-7bdf-4aaf-8e86-885d8df0a2c4"><img src="https://beavercheck.com/badge?url=https%3A%2F%2Ftutsplus.com" alt="BeaverCheck Score"></a>https://beavercheck.com/badge?url=https%3A%2F%2Ftutsplus.comThis badge auto-updates with your latest scan result.
Your site performs reasonably well, but a few targeted fixes could meaningfully improve results. Your LCP of 18.2s exceeds Google's 2.5s 'Good' threshold and the 1 performance issue below directly contributes to it. 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.
8 barrier(s) likely increasing bounce by ~30%.
Page takes 18.2s to load
+12% bounceUsers abandon at ~3s — you're 15.7s over the 2.5s threshold
Fix: Optimize render-blocking resources, preload the hero image, and compress images
Page feels frozen for 2.3s
+5% bounceClicks on the primary CTA are ignored while JavaScript runs
Fix: Break up long tasks; defer non-critical JavaScript to post-hydration
No HSTS header
+1% bounceReturning 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% bounceHigher XSS blast radius — one compromised script can exfiltrate the checkout form
Fix: Ship a reporting-only CSP first, then enforce once violations are clean
No Open Graph tags
+2% bounceLinks shared on LinkedIn / Slack / Facebook show bare URLs — referral clicks drop
Fix: Add og:title, og:description, og:image, og:url to the page head
No structured data
+2% bounceNo rich-result eligibility in Google — lower SERP CTR vs competitors with stars and prices
Fix: Add JSON-LD for your page type (Product, Article, FAQPage, LocalBusiness, …)
Thin content
+3% bounceUnder 300 words — visitors bounce looking for substance, search engines rank competitors first
Fix: Add a substantive FAQ, product detail, or case-study section
No skip-to-content link
+1% bounceKeyboard 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
Preliminary CRO audit — each barrier links to the tab with detailed analysis.
$500 investment → $0.92/month returns + USD 150,000 risk avoided
$500
5h · 5 findings
$0.92 /mo
~$11 / year
USD 150,000
if kept compliant
$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.
5.0 developer hours at $100/hr
Based on United States rates ($100/hr)
Start here for the best return on investment
$12,501 / month at risk
~$150,011 / year if left unfixed
$150,000
$0.92 /mo
11462.7 MB/mo × 0.080 USD/GB
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.
Unique monthly visitors from your analytics
Purchases, signups, or key actions
Optional — for revenue estimation
more engaged visitors from reduced bounce
Fix 3 critical issues to capture this value
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
Your data stays in your browser — nothing is sent to our servers
Thanks for your feedback!
We'll use a cached audit if available, or offer to scan.
Industry-standard audits powered by Google Lighthouse.
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.
3.43 s
Largest Contentful Paint Largest Contentful Paint — how long until the largest visible element loads. Under 2.5s is good.
18.17 s
Total Blocking Time Total Blocking Time — total time the main thread was blocked, preventing user input. Under 200ms is good.
2.27 s
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.
8.65 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.
18.79 s
Audit breakdown by category with detailed findings.
Remove large, duplicate JavaScript modules from bundles to reduce unnecessary bytes consumed by network activity.
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
Shipping ES5 transpiled code to modern browsers wastes bytes — every user with an evergreen browser pays for compatibility you don't need.
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.
Performance issues directly impact user engagement and conversion rates.
A long cache lifetime can speed up repeat visits to your page. Learn more about caching.
Performance issues directly impact user engagement and conversion rates.
| Request | Cache TTL | Transfer Size |
|---|---|---|
| /cms-assets.tutsplus.com/uploads/users/2618/home_page_fea... | 0.0 ms | 203.4 KiB |
| /cms-assets.tutsplus.com/uploads/users/2604/email_setting... | 0.0 ms | 180.2 KiB |
| /cms-assets.tutsplus.com/uploads/users/2853/cta_toasts/ct... | 0.0 ms | 97.1 KiB |
| consent.cookiebot.com/Framework/IAB/consent-sdk-2.3.js | 183.0 s | 87.9 KiB |
| consent.cookiebot.com/uc.js | 1147.0 s | 35.7 KiB |
| /cms-assets.tutsplus.com/uploads/users/2695/home_page_fea... | 0.0 ms | 15.3 KiB |
| tutsplus.com/tailwind.css | 0.0 ms | 14.6 KiB |
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.
Performance issues directly impact user engagement and conversion rates.
Reducing the download time of images can improve the perceived load time of the page and LCP. Learn more about optimizing image size
Performance issues directly impact user engagement and conversion rates.
| URL | Resource Size | Est Savings | |
|---|---|---|---|
div#footer-promo-component > a.w-full > div.w-full > img.w-full div#footer-promo-component > a.w-full > div.w-full > img.w-full | /packs/static/images/TutsDesignUpdates_YoutubePromoBanner... | 252.1 KiB | 231.6 KiB |
Graphic Design Basics article > header > div.relative > img.object-cover | /cms-assets.tutsplus.com/uploads/users/2618/home_page_fea... | 203.0 KiB | 189.8 KiB |
turbo-frame#cta_toast_popup > div.tuts-toast-banner__modal > div.tuts-toast-banner__wrapper > img.tuts-toast-banner__cta-image turbo-frame#cta_toast_popup > div.tuts-toast-banner__modal > div.tuts-toast-banner__wrapper > img.tuts-toast-banner__cta-image | /cms-assets.tutsplus.com/uploads/users/2853/cta_toasts/ct... | 96.7 KiB | 90.2 KiB |
Learn creative skills - tutorials for 3D art, motion design and more div.flex > div.w-full > picture > img.w-full | static.tutsplus.com/packs/static/images/home_hero_002-c78611bbb9a7b6a10bb5.avif | 78.6 KiB | 66.5 KiB |
Web Design for Beginners div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cdn-cgi/image/width=1200/uploads/users/48/youtube_course... | 48.0 KiB | 45.5 KiB |
Profile image of Laura Keung div.grid > a#author-card > div > img.rounded-md | /uploads/users/2056/profiles/20573/profileImage/Screensho... | 45.1 KiB | 39.7 KiB |
envato-tuts+ div.global-nav__mobile-closed > div.nav-actions > a.global-nav__header-tuts-logo-link > img.global-nav__header-tuts-logo-image | /packs/static/images/envato-tutsplus-dark-da1bf6c5a7fd834... | 31.3 KiB | 30.6 KiB |
Image of Envato Photos a.flex > div > picture > img.rounded-md | /packs/static/images/envato/asset_categories/10_CategoryC... | 33.7 KiB | 28.4 KiB |
Adobe Illustrator for Beginners div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cdn-cgi/image/width=1200/uploads/users/2659/posts/93489/... | 30.6 KiB | 28.1 KiB |
Motion Design for the Web | FREE COURSE div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cdn-cgi/image/width=1200/uploads/users/30/youtube_course... | 24.8 KiB | 22.3 KiB |
Image of Envato Graphic Templates a.flex > div > picture > img.rounded-md | /packs/static/images/envato/asset_categories/7_CategoryCa... | 27.0 KiB | 21.7 KiB |
Adobe InDesign for Beginners div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cdn-cgi/image/width=1200/uploads/users/2801/youtube_cour... | 23.9 KiB | 21.4 KiB |
Image of Envato MusicGen a.flex > div > picture > img.rounded-md | /packs/static/images/envato/asset_categories/4_CategoryCa... | 25.2 KiB | 19.9 KiB |
Image of Envato VideoGen a.flex > div > picture > img.rounded-md | /packs/static/images/envato/asset_categories/1_CategoryCa... | 24.4 KiB | 19.0 KiB |
After Effects for Beginners div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cdn-cgi/image/width=1200/uploads/users/2796/posts/93554/... | 21.6 KiB | 19.0 KiB |
Image of Envato ImageGen a.flex > div > picture > img.rounded-md | /packs/static/images/envato/asset_categories/2_CategoryCa... | 23.5 KiB | 18.2 KiB |
Image of Envato Fonts a.flex > div > picture > img.rounded-md | /packs/static/images/envato/asset_categories/6_CategoryCa... | 20.8 KiB | 15.5 KiB |
Adobe Photoshop for Beginners div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cms-assets.tutsplus.com/uploads/users/2695/home_page_fea... | 14.9 KiB | 13.2 KiB |
Each subpart has specific improvement strategies. Ideally, most of the LCP time should be spent on loading the resources, not within delays.
Performance issues directly impact user engagement and conversion rates.
These insights are also available in the Chrome DevTools Performance Panel - record a trace to view more detailed information.
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.
Performance issues directly impact user engagement and conversion rates.
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.
Performance issues directly impact user engagement and conversion rates.
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.
Performance issues directly impact user engagement and conversion rates.
| URL | Transfer Size | Est Savings |
|---|---|---|
| 13.5 KiB | 11.3 KiB | |
| static.tutsplus.com/packs/css/home-4c15e585.css | 11.6 KiB | 10.2 KiB |
| static.tutsplus.com/packs/css/672-94e574c8.css | 11.4 KiB | 10.2 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.
Multi-megabyte JavaScript bundles delay every interactive feature on the page.
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
| URL | Transfer Size | Est Savings |
|---|---|---|
| consent.cookiebot.com/Framework/IAB/consent-sdk-2.3.js | 87.7 KiB | 64.3 KiB |
| consent.cookiebot.com/uc.js | 35.5 KiB | 22.3 KiB |
| static.tutsplus.com/packs/js/672-2e68c340144c189870b4.js | 34.8 KiB | 21.4 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.
Performance issues directly impact user engagement and conversion rates.
| URL | Total CPU Time | Script Evaluation | Script Parse |
|---|---|---|---|
| /d10f7659-aa82-4007-9cf1-54a9496002bf/cc.js?renew=false&r... | 7.1 s | 2.3 s | 115 ms |
| Unattributable | 910 ms | 129 ms | 0.0 ms |
| /packs/js/lazy_load_third_party_libraries-44fb1350b8b341c... | 499 ms | 444 ms | 0.7 ms |
| static.tutsplus.com/packs/js/global_nav_scroll-9d8dceb5e78d64bf23b6.js | 305 ms | 33 ms | 0.7 ms |
| static.tutsplus.com/packs/js/708-4243b61808ccf3e411ca.js | 215 ms | 191 ms | 3.6 ms |
| tutsplus.com/packs/js/89-cee648684cde002bc619.chunk.js | 152 ms | 109 ms | 10 ms |
| consent.cookiebot.com/uc.js | 147 ms | 127 ms | 9.3 ms |
| static.tutsplus.com/packs/js/692-7bfa88a42c142cf762c1.js | 122 ms | 10 ms | 17 ms |
| static.tutsplus.com/packs/js/672-2e68c340144c189870b4.js | 113 ms | 91 ms | 18 ms |
| tutsplus.com/ | 86 ms | 14 ms | 2.7 ms |
| consent.cookiebot.com/Framework/IAB/consent-sdk-2.3.js | 77 ms | 42 ms | 34 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
Performance issues directly impact user engagement and conversion rates.
| Category | Time Spent |
|---|---|
| Parse HTML & CSS | 4.7 s |
| Script Evaluation | 3.5 s |
| Other | 909 ms |
| Style & Layout | 363 ms |
| Script Parsing & Compilation | 220 ms |
| Garbage Collection | 58 ms |
| Rendering | 37 ms |
Large network payloads cost users real money and are highly correlated with long load times. Learn how to reduce payload sizes.
Performance issues directly impact user engagement and conversion rates.
Set an explicit width and height on image elements to reduce layout shifts and improve CLS. Learn how to set image dimensions
Performance issues directly impact user engagement and conversion rates.
| URL | |
|---|---|
Graphic Design Basics article > header > div.relative > img.object-cover | /cms-assets.tutsplus.com/uploads/users/2618/home_page_fea... |
Profile image of Laura Keung div.grid > a#author-card > div > img.rounded-md | /uploads/users/2056/profiles/20573/profileImage/Screensho... |
Adobe Photoshop for Beginners div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cms-assets.tutsplus.com/uploads/users/2695/home_page_fea... |
envato-tuts+ div.global-nav__mobile-closed > div.nav-actions > a.global-nav__header-tuts-logo-link > img.global-nav__header-tuts-logo-image | /packs/static/images/envato-tutsplus-dark-da1bf6c5a7fd834... |
Adobe Illustrator for Beginners div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cdn-cgi/image/width=1200/uploads/users/2659/posts/93489/... |
After Effects for Beginners div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cdn-cgi/image/width=1200/uploads/users/2796/posts/93554/... |
Adobe InDesign for Beginners div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cdn-cgi/image/width=1200/uploads/users/2801/youtube_cour... |
Web Design for Beginners div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cdn-cgi/image/width=1200/uploads/users/48/youtube_course... |
Motion Design for the Web | FREE COURSE div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cdn-cgi/image/width=1200/uploads/users/30/youtube_course... |
More information about the performance of your application. These numbers don't directly affect the Performance score.
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.
Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
Unsubscribe at any time. Privacy Policy. div.col-span-7 > div > div.suffix > span.suffix-content |
Privacy Policy. div > div.suffix > span.suffix-content > a.text-grey-500 |
These are opportunities to improve the legibility of your content.
Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute. Learn more about the `alt` attribute.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
div#footer-promo-component > a.w-full > div.w-full > img.w-full div#footer-promo-component > a.w-full > div.w-full > img.w-full |
div.w-full > div.whitespace-break-spaces > span > img.h-[16px] div.w-full > div.whitespace-break-spaces > span > img.h-[16px] |
div#footer-promo-component > a.w-full > div.w-full > img.w-full div#footer-promo-component > a.w-full > div.w-full > img.w-full |
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 how to make links accessible.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
nav.global-nav > div.global-nav__mobile-closed > div.nav-actions > a.mobile-menu-icon nav.global-nav > div.global-nav__mobile-closed > div.nav-actions > a.mobile-menu-icon |
nav.global-nav > div.global-nav__mobile-closed > div.nav-actions > a.mobile-search-icon nav.global-nav > div.global-nav__mobile-closed > div.nav-actions > a.mobile-search-icon |
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.
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.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
search div.flex > div.w-full > form.relative > button.fa-button |
Laura Keung footer > div.flex > div.text-xs > a.flex |
Dan Scott div.flex > div.flex > div.flex > a.flex |
Daniel Walter Scott div.flex > div.flex > div.flex > a.flex |
David Bode div.flex > div.flex > div.flex > a.flex |
Daniel Walter Scott div.flex > div.flex > div.flex > a.flex |
Adi Purdila div.flex > div.flex > div.flex > a.flex |
Adi Purdila div.flex > div.flex > div.flex > a.flex |
Diana Toma div.flex > div.flex > div.flex > a.flex |
These items highlight common accessibility best practices.
Visible text labels that do not match the accessible name can result in a confusing experience for screen reader users. Learn more about accessible names.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
VideoGen
Generate videos with audio, from images or text prompts. div.lg:max-w-[960px] > div.envato-asset-categories-section > div.grid > a.flex |
ImageGen
Develop unique visuals, with simple text prompts. div.lg:max-w-[960px] > div.envato-asset-categories-section > div.grid > a.flex |
ImageEdit
Remove backgrounds, replace objects and more. div.lg:max-w-[960px] > div.envato-asset-categories-section > div.grid > a.flex |
MusicGen
Craft your own unique music with text prompts and presets. div.lg:max-w-[960px] > div.envato-asset-categories-section > div.grid > a.flex |
VoiceGen
Generate the perfect voiceover for your content. div.lg:max-w-[960px] > div.envato-asset-categories-section > div.grid > a.flex |
Fonts
Set your projects apart with exceptional typography. div.lg:max-w-[960px] > div.envato-asset-categories-section > div.grid > a.flex |
Graphic Templates
Kickstart your projects with graphic design templates. div.lg:max-w-[960px] > div.envato-asset-categories-section > div.grid > a.flex |
3D
Elevate your work with high-quality 3D models & renders. div.lg:max-w-[960px] > div.envato-asset-categories-section > div.grid > a.flex |
Motion Graphics
Animate your video projects with easy-to-use motion graphics. div.lg:max-w-[960px] > div.envato-asset-categories-section > div.grid > a.flex |
Photos
Explore photos and create standout visuals. div.lg:max-w-[960px] > div.envato-asset-categories-section > div.grid > a.flex |
Laura Keung
Brand and Editorial Designer div.lg:max-w-[960px] > div.author-section > div.grid > a#author-card |
Ashlee Harrell
Graphic Designer div.lg:max-w-[960px] > div.author-section > div.grid > a#author-card |
Daniel Walter Scott
Adobe Master div.lg:max-w-[960px] > div.author-section > div.grid > a#author-card |
Jemima Abu
Front-End Developer div.lg:max-w-[960px] > div.author-section > div.grid > a#author-card |
Adi Purdila
Web Designer div.lg:max-w-[960px] > div.author-section > div.grid > a#author-card |
David Bode
Videographer div.lg:max-w-[960px] > div.author-section > div.grid > a#author-card |
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.
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 how to make links crawlable
Performance issues directly impact user engagement and conversion rates.
| Uncrawlable Link |
|---|
Cookie Settings div.w-full > div.flex > span > a.text-[#191919] |
To appear in search results, crawlers need access to your app.
Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute. Learn more about the `alt` attribute.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
div#footer-promo-component > a.w-full > div.w-full > img.w-full div#footer-promo-component > a.w-full > div.w-full > img.w-full |
div.w-full > div.whitespace-break-spaces > span > img.h-[16px] div.w-full > div.whitespace-break-spaces > span > img.h-[16px] |
div#footer-promo-component > a.w-full > div.w-full > img.w-full div#footer-promo-component > a.w-full > div.w-full > img.w-full |
Format your HTML in a way that enables crawlers to better understand your app’s content.
Industry-standard audits powered by Google Lighthouse. — Desktop
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.
938 ms
Largest Contentful Paint Largest Contentful Paint — how long until the largest visible element loads. Under 2.5s is good.
1.87 s
Total Blocking Time Total Blocking Time — total time the main thread was blocked, preventing user input. Under 200ms is good.
453 ms
Cumulative Layout Shift Cumulative Layout Shift — measures visual stability. How much the page layout shifts during loading. Under 0.1 is good.
0.050
Speed Index Speed Index — how quickly content is visually displayed during load. Under 3.4s is good.
1.62 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.
4.14 s
Audit breakdown by category with detailed findings.
Remove large, duplicate JavaScript modules from bundles to reduce unnecessary bytes consumed by network activity.
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
Shipping ES5 transpiled code to modern browsers wastes bytes — every user with an evergreen browser pays for compatibility you don't need.
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.
Performance issues directly impact user engagement and conversion rates.
A long cache lifetime can speed up repeat visits to your page. Learn more about caching.
Performance issues directly impact user engagement and conversion rates.
| Request | Cache TTL | Transfer Size |
|---|---|---|
| /cms-assets.tutsplus.com/uploads/users/2618/home_page_fea... | 0.0 ms | 203.4 KiB |
| /cms-assets.tutsplus.com/uploads/users/2604/email_setting... | 0.0 ms | 180.2 KiB |
| /cms-assets.tutsplus.com/uploads/users/2853/cta_toasts/ct... | 0.0 ms | 97.1 KiB |
| consent.cookiebot.com/Framework/IAB/consent-sdk-2.3.js | 140.0 s | 87.9 KiB |
| consent.cookiebot.com/uc.js | 1104.0 s | 35.7 KiB |
| /cms-assets.tutsplus.com/uploads/users/2695/home_page_fea... | 0.0 ms | 15.4 KiB |
| tutsplus.com/tailwind.css | 0.0 ms | 14.6 KiB |
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.
Performance issues directly impact user engagement and conversion rates.
Reducing the download time of images can improve the perceived load time of the page and LCP. Learn more about optimizing image size
Performance issues directly impact user engagement and conversion rates.
| URL | Resource Size | Est Savings | |
|---|---|---|---|
Side image div.sign-up-component > div.rounded-lg > div.background-image > img.w-full | /cms-assets.tutsplus.com/uploads/users/2604/email_setting... | 179.8 KiB | 170.8 KiB |
Graphic Design Basics article > header > div.relative > img.object-cover | /cms-assets.tutsplus.com/uploads/users/2618/home_page_fea... | 203.0 KiB | 167.5 KiB |
turbo-frame#cta_toast_popup > div.tuts-toast-banner__modal > div.tuts-toast-banner__wrapper > img.tuts-toast-banner__cta-image turbo-frame#cta_toast_popup > div.tuts-toast-banner__modal > div.tuts-toast-banner__wrapper > img.tuts-toast-banner__cta-image | /cms-assets.tutsplus.com/uploads/users/2853/cta_toasts/ct... | 96.7 KiB | 87.3 KiB |
Profile image of Jemima Abu div.mr-6 > a#author-card > div > img.rounded-md | /uploads/users/2722/profiles/21247/profileImage/jemima_3.... | 59.3 KiB | 50.4 KiB |
Learn creative skills - tutorials for 3D art, motion design and more div.flex > div.w-full > picture > img.w-full | static.tutsplus.com/packs/static/images/home_hero_002-c78611bbb9a7b6a10bb5.avif | 78.6 KiB | 46.0 KiB |
Web Design for Beginners div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cdn-cgi/image/width=600/uploads/users/48/youtube_courses... | 48.0 KiB | 42.5 KiB |
Profile image of David Bode div.mr-6 > a#author-card > div > img.rounded-md | /uploads/users/392/profiles/1802/profileImage/dave-bode.jpg | 46.8 KiB | 37.9 KiB |
Profile image of Laura Keung div.mr-6 > a#author-card > div > img.rounded-md | /uploads/users/2056/profiles/20573/profileImage/Screensho... | 45.1 KiB | 36.2 KiB |
How to remove a background in Affinity Designer article.flex > header.h-[auto] > div.flex > img.rounded-md | /cdn-cgi/image/width=600/uploads/users/115/posts/93200/pr... | 43.8 KiB | 33.4 KiB |
envato-tuts+ ul.global-nav__header-list > li.global-nav__header-item > a.global-nav__header-tuts-logo-link > img.global-nav__header-tuts-logo-image | /packs/static/images/envato-tutsplus-dark-da1bf6c5a7fd834... | 31.3 KiB | 31.1 KiB |
Profile image of Daniel Walter Scott div.mr-6 > a#author-card > div > img.rounded-md | /uploads/users/2796/profiles/20695/profileImage/dan_scott... | 39.5 KiB | 30.6 KiB |
Adobe Illustrator for Beginners div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cdn-cgi/image/width=600/uploads/users/2659/posts/93489/p... | 30.6 KiB | 25.1 KiB |
Image of Envato Photos a.flex > div > picture > img.rounded-md | /packs/static/images/envato/asset_categories/10_CategoryC... | 33.7 KiB | 24.9 KiB |
Profile image of Adi Purdila div.mr-6 > a#author-card > div > img.rounded-md | cms-assets.tutsplus.com/uploads/users/30/profiles/265/profileImage/adi.jpg | 33.8 KiB | 24.9 KiB |
Motion Design for the Web | FREE COURSE div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cdn-cgi/image/width=600/uploads/users/30/youtube_courses... | 24.8 KiB | 19.4 KiB |
Adobe InDesign for Beginners div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cdn-cgi/image/width=600/uploads/users/2801/youtube_cours... | 23.9 KiB | 18.5 KiB |
Image of Envato Graphic Templates a.flex > div > picture > img.rounded-md | /packs/static/images/envato/asset_categories/7_CategoryCa... | 27.0 KiB | 18.3 KiB |
How to create a movie poster using AI with Envato ImageGen and ImageEdit article.flex > header.h-[auto] > div.flex > img.rounded-md | /cdn-cgi/image/width=600/uploads/users/33/posts/109151/pr... | 23.8 KiB | 17.7 KiB |
Profile image of Ashlee Harrell div.mr-6 > a#author-card > div > img.rounded-md | /uploads/users/2796/profiles/21283/profileImage/Ash_HS_1.jpg | 25.9 KiB | 17.0 KiB |
How to use the Artistic Text Tool in Affinity Designer article.flex > header.h-[auto] > div.flex > img.rounded-md | /cdn-cgi/image/width=600/uploads/users/2659/posts/108925/... | 21.8 KiB | 16.2 KiB |
After Effects for Beginners div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cdn-cgi/image/width=600/uploads/users/2796/posts/93554/p... | 21.6 KiB | 16.1 KiB |
Image of Envato MusicGen a.flex > div > picture > img.rounded-md | /packs/static/images/envato/asset_categories/4_CategoryCa... | 25.2 KiB | 15.9 KiB |
Image of Envato VideoGen a.flex > div > picture > img.rounded-md | /packs/static/images/envato/asset_categories/1_CategoryCa... | 24.4 KiB | 15.6 KiB |
Image of Envato ImageGen a.flex > div > picture > img.rounded-md | /packs/static/images/envato/asset_categories/2_CategoryCa... | 23.5 KiB | 14.2 KiB |
Cavalry app 101: A quickstart guide for new motion designers article.flex > header.h-[auto] > div.flex > img.rounded-md | /cdn-cgi/image/width=600/uploads/users/403/posts/109179/p... | 18.5 KiB | 13.8 KiB |
Adobe Photoshop for Beginners div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cms-assets.tutsplus.com/uploads/users/2695/home_page_fea... | 14.9 KiB | 11.2 KiB |
These insights are also available in the Chrome DevTools Performance Panel - record a trace to view more detailed information.
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.
Performance issues directly impact user engagement and conversion rates.
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.
Performance issues directly impact user engagement and conversion rates.
Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. Learn how to reduce unused JavaScript.
Multi-megabyte JavaScript bundles delay every interactive feature on the page.
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
| URL | Transfer Size | Est Savings |
|---|---|---|
| consent.cookiebot.com/Framework/IAB/consent-sdk-2.3.js | 87.7 KiB | 64.3 KiB |
| consent.cookiebot.com/uc.js | 35.4 KiB | 22.2 KiB |
| static.tutsplus.com/packs/js/672-2e68c340144c189870b4.js | 34.8 KiB | 21.4 KiB |
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
Performance issues directly impact user engagement and conversion rates.
| Category | Time Spent |
|---|---|
| Parse HTML & CSS | 1.2 s |
| Script Evaluation | 852 ms |
| Other | 290 ms |
| Style & Layout | 154 ms |
| Script Parsing & Compilation | 62 ms |
| Rendering | 19 ms |
| Garbage Collection | 17 ms |
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.
Performance issues directly impact user engagement and conversion rates.
| URL | Transfer Size | Est Savings |
|---|---|---|
| static.tutsplus.com/packs/css/672-94e574c8.css | 11.4 KiB | 10.1 KiB |
Large network payloads cost users real money and are highly correlated with long load times. Learn how to reduce payload sizes.
Performance issues directly impact user engagement and conversion rates.
Set an explicit width and height on image elements to reduce layout shifts and improve CLS. Learn how to set image dimensions
Performance issues directly impact user engagement and conversion rates.
| URL | |
|---|---|
Graphic Design Basics article > header > div.relative > img.object-cover | /cms-assets.tutsplus.com/uploads/users/2618/home_page_fea... |
Profile image of Laura Keung div.mr-6 > a#author-card > div > img.rounded-md | /uploads/users/2056/profiles/20573/profileImage/Screensho... |
Profile image of Ashlee Harrell div.mr-6 > a#author-card > div > img.rounded-md | /uploads/users/2796/profiles/21283/profileImage/Ash_HS_1.jpg |
Profile image of Daniel Walter Scott div.mr-6 > a#author-card > div > img.rounded-md | /uploads/users/2796/profiles/20695/profileImage/dan_scott... |
Profile image of Jemima Abu div.mr-6 > a#author-card > div > img.rounded-md | /uploads/users/2722/profiles/21247/profileImage/jemima_3.... |
Profile image of Adi Purdila div.mr-6 > a#author-card > div > img.rounded-md | cms-assets.tutsplus.com/uploads/users/30/profiles/265/profileImage/adi.jpg |
Profile image of David Bode div.mr-6 > a#author-card > div > img.rounded-md | /uploads/users/392/profiles/1802/profileImage/dave-bode.jpg |
Adobe Photoshop for Beginners div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cms-assets.tutsplus.com/uploads/users/2695/home_page_fea... |
envato-tuts+ ul.global-nav__header-list > li.global-nav__header-item > a.global-nav__header-tuts-logo-link > img.global-nav__header-tuts-logo-image | /packs/static/images/envato-tutsplus-dark-da1bf6c5a7fd834... |
Adobe Illustrator for Beginners div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cdn-cgi/image/width=600/uploads/users/2659/posts/93489/p... |
After Effects for Beginners div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cdn-cgi/image/width=600/uploads/users/2796/posts/93554/p... |
Adobe InDesign for Beginners div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cdn-cgi/image/width=600/uploads/users/2801/youtube_cours... |
Web Design for Beginners div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cdn-cgi/image/width=600/uploads/users/48/youtube_courses... |
Motion Design for the Web | FREE COURSE div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cdn-cgi/image/width=600/uploads/users/30/youtube_courses... |
More information about the performance of your application. These numbers don't directly affect the Performance score.
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.
Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
Unsubscribe at any time. Privacy Policy. div.col-span-7 > div > div.suffix > span.suffix-content |
Privacy Policy. div > div.suffix > span.suffix-content > a.text-grey-500 |
These are opportunities to improve the legibility of your content.
Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute. Learn more about the `alt` attribute.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
div#footer-promo-component > a.w-full > div.w-full > img.hidden div#footer-promo-component > a.w-full > div.w-full > img.hidden |
div.w-full > div.whitespace-break-spaces > span > img.h-[16px] div.w-full > div.whitespace-break-spaces > span > img.h-[16px] |
div#footer-promo-component > a.w-full > div.w-full > img.hidden div#footer-promo-component > a.w-full > div.w-full > img.hidden |
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.
Screen readers require list items (`<li>`) to be contained within a parent `<ul>`, `<ol>` or `<menu>` to be announced properly. Learn more about proper list structure.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
1 min read
GRAPHIC DESIGN
How to use the Artistic Text Tool in Affinity Designe… div > div > div.mr-6 > li.w-full |
7
1 min read
PHOTO EFFECTS
How to remove a background in Affinity Designer
Dian… div > div > div.mr-6 > li.w-full |
1 min read
PRINT DESIGN
How to create a movie poster using AI with Envato Image… div > div > div.mr-6 > li.w-full |
1 min read
ANIMATION
Cavalry app 101: A quickstart guide for new motion designe… div > div > div.mr-6 > li.w-full |
1 min read
BUSINESS
How to Make Great Pitch Decks (Startup Presentation Guide) div > div > div.mr-6 > li.w-full |
4 min read
WEB DESIGN
The Designer’s Guide to Figma div > div > div.mr-6 > li.w-full |
1 min read
CODE
Kotlin From Scratch div > div > div.mr-6 > li.w-full |
4 min read
DESIGN & ILLUSTRATION
Learn Adobe Illustrator div > div > div.mr-6 > li.w-full |
These are opportunities to improve the experience of reading tabular or list data using assistive technology, like a screen reader.
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.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
Search div.global-new-nav__header-right > div.flex-1 > form.global-nav__search-form > button.global-nav__search-button |
search div.flex > div.w-full > form.relative > button.fa-button |
Laura Keung footer > div.flex > div.text-xs > a.flex |
Dan Scott div.flex > div.flex > div.flex > a.flex |
Daniel Walter Scott div.flex > div.flex > div.flex > a.flex |
David Bode div.flex > div.flex > div.flex > a.flex |
Daniel Walter Scott div.flex > div.flex > div.flex > a.flex |
Adi Purdila div.flex > div.flex > div.flex > a.flex |
Adi Purdila div.flex > div.flex > div.flex > a.flex |
GRAPHIC DESIGN article.flex > header.h-[auto] > div > a.flex |
Drew MacDonald article.flex > footer > div.flex > a.flex |
PHOTO EFFECTS article.flex > header.h-[auto] > div > a.flex |
Diana Toma article.flex > footer > div.flex > a.flex |
PRINT DESIGN article.flex > header.h-[auto] > div > a.flex |
Ashlee Harrell article.flex > footer > div.flex > a.flex |
ANIMATION article.flex > header.h-[auto] > div > a.flex |
Jonathan Lam article.flex > footer > div.flex > a.flex |
BUSINESS article.flex > header.h-[auto] > div > a.flex |
WEB DESIGN article.flex > header.h-[auto] > div > a.flex |
CODE article.flex > header.h-[auto] > div > a.flex |
DESIGN & ILLUSTRATION article.flex > header.h-[auto] > div > a.flex |
These items highlight common accessibility best practices.
Visible text labels that do not match the accessible name can result in a confusing experience for screen reader users. Learn more about accessible names.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
VideoGen
Generate videos with audio, from images or text prompts. div > div > div.mr-6 > a.flex |
ImageGen
Develop unique visuals, with simple text prompts. div > div > div.mr-6 > a.flex |
ImageEdit
Remove backgrounds, replace objects and more. div > div > div.mr-6 > a.flex |
MusicGen
Craft your own unique music with text prompts and presets. div > div > div.mr-6 > a.flex |
VoiceGen
Generate the perfect voiceover for your content. div > div > div.mr-6 > a.flex |
Laura Keung
Brand and Editorial Designer div > div > div.mr-6 > a#author-card |
Ashlee Harrell
Graphic Designer div > div > div.mr-6 > a#author-card |
Daniel Walter Scott
Adobe Master div > div > div.mr-6 > a#author-card |
Jemima Abu
Front-End Developer div > div > div.mr-6 > a#author-card |
Adi Purdila
Web Designer div > div > div.mr-6 > a#author-card |
Design
Design, draw, paint, sketch and color your next graphic project. div > div > div.mr-6 > a.rounded-md |
Web Design
Create modern websites with step-by-step guides. div > div > div.mr-6 > a.rounded-md |
Code
Develop websites and apps with the latest programming skills. div > div > div.mr-6 > a.rounded-md |
Video
Create professional-looking videos to wow your audience div > div > div.mr-6 > a.rounded-md |
Photography
Learn how to capture your vision and bring stories to life. div > div > div.mr-6 > a.rounded-md |
Image display dimensions should match natural aspect ratio. Learn more about image aspect ratio.
Performance issues directly impact user engagement and conversion rates.
| URL | Aspect Ratio (Displayed) | Aspect Ratio (Actual) | |
|---|---|---|---|
envato-tuts+ ul.global-nav__header-list > li.global-nav__header-item > a.global-nav__header-tuts-logo-link > img.global-nav__header-tuts-logo-image | /packs/static/images/envato-tutsplus-dark-da1bf6c5a7fd834... | 69 x 26 (2.65) | 891 x 136 (6.55) |
How to use the Artistic Text Tool in Affinity Designer div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cdn-cgi/image/width=600/uploads/users/2659/posts/108925/... | 220 x 415 (0.53) | 600 x 415 (1.45) |
How to create a movie poster using AI with Envato ImageGen and ImageEdit div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cdn-cgi/image/width=600/uploads/users/33/posts/109151/pr... | 220 x 415 (0.53) | 600 x 415 (1.45) |
Cavalry app 101: A quickstart guide for new motion designers div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cdn-cgi/image/width=600/uploads/users/403/posts/109179/p... | 220 x 415 (0.53) | 600 x 415 (1.45) |
How to remove a background in Affinity Designer div.text-grey-700 > div.flex > div.flex > img.rounded-md | /cdn-cgi/image/width=600/uploads/users/115/posts/93200/pr... | 220 x 277 (0.79) | 400 x 277 (1.44) |
Errors logged to the console indicate unresolved problems. They can come from network request failures and other browser concerns. Learn more about this errors in console diagnostic audit
Performance issues directly impact user engagement and conversion rates.
| Source | Description |
|---|---|
Access to font at 'https://static.tutsplus.com/packs/static/fonts/PolySans-Bulky-dc9cd25cff5ce573d08b.otf' from origin 'https://tutsplus.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. | |
Failed to load resource: net::ERR_FAILED |
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.
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 how to make links crawlable
Performance issues directly impact user engagement and conversion rates.
| Uncrawlable Link |
|---|
Cookie Settings div.w-full > div.flex > span > a.text-[#191919] |
To appear in search results, crawlers need access to your app.
Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute. Learn more about the `alt` attribute.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
div#footer-promo-component > a.w-full > div.w-full > img.hidden div#footer-promo-component > a.w-full > div.w-full > img.hidden |
div.w-full > div.whitespace-break-spaces > span > img.h-[16px] div.w-full > div.whitespace-break-spaces > span > img.h-[16px] |
div#footer-promo-component > a.w-full > div.w-full > img.hidden div#footer-promo-component > a.w-full > div.w-full > img.hidden |
Format your HTML in a way that enables crawlers to better understand your app’s content.
Send Feedback