Minify HTML CSS JS with PHP (Simple Minifier)

안녕하세요 오늘 내 채널에 오신 것을 환영합니다

제가 보통 얼마나 작은 지 보여 드리겠습니다 내 HTML CSS와 JavaScript는 기본적으로 minifier가하는 일은 모두 압축합니다 소스 코드는 귀하의 웹 사이트를 가볍고 빠르게 만들어줍니다 나는 간단한 작은 화자를 만들었다 Andy Chilton이 제공하는 온라인 서비스를 통해 javascript-minifier

com 및 cssminifiercom 단순화 기 모든 소스를 하나의 파일로 압축하여 웹 서버에 하나의 요청으로 여러 번 요청할 수 있으며 요청을 저장하면 귀하의 웹 사이트 로딩 시간 좋아, 간단한 웹 프로젝트 폴더를 열자 당신 모든 CSS 파일이 CSS 폴더 안에 있고 모든 자바 스크립트 파일이 js 폴더 안쪽 CSS 파일을 열어서 압축 파일이 아직 압축되어 있지 않은 것을 볼 수 있습니다

여기에 indexhtml을 HTML 폴더에 넣을 것입니다 indexhtml 파일을 편집하여 모든 CSS 및 JavaScript 제거 HTML 코드 내부의 링크 태그 당신이 가진 폴더를 축소하기 위해 링크 된 새로운 링크 태그로 대체하십시오 minify

css 및 minifyjs에 올바르게 연결하십시오 이제 우리는 설정을 준비했습니다 우리 프로젝트 폴더에 "간단한 minifire"를 추가하자 그리고 당신이해야 할 일은 minifier

php를 열어야한다는 것입니다 로컬 호스트 또는 웹 서버를 사용하여 minifier를 시작합니다 나는 프로젝트를 추가 할거야 폴더를 내 로컬 호스트 xampp 서버에 넣으십시오 브라우저 우리는 HTML 자바 스크립트와 CSS 파일을 보게 될 것입니다

여기서 우리는 코드가 올바른 순서 목록에 있는지 확인해야합니다 일반적으로 stylecss 및 mainjs와 같은 맞춤 코드가 마지막이어야합니다 그들은 다른 근원을 대체해야한다

그래서 나는 그들을 올바른 것으로 옮길거야 주문 목록 좋아, 이제는 간단한 minifier를 실행하고 기다려 보자 오류나 문제로 인해 문제가 해결되지 않으면 문서를 살펴보십시오 이제 끝났어 우리의 축소 된 출처를 확인해 봅시다

모든 파일은 주석으로 축소됩니다 윤곽 주문 목록에 문제가있는 경우 계속 수정할 수 있습니다 이제 우리 프로젝트를 다시 보도록하겠습니다 자바 스크립트 및 CSS 파일을 만들고 폴더 및 출력 HTML 파일을 축소하여 프로젝트 루트 폴더

제 경우에는 HTML CSS와 JavaScript 폴더를 삭제할 것입니다 하지만 이것은 자습서를 위해서만 필요합니다 자신의 파일을 백업 해주십시오 인덱스 파일을 열자 다 잘된 것 같습니다

출처를 보자 좋아, 모두 이미 이미 자르네, 너희들, 내 튜토리얼을보고 주셔서 감사합니다