Inline CSS, Internal Stylesheet or External Stylesheet?

Considering how fast a site loads, amongst of the following: Inline CSS, Internal Stylesheet or External Stylesheet, which loads the fastest or which has the fastest run-time?

Hi there!

Technically speaking, internal CSS can be faster as the browser is only required to load a single document. I say can because a large amount of CSS in a single file (along with your HTML) can also affect load time.

I believe it’s considered best practice to keep your CSS file(s) separate from your HTML file(s). But if your project is small—e.g., one page—I don’t see anything wrong with using an internal stylesheet. I personally refrain from using inline styling as it can be a hassle—even with small projects (as each element needs to be individually styled).

1 Like

Thank you for the clarification.

1 Like