압축을 수행하는 일부 도구

다행히 웹 사이트의 파일 크기를 줄이기 위해 반드시 개발자이거나 프로그래밍 언어 중 하나를 알아야 할 필요는 없습니다. 축소는 웹 디자인 세계에서 일반적인 관행이되었습니다. 따라서 여러분을 위해 일할 수있는 멋진 (그리고 무료) 도구가 많이 있다는 사실에 놀라지 마십시오.

우리도 참조하십시오. 기사에 새로운 생명을 불어 넣는 6 가지 WordPress 플러그인

다음은 시작하는 데 유용한 도구 목록입니다. 이들 중 다수는 여러 코드 유형을 최소화 할 수 있으므로 코드 유형 옵션을 괄호 안에 포함했습니다.

• • cssminifier.com et javascript-minifier.com (CSS 및 JS)-Andrew Chilton의이 두 가지 축소 기는 사용하기 쉽습니다. 코드를 붙여 넣은 다음 버튼을 클릭하기 만하면됩니다. 작게하다 압축 된 코드를 표시합니다. 종료 코드를 파일로 다운로드하여 편리하게 사용할 수도 있습니다.
  • htmlcompressor.com (HTML, CSS 및 JS)-이 온라인 압축 / 축소 도구는 HTML, CSS 및 JS 코드 유형을 지원합니다. CSS + PHP 및 JavaScript + PHP와 같은 다양한 코드 유형 조합도 지원합니다. 압축 된 코드에서 오류를 확인할 수도 있습니다.

• • csscompressor.net (CSS 전용)-이 온라인 CSS 압축기는 빠르고 쉽고 무료로 사용할 수 있습니다.

• • jscompress.com (JS 만 해당)-이 JavaScript 압축 도구를 사용하면 복사 및 붙여 넣기를 통해 JavaScript 코드를 압축 할 수 있지만 한 번에 여러 JavaScript 파일을 다운로드 할 수도 있습니다. 이는 페이지 로딩 속도를 높이기 위해 JavaScript 파일을 단일 파일로 결합하는 데 이상적입니다.
  • Dan의 도구- Dan의 도구 유엔을 제안한다 CSS 축소 과 JavaScript를 축소하는 방법 . 두 도구 모두 정말 깨끗하고 사용하기 쉬운 사용자 인터페이스를 가지고 있습니다. 고급 옵션을 제공하지 않지만 일반적인 축소 목적에 적합합니다.

• • refresh-sf.com (HTML, CSS 및 JS)-이 압축기는 JavaScript, CSS 및 HTML 코드 유형을 줄입니다. 또한 필요한 경우 각 코드 유형에 대한 모든 압축 옵션이 포함되어 있습니다.
  • 클로저 컴파일러 (JS 만 해당)-클로저 컴파일러는 폐쇄 도구 , Google Developers의 도구 모음입니다. 다른 유용한 최적화와 함께 JavaScript를 축소할 수 있습니다. js 파일 위치의 URL을 입력하여 Javascript 코드를 사용한 다음 코드를 최적화하고 형식을 지정할 방법을 선택할 수 있습니다. 

예를 들어, 원하는 경우 공백 만 제거하도록 코드를 최적화하도록 선택합니다. 컴파일 버튼을 클릭하면 코드가 줄어 듭니다.

• • minifycode.com (HTML, CSS 및 JS)-이 웹 사이트는 자바 스크립트 , CSS et HTML 한 번의 클릭으로 코드를 압축하는 간단하고 깨끗한 사용자 인터페이스. 또한 축소 된 코드를 압축 해제하여 더 읽기 쉽게하기 위해 "미화 기"도구를 제공합니다 (축소의 반대).

오프라인 도구를 사용하여 CSS 또는 JavaScript HTML을 로컬로 최소화하려면 다음 옵션을 사용하십시오.

• phpied.com/cssmin-js/ (CSS 전용)
• yui.github.io/yuicompressor (JS 및 CSS)

온라인 도구를 사용하여 HTML, CSS 및 JavaScript의 크기를 줄이는 방법

이러한 많은 온라인 도구에는 다음 단계를 포함하는 유사한 프로세스가 있습니다.

• 소스 코드를 붙여 넣거나 소스 코드 파일을 다운로드하십시오. 
• 특정 출력에 대한 설정 최적화 (옵션이있는 경우)
• 버튼을 클릭하여 코드를 압축하십시오.
• 축소 된 코드 결과를 복사하거나 축소 된 코드 파일을 다운로드하십시오.

이 예제에서는 다음의 축소 도구를 사용하겠습니다. minifycode.com.

참조 : 어떻게 워드 프레스에 안전하게 CSS 코드를 추가합니다 이 링크를 참조하십시오.

먼저 웹 사이트 파일에서 CSS 파일 (일반적으로 style.css)을 찾아 페이지 편집기를 사용하여 엽니 다. 그런 다음 모든 CSS 코드를 클립 보드에 복사하십시오.

로 이동 minifycode.com CSS minifier 탭을 클릭합니다. 그런 다음 입력 상자에 CSS 코드를 붙여넣고 버튼을 클릭합니다. CSS 축소.

새로 축소 된 코드가 생성되면 복사하십시오.

그런 다음 웹 사이트의 CSS 파일로 돌아가서 코드를 새로운 단순화 된 버전으로 바꿉니다.

즉입니다!

동일한 프로세스를 반복하여 웹 사이트의 JavaScript 및 HTML 파일도 줄입니다.

플러그인을 사용하여 WordPress에서 HTML, CSS 및 JavaScript를 최소화하는 방법

WordPress에서 HTML, CSS 및 JavaScript를 최소한으로 유지하는 가장 쉬운 방법은 플러그인을 사용하는 것입니다. 이를 통해 WordPress 웹 사이트 파일을 자동으로 최적화하여 몇 번의 버튼 클릭만으로 페이지로드 시간을 줄일 수 있습니다.

작업을 수행 할 수있는 많은 플러그인이 있지만 몇 가지 예를 간단히 언급하겠습니다.

자동 최적화 (무료)

자동 최적화는 아마도 워드 프레스 플러그인 가장 인기있는 미니파이. 사용이 간편하고 강력한 기능을 갖추고 있어 인기가 높습니다. 코드를 번들(스크립트 결합), 축소 및 캐시할 수 있습니다. 보너스로 Google 글꼴, 이미지 등을 최적화할 수 있는 추가 옵션이 있습니다.

자동 최적화를 사용하려면 아래의 WordPress 대시 보드에서 플러그인을 다운로드, 설치 및 활성화 할 수 있습니다. 플러그인> 새로 추가.

자세한 내용은 다음 가이드를 참조하십시오.  워드 프레스의 플러그인을 설치하는 방법

플러그인이 활성화되면 설정> 자동 최적화. 그런 다음 기본 매개 변수 탭에서 최적화하려는 코드 (HTML, CSS 및 / 또는 JavaScript)를 확인하고 E를 클릭합니다.변경 사항 저장.

버튼을 클릭해도됩니다 고급 설정 표시 페이지 상단에서 코드 최적화를 추가로 사용자 정의 할 수 있습니다.

그것은 더 많거나 적습니다! 아주 간단하고 강력합니다.

W3 총 캐시 (무료)

W3 총 캐시 HTML, JS 및 CSS 파일을 최소화하는 기능을 제공하는 뛰어난 캐싱 플러그인입니다.

WP 가장 빠른 캐시 (FREE)

WP 가장 빠른 캐시 -이 플러그인 워드프레스(WordPress) 캐싱은 높은 평가로 매우 인기가 있습니다. 더 나은 성능을 위해 HTML CSS와 JavaScript를 결합 및 축소하는 등 다양한 성능 최적화를 수행합니다.

에 대한 기사를 읽으십시오 8 워드 프레스 플러그인은 블로그에 실시간 채팅을 추가하는

플러그인이 설치되면 탭을 클릭하십시오. WP 가장 빠른 캐시 WordPress 대시 보드 사이드 바에서. 탭 아래 설정, HTML 및 CSS 파일을 결합하고 줄이는 옵션이 제공됩니다. JavaScript 축소는 프로 버전에서만 사용할 수 있습니다.

요약하자면

블로그를 더 빠르게 만들고 더 나은 성능을 얻으려면 HTML, CSS 및 JavaScript 파일의 크기를 줄여야합니다. 사용 가능한 모든 온라인 도구를 사용하면 웹 사이트의 코드를 쉽게 줄일 수 있습니다. 

블로그의 내용을 숨기려면 9 WordPress 플러그인 절대적으로 발견하다

WordPress를 사용하는 사용자는 몇 번의 클릭만으로 자동으로 이러한 파일을 축소 할 수있는 강력한 플러그인을 사용할 수 있습니다.

프리미엄 워드 프레스 플러그인도 만나보세요  

당신은 다른 것을 사용할 수 있습니다 워드 프레스 플러그인 현대적인 외관을 제공하고 블로그 또는 웹사이트의 처리를 최적화합니다.

우리는 여기에 당신을 도울 수있는 프리미엄 WordPress 플러그인을 제공합니다.

다른 추천 자료

또한 귀하의 웹 사이트 및 블로그에 대한 이해와 통제를 위해 아래 자료를 참조하십시오.

결론