>  기사  >  웹 프론트엔드  >  CSS가 압축되는 이유는 무엇입니까?

CSS가 압축되는 이유는 무엇입니까?

青灯夜游
青灯夜游원래의
2021-05-11 14:54:211716검색

이유: 브라우저가 웹 페이지를 열 때 웹 페이지의 데이터를 로컬 컴퓨터로 다시 다운로드한 다음 웹 페이지에 더 많은 콘텐츠가 있으면 링크 요청 수가 더 많아집니다. , 웹 페이지가 열리는 속도가 느려집니다. CSS 파일을 압축하면 CSS 코드가 차지하는 바이트 수를 줄이고 파일 크기, 네트워크 전송량 및 대역폭 사용량을 줄여 페이지 열기 속도를 높일 수 있습니다.

CSS가 압축되는 이유는 무엇입니까?

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

브라우저가 웹페이지를 열 때 웹페이지의 데이터를 로컬 컴퓨터로 다시 다운로드한 다음 표시해야 합니다.

다운로드한 웹페이지 콘텐츠에는 이미지, 텍스트, 웹페이지의 프로그램 코드: CSS, HTML, js 스크립트, 글꼴 등이 포함되며 그 수는 최대 수백 개입니다.

브라우저가 웹페이지를 열 때 서버에 웹페이지의 콘텐츠를 다운로드하도록 요청합니다. 웹페이지의 콘텐츠 양이 많으면 링크 요청 횟수도 많아지고, 콘텐츠가 많으면 링크 후 다운로드 시간도 길어집니다.

따라서 링크 수와 콘텐츠 크기를 줄이는 것은 웹 페이지 열기 속도를 향상시키는 중요한 방법입니다. 그래서 우리는 보통 CSS 파일을 압축해야 합니다.

CSS 파일 압축의 이점:

1. 파일 크기 감소

2. 네트워크 전송량 및 대역폭 사용량 감소

3. 서버 처리 부담 감소

4. 개선

CSS 코드 압축 어디서부터 시작해야 할까요

웹 페이지가 개발된 후 공백 삭제, 줄 바꿈 제거, 중복되는 세미콜론 제거 등 웹 사이트에 게시할 CSS 코드를 직접 축소 압축할 수 있습니다.

물론 일부 CSS 코드는 최적화될 수 있으며, 이를 통해 코드 양을 크게 줄여 파일 크기를 줄일 수 있습니다.

동영상 공유 학습: css 동영상 튜토리얼

위 내용은 CSS가 압축되는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.