# Ct.css - 의 성능 분석용 CSS Snippet

> Clean Markdown view of GeekNews topic #5128. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=5128](https://news.hada.io/topic?id=5128)
- GeekNews Markdown: [https://news.hada.io/topic/5128.md](https://news.hada.io/topic/5128.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2021-10-03T10:02:01+09:00
- Updated: 2021-10-03T10:02:01+09:00
- Original source: [github.com/csswizardry](https://github.com/csswizardry/ct)
- Points: 10
- Comments: 1

## Topic Body

- 헤드에 ct.css 를 추가하면 문제를 체크해줌  
ㅤ→ 빨강 : 수정 필요   
ㅤ→ 오렌지 : 문제 있을 수 있음  
ㅤ→ 녹색 : 문제 없음. 정보만 제공   
ㅤ→ 실선 : 이 파일이 문제 있는 파일임  
ㅤ→ 점선 : 다른 파일이 문제를 일으키고 있음  
- 크롬 개발자 도구에 스니펫으로 넣어두면 어떤 페이지에서든 확인 가능   
```  
(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);  
}());  
```

## Comments



### Comment 7122

- Author: joyfui
- Created: 2021-10-03T18:20:01+09:00
- Points: 1

와 신박한 방법이네요. stylesheet로 체크하는 방법이라니...