Re: Has anyone successfully minified all HTML output? - My Forums

Re: Re: Has anyone successfully minified all HTML output?

Towila — Nov 13, 2018, 11:29 AM

I just used a simple regex in the core to get output minified.

In /core/model/modx/modresponse.class.php in the outputContent method I've added this regex directly above
'echo $this->modx->resource->_output;' (line 175ish)

		   
$this->modx->resource->_output = preg_replace(
	array(
		'/ {2,}/',
		'/|\t|(?:\r?\n[ \t]*)+/s'
	),
	array(
		' ',
		''
	),
	$this->modx->resource->_output
);

It's bad practice to do this for sure, but it works really well for a couple of websites I manage.

Re: Re: Has anyone successfully minified all HTML output?

nuan88 — Oct 27, 2018, 10:14 PM

and don't forget to un-minify both css and js (in system settings) when debugging!!

Re: Re: Has anyone successfully minified all HTML output?

sunny_jk — Oct 27, 2018, 05:11 PM

You should enable GZIP in your server side coding to minify html, css
Or you can use these tools
https://qawithexperts.com/tools/minify-js-online
https://qawithexperts.com/tools/minify-css-online
https://qawithexperts.com/tools/minify-html-online
Thanks

Re: Re: Has anyone successfully minified all HTML output?

miomir.dancevic — Jun 04, 2016, 07:19 AM

Quote from: dinocorn at Apr 17, 2016, 06:14 AM

I wound up using StatCache. I forked it and made a PR that adds an option to minify the HTML when written to the filesystem.
https://github.com/opengeek/statcache/pull/27

And I got my perfect page speed score!!!

I made a simple HTML2Minify plugin, take a look here

https://github.com/play2web/HTML2Minify

Re: Re: Has anyone successfully minified all HTML output?

dinocorn — Apr 17, 2016, 01:14 AM

I wound up using StatCache. I forked it and made a PR that adds an option to minify the HTML when written to the filesystem.
https://github.com/opengeek/statcache/pull/27

And I got my perfect page speed score!!!

Re: Re: Has anyone successfully minified all HTML output?

donshakespeare — Feb 19, 2016, 03:21 PM

I reckoned it would be a one time thing - so I invested some time in the Jade logic to mimic my MODX ifs and thens.
I used blocks so that I could get a fairly working preview offline

        if slider == "yes"
          [[+slider:is=`yes`:then=`
          .bigTitleBG.shiftMe
            .container 
               block sliderM
          `]]
        if h2Content == "yes"
          [[+slider:is=`pagetitle`:then=`
          .bigTitleBG
            .intros
              [[+neighbourNav]]

And since, as you know, in Jade, you don't need to close HTML tags, high speeds can be reached.
It was fun. And connected to SublimeText, it was cool.

Re: Re: Has anyone successfully minified all HTML output?

dinocorn — Feb 19, 2016, 02:39 PM

Quote from: donshakespeare at Feb 19, 2016, 08:34 PM

I use Jade to prepare my MODX template - its output is totally minified.

Then [[*content:strip]] and then I bag all other outputs into a snippet/chunk - and strp that too.
Final view source on browser is in on one line.

Any tips on resources on how to use Jade to prepare MODX templates? I'm so close to 100/100 speed score!

Re: Re: Has anyone successfully minified all HTML output?

donshakespeare — Feb 19, 2016, 02:34 PM

I use Jade to prepare my MODX template - its output is totally minified.

Then [[*content:strip]] and then I bag all other outputs into a snippet/chunk - and strp that too.
Final view source on browser is in on one line.

Re: Re: Has anyone successfully minified all HTML output?

dinocorn — Feb 19, 2016, 12:47 PM

I was thinking (this is kinda janky) you could move all your template code to chunks, and then each template would just invoke one chunk and use a output modifier that minifies the output...

Maybe there is a better way to do it by tapping into plugin events somehow.

Re: Re: Has anyone successfully minified all HTML output?

banzai — Feb 19, 2016, 09:48 AM

Don't know for Revo, but for Evolution there is a small plugin by Agel Nash: HtmlInLine
I use it often and it works very well

https://github.com/extras-evolution/HtmlInLine/