Skip to content

Instantly share code, notes, and snippets.

@sethbergman
Created November 3, 2015 03:27
Show Gist options
  • Select an option

  • Save sethbergman/d07e879200bef6862131 to your computer and use it in GitHub Desktop.

Select an option

Save sethbergman/d07e879200bef6862131 to your computer and use it in GitHub Desktop.
Minify HTML for WordPress without a Plugin - Add to function.php
<?php
class WP_HTML_Compression
{
// Settings
protected $compress_css = true;
protected $compress_js = true;
protected $info_comment = true;
protected $remove_comments = true;
// Variables
protected $html;
public function __construct($html)
{
if (!empty($html))
{
$this->parseHTML($html);
}
}
public function __toString()
{
return $this->html;
}
protected function bottomComment($raw, $compressed)
{
$raw = strlen($raw);
$compressed = strlen($compressed);
$savings = ($raw-$compressed) / $raw * 100;
$savings = round($savings, 2);
return '<!--HTML compressed, size saved '.$savings.'%. From '.$raw.' bytes, now '.$compressed.' bytes-->';
}
protected function minifyHTML($html)
{
$pattern = '/<(?<script>script).*?<\/script\s*>|<(?<style>style).*?<\/style\s*>|<!(?<comment>--).*?-->|<(?<tag>[\/\w.:-]*)(?:".*?"|\'.*?\'|[^\'">]+)*>|(?<text>((<[^!\/\w.:-])?[^<]*)+)|/si';
preg_match_all($pattern, $html, $matches, PREG_SET_ORDER);
$overriding = false;
$raw_tag = false;
// Variable reused for output
$html = '';
foreach ($matches as $token)
{
$tag = (isset($token['tag'])) ? strtolower($token['tag']) : null;
$content = $token[0];
if (is_null($tag))
{
if ( !empty($token['script']) )
{
$strip = $this->compress_js;
}
else if ( !empty($token['style']) )
{
$strip = $this->compress_css;
}
else if ($content == '<!--wp-html-compression no compression-->')
{
$overriding = !$overriding;
// Don't print the comment
continue;
}
else if ($this->remove_comments)
{
if (!$overriding && $raw_tag != 'textarea')
{
// Remove any HTML comments, except MSIE conditional comments
$content = preg_replace('/<!--(?!\s*(?:\[if [^\]]+]|<!|>))(?:(?!-->).)*-->/s', '', $content);
}
}
}
else
{
if ($tag == 'pre' || $tag == 'textarea')
{
$raw_tag = $tag;
}
else if ($tag == '/pre' || $tag == '/textarea')
{
$raw_tag = false;
}
else
{
if ($raw_tag || $overriding)
{
$strip = false;
}
else
{
$strip = true;
// Remove any empty attributes, except:
// action, alt, content, src
$content = preg_replace('/(\s+)(\w++(?<!\baction|\balt|\bcontent|\bsrc)="")/', '$1', $content);
// Remove any space before the end of self-closing XHTML tags
// JavaScript excluded
$content = str_replace(' />', '/>', $content);
}
}
}
if ($strip)
{
$content = $this->removeWhiteSpace($content);
}
$html .= $content;
}
return $html;
}
public function parseHTML($html)
{
$this->html = $this->minifyHTML($html);
if ($this->info_comment)
{
$this->html .= "\n" . $this->bottomComment($html, $this->html);
}
}
protected function removeWhiteSpace($str)
{
$str = str_replace("\t", ' ', $str);
$str = str_replace("\n", '', $str);
$str = str_replace("\r", '', $str);
while (stristr($str, ' '))
{
$str = str_replace(' ', ' ', $str);
}
return $str;
}
}
function wp_html_compression_finish($html)
{
return new WP_HTML_Compression($html);
}
function wp_html_compression_start()
{
ob_start('wp_html_compression_finish');
}
add_action('get_header', 'wp_html_compression_start');
?>
@LewisYoul

Copy link
Copy Markdown

This is great!

@sethbergman

Copy link
Copy Markdown
Author

I wrote this script in 2015, five years ago, so I would expect for it to cause some plugins to function incorrectly. To my surprise it's still useful in several use cases after 5 years of WordPress updates. Thanks for the comments everyone!

@rezaprama

Copy link
Copy Markdown

It's great. Thanks a lot!

@JuanSerranoTech

Copy link
Copy Markdown

Wow! Thanks! <3

@CONCEPTION-FR

CONCEPTION-FR commented Nov 12, 2020

Copy link
Copy Markdown

For those who have a problem with the display of Revolution Slider.

You can solve the problem by adding your 2 'setREVStartSize' scripts that you can find in the header and the body of your page source script,
in a new js file created .

(Take care to remove the <script> </script> tags of your JS script)

Add your files in the FTP directory like this :

wp-content / plugins / revslider / public / assets / js / File1.js

&

wp-content / plugins / revslider / public / assets / js / File2.js

Then you can use the plugin name : Insert Headers and Footers

And Finally insert your scripts like this:

<script type = 'text / javascript' src = 'https: //www.site.com/wp-content/plugins/revslider/public/assets/js/file1.js'> & <script type = 'text / javascript' src = 'https: //www.site.com/wp-content/plugins/revslider/public/assets/js/file2.js'> Taking care to respect the location of the tags that were either in the header or in the body. And now everything is working. Sorry for my faults, English level in France is very poor :)

@Alio0o

Alio0o commented Nov 26, 2020

Copy link
Copy Markdown

//This is how Autoptimize plugin fix the Revslider issue.
if ( class_exists( 'RevSlider' ) ) {
$this->content = preg_replace( '#\n(data-.$)\n#Um', ' $1 ', $this->content );
$this->content = preg_replace( '#<[^>]
(="[^"\'<>\s]*")(\w)#', '$1 $2', $this->content );
}

@wolkanca

wolkanca commented Jun 9, 2021

Copy link
Copy Markdown

my use πŸ™‹πŸ»β€β™‚οΈ

/* WP_HTML_Compression */
function HTML_Compression($str){
	$str = preg_replace('/<!--.*?-->/', '', $str);
	$str = str_replace(' />', '/>', $str);
	$str = preg_replace("((<pre.*?>|<code>).*?(</pre>|</code>)(*SKIP)(*FAIL)"."|\r|\n|\t)is", "", $str);
	$str = preg_replace("((<pre.*?>|<code>).*?(</pre>|</code>)(*SKIP)(*FAIL)"."|\s+)is", " ", $str);
		return $str;
}
function HTML_Compression_finish($html){
    return HTML_Compression($html);
}
add_action('get_header', function(){
	if(!is_user_logged_in()) : 
		ob_start('HTML_Compression_finish');
	endif; 
}');

@adammarciszewski

Copy link
Copy Markdown

@wolkanca good small code, I would just add to your code before return:
...
$str = preg_replace("/>\s+</m", "><", $str);
...
return $str;

@jigneshbhavani

Copy link
Copy Markdown

@wolkanca @adammarciszewski Could you guys explain the purpose of adding the additional code which you have suggested? Thanks

@pamjadz

pamjadz commented Feb 12, 2023

Copy link
Copy Markdown

@wolkanca @adammarciszewski <3 thanks alot

@bytebard22

Copy link
Copy Markdown

The code hides YouTube videos. Is there a way to show YT videos?

@tiagonicastro

Copy link
Copy Markdown

Ive been using this code for almost a decade, mostly on WP with custom themes, and with JS compress disabled still works perfect, Awesome! Tks to make my codes compressed for a decade and still!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment