[생활코딩] 코드 경량화(minify)

CSS는 네트워크를 통해서 전송됩니다.

자연스럽게 CSS의 크기가 커지면 컨텐츠의 생산자와 소비자 모두에게 손해입니다.

코드의 크기를 줄이는 것을 통해서 이런 문제를 완화 해주는 도구가 minify 도구입니다.

mini는 "작게", fy는 "그렇게 만들다"

즉, css 코드를 작게 만들어서(압축해서)

서버와 클라이언트 사이에 주고 받는 데이터의 크기를 줄이는 것이 minify의 목적입니다.

첫번째 방법

clean-css online

adamburgess.github.io

두번째 방법

<!DOCTYPE html><html><head><style>@import url("style.css"); </style></
head><body><h1>page 2</h1></body></html>

성공적으로 minify 된다.

한 줄이 길게 표시 되는 문제가 생길 경우 아래 사이트를 참고하여 해결하면 된다.

비주얼 스튜디오 코드 VSC, 코드 경량화 minify

이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. CSS 코드 경량화 minify 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게

gogogameboy.tistory.com

비 오는 날 개구리