워드프레스 HTML 압축 하는법 플러그인 없이

워드프레스 HTML 압축 하는법입니다. 워드프레스의 속도를 향상시키는 방법 중 하나인 minify를 테마에 적용하는 방법을 알려드리겠습니다. HTML과 CSS의 불필요한 공백을 압축해서 사용자의 브라우저가 워드프레스 DOM 콘텐츠를 더 빠르게 불러올 수 있습니다. 웹 사이트의 HTML, CSS 양이 클수록 압축(minify) 효과가 증가합니다. minify HTML이라는 플러그인이 있지만, 저는 가급적 플러그인을 쓰지 않고 해결하는 것을 좋아합니다. 본문의 PHP code를 테마 header.php 맨 위에 추가해주세요.

워드프레스 html

php 압축 소스는 반드시 HTML 영역 위에 존재해야 합니다. 왠만한 테마는 header.php의 HTML 문서가 doctype을 선언하는 <!doctype html>으로 시작하게 됩니다. minify 코드를 <!doctype html> 위에 넣어주세요. 워드프레스 html 압축 코드를 넣기 전, 후를 비교해보도록 합시다.

html minify

어떤 압축도 하지 않은 상태라면 html 소스는 위 이미지처럼 각각의 코드가 line으로 구분되어 있습니다. 그렇기 때문에 공백과 줄 띄움이 페이지의 용량을 더 늘리게 됩니다. 코드 한줄로 워드프레스를 압축해서 속도를 향상시킬 수 있습니다.

html 압축

<?php ;function min_html($o){$a=array('/\>[^\S ]+/s','/[^\S ]+\</s','/(\s)+/s','/<!--(.|\s)*?-->/','/<!--.*?-->|\t|(?:\r?\n[ \t]*)+/s');$b=array('>','<','\\1','','');$o=preg_replace($a,$b,$o);return $o;}ob_start("min_html"); ?>

사용 중인 테마에 위 html 압축 코드가 적용되지 않을 수 있으니 반드시 테스트 단계를 거쳐 테마에 적용하시기 바랍니다.