CSS 축소 도구
CSS 축소는 사용자가 작성한 아름답게 구성된 CSS 코드를 가져와서 공백, 들여쓰기, 줄 바꿈 및 주석을 제거합니다. 이러한 요소는 CSS를 성공적으로 사용하는 데 필요하지 않습니다. 또한 CSS를 읽기 더 어렵게 만듭니다.
많은 개발자의 '모범 사례'는 '아름다운' 버전을 유지하는 것이며 프로젝트를 출시할 때 축소 프로그램을 통해 스타일을 실행합니다. 또한 많은 스타일 파일을 하나의 파일로 결합합니다.
CSS 축소기를 사용하는 이유는 무엇입니까?
축소의 목적은 웹 사이트의 속도를 높이는 것입니다. 최소화하면 스크립트를 최대 20% 더 작게 만들 수 있으므로 다운로드 시간이 빨라집니다. 일부 개발자는 코드를 '난독화'하는 데도 사용합니다. 이것은 코드를 읽기 어렵게 하여 리버스 엔지니어링이나 복사를 더 어렵게 만듭니다.
CSS 축소 예
전에:
.headbg{
margin:0 8px
}
a:link,a:focus{
color:#00c
}
a:active{
color:red
}
후에:
.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }