이유: 브라우저가 웹 페이지를 열 때 웹 페이지의 데이터를 로컬 컴퓨터로 다시 다운로드한 다음 웹 페이지에 더 많은 콘텐츠가 있으면 링크 요청 수가 더 많아집니다. , 웹 페이지가 열리는 속도가 느려집니다. CSS 파일을 압축하면 CSS 코드가 차지하는 바이트 수를 줄이고 파일 크기, 네트워크 전송량 및 대역폭 사용량을 줄여 페이지 열기 속도를 높일 수 있습니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
브라우저가 웹페이지를 열 때 웹페이지의 데이터를 로컬 컴퓨터로 다시 다운로드한 다음 표시해야 합니다.
다운로드한 웹페이지 콘텐츠에는 이미지, 텍스트, 웹페이지의 프로그램 코드: CSS, HTML, js 스크립트, 글꼴 등이 포함되며 그 수는 최대 수백 개입니다.
브라우저가 웹페이지를 열 때 서버에 웹페이지의 콘텐츠를 다운로드하도록 요청합니다. 웹페이지의 콘텐츠 양이 많으면 링크 요청 횟수도 많아지고, 콘텐츠가 많으면 링크 후 다운로드 시간도 길어집니다.
따라서 링크 수와 콘텐츠 크기를 줄이는 것은 웹 페이지 열기 속도를 향상시키는 중요한 방법입니다. 그래서 우리는 보통 CSS 파일을 압축해야 합니다.
CSS 파일 압축의 이점:
1. 파일 크기 감소
2. 네트워크 전송량 및 대역폭 사용량 감소
3. 서버 처리 부담 감소
4. 개선
CSS 코드 압축 어디서부터 시작해야 할까요
웹 페이지가 개발된 후 공백 삭제, 줄 바꿈 제거, 중복되는 세미콜론 제거 등 웹 사이트에 게시할 CSS 코드를 직접 축소 압축할 수 있습니다.
물론 일부 CSS 코드는 최적화될 수 있으며, 이를 통해 코드 양을 크게 줄여 파일 크기를 줄일 수 있습니다.
동영상 공유 학습: css 동영상 튜토리얼
위 내용은 CSS가 압축되는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!