GoogleChromeLabs / ProjectVisBug

FireBug for designers › Edit any webpage, in any state https://a.nerdy.dev/gimme-visbug
https://visbug.web.app
Apache License 2.0
5.41k stars 284 forks source link

New plugin: performance diagnostic snippet #538

Closed argyleink closed 2 years ago

argyleink commented 2 years ago

"diagnostic CSS snippet that exposes potential performance issues in your page’s tags"

https://csswizardry.com/ct/

hchiam commented 2 years ago

Interesting!

hchiam commented 2 years ago

Quick reference from the conference talk, slide 103:

(() => {
  const ct = document.createElement("link");
  ct.rel = "stylesheet";
  ct.href = "https://csswizardry.com/ct/ct.css";
  ct.classList.add("ct");
  document.head.appendChild(ct);
})();