CSS 축소

이 기사에서는 HTML 및 CSS 코드의 축소가 무엇인지, 그것이 무엇을위한 것인지, 그리고 그것을 달성하는 방법에 대해 이야기하고 싶습니다. 코드를 블록, 라인 등으로 구조화하는 것은 사람의 가독성을 위해 필요합니다. 우리는 이러한 블록을 전체적으로 인식하고 태그가 열리는 위치와 닫히는 위치를 봅니다. 브라우저의 경우 이것은 필요하지 않으며 코드를 순차적으로 읽으며 텍스트의 불필요한 줄 바꿈, 공백, 주석은 읽기 어렵고 페이지로드 시간을 증가시킵니다. 따라서 코드를 축소해야하는 두 가지 주된 이유가 있습니다. 페이지 크기 (무게)를 줄이고 결과적으로로드 속도를 높이는 것입니다. 두 번째 이유는 첫 번째 이유입니다. 이것은 행동 요인의 개선입니다. 사이트가 더 빨리로드되면 이탈률, 트래픽 증가, 검색 결과 증가 등이 있습니다.

현재 CSS 파일을 최적화하기위한 수많은 웹 도구가 있습니다. 그들 중 대부분은 자체 작업 알고리즘을 가지고 있습니다 (물론 중복이 있습니다). 프로그램 자체의 효과도 크게 다릅니다. 또한 일부 최적화 프로그램은 CSS 코드를 중단 할 수 있으며 그 후에 스타일이 무효화됩니다. CSS 파일 축소 (CSS 압축과 혼동하지 말 것)는 파일에서 불필요한 문자를 제거하여 파일 크기를 줄이고로드 속도를 높이는 것입니다. CSS 파일을 축소하고 압축하는 것은 동일하지 않습니다. 이 두 가지 방법 모두로드 시간을 줄이기 위해 설계되었습니다. 차이점은 작동 방식에 있습니다. 압축은 Gzip 또는 brotli와 같은 압축 알고리즘을 사용하여 파일 크기를 줄이는 데 사용됩니다. 파일은 클라이언트로 전송되기 전에 압축됩니다.