Lighthouse Mobile
· 0 checks — Mobile Lighthouse audit -- Performance, Accessibility, Best Practices, and SEO category breakdown.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.
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
Performance issues directly impact user engagement and conversion rates.
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.
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.
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.
Performance issues directly impact user engagement and conversion rates.
| 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.
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.
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.
Names and labels
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.
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.
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 |
Best Practices
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.
Crawling and Indexing
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.
Content Best Practices
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.