seo site checkup logo
PricingFree ToolsArticles

Inline CSS Test

What is it?

Check your webpage HTML tags for inline CSS properties. Inline CSS property are added by using the style attribute within specific HTML tags. Inline CSS properties unnecessarily increase page size, and can be moved to an external CSS stylesheet. Removing inline CSS properties can improve page loading time and make site maintenance easier.

Pass rate:

  • Top 100 websites: 8%
  • All websites: 10%
Pass rates of Top 100 US websites
2021

2%

2022

10%

2023

8%

100

75

50

25

0

How do I fix it ?

It is a good practice to move all the inline CSS rules into an external file in order to make your page "lighter" in weight and decrease the code to text ratio.

  • check the HTML code of your page and identify all style attributes
  • for each style attribute found you must properly move all declarations in the external CSS file and remove the style attribute

For example:

<!--this HTML code with inline CSS rule:-->
<p style="color:red; font-size: 12px">some text here</p>

<!--would became:-->
<p>some text here</p>

<!--and the rule added into your CSS file:-->
p{color:red; font-size: 12px}
Check your website's SEO for free right now!

seo site checkup logo
Website SEO, Monitoring & Automation Made Easy.
Product
  • Pricing
  • Free Tools
  • Articles
  • Login
  • Free 7-Day Trial
© SEO Site Checkup 2020-2024 • All rights reserved