Experimentation with Inline CSS Implementation
About Experimentation with Inline CSS Implementation

Check the HTML tags in your webpage for inline CSS properties. These properties are added using the style attribute within specific HTML tags. Including inline CSS unnecessarily increases 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.

It's recommended to relocate all inline CSS rules to an external file to optimize your page's weight and reduce the code-to-text ratio.

  • Scrutinize your page's HTML code and identify all style attributes.
  • For each identified style attribute, properly relocate all declarations to the external CSS file and remove the style attribute.
<!-- this HTML code with inline CSS rule: -->
<p style="color:red; font-size: 12px">some text here</p>

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

<!-- with the rule added to your CSS file: -->
p {
    font-size: 12px;