Detects the use of inline CSS, which can affect performance.
Inline CSS refers to styling rules that are applied directly to an HTML element using the `style` attribute.
While sometimes necessary, excessive use of inline CSS is bad practice. It adds to the HTML file size, cannot be cached by the browser separately from the HTML, and makes code harder to maintain.
It can increase page load times and makes managing your website's styling more difficult. It's better to use external stylesheets.
<!-- Inline CSS (Avoid for most cases) -->
<p style="color: blue; font-size: 16px;">Hello</p>
<!-- Better: Use a class and external CSS -->
<p class="info-text">Hello</p>
/* in styles.css */
.info-text { color: blue; font-size: 16px; }Run a free audit to see how your site performs on Inline CSS and 159 other checks.
Start Free AuditChecks if images use responsive techniques like srcset.
Checks if images have width and height attributes to prevent layout shift.
Checks for JavaScript errors in the browser console. (Note: In-dev check)
Measures the total size of the HTML document.