Let’s take a look inside your <head>…
ct.css
– Let’s take a look inside your <head>
Computed tomography of the head uses a series of X-rays in a CT scan of the head… — wikipedia.org/Computed_tomography_of_the_head
Your <head>
is the single biggest render-blocking part of your page—ensuring
it is well-formed is critical. ct.css
is a diagnostic CSS snippet that exposes
potential performance issues in your page’s <head>
tags.
Paste this anywhere in your HTML:
<link rel="stylesheet" href="https://csswizardry.com/ct/ct.css" class="ct" />
Run Snippets Of JavaScript On Any Page With Chrome DevTools
(function(){
var ct = document.createElement('link');
ct.rel = 'stylesheet';
ct.href = 'https://csswizardry.com/ct/ct.css';
ct.classList.add('ct');
document.head.appendChild(ct);
}());
media
types: Currently, ct.css
only takes printscript
elements: ct.css
, as with all CSS, acts against thescript
elements will be falselyscript
elements that are removed from the DOM will not becsswizardry.com
origin,ct.css
file, or paste its contents into <style class="ct">…</style>
tags anywhere in your page.