Support » Plugin: Minify HTML » Could use some advice

  • Resolved thebirdbath

    (@thebirdbath)


    I helping a client and their HTML just looks horrendous. It’s the Avada theme.

    I installed the plugin and the HTML is still all horrible looking with a LOT of CSS visible. I would really like to clean up this code.

    I’m open to further suggestions. Right click and view source.
    http://monstertechnology.net/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tim Eckel

    (@teckel)

    They have inline CSS, lots of it. Minify HTML will not get rid of inline CSS, it can’t. It only makes it as small as it can. You’ll need to move the CSS and JS to an external file. This isn’t something Minify HTML can do or was designed to do.

    Thread Starter thebirdbath

    (@thebirdbath)

    Ok thanks! Man I don’t even know where to begin or how the code is being called in. I found the .css files in the directory and guess it’s being called in with php. What a hassle.

    • This reply was modified 5 years, 3 months ago by thebirdbath.
    Plugin Author Tim Eckel

    (@teckel)

    Embeded CSS and JavaScript isn’t always a bad thing. It will make the first page load VERY quickly. Next page loads won’t be as fast, but hardly a problem. Tools like Google’s PageSpeed Insights (https://developers.google.com/speed/pagespeed/insights/) will actually give a site coded like this very high marks.

    I actually created a website specifically to score a perfect 100% on both desktop and mobile using Google’s PageSpeed Insights. Here’s the results:

    https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.dogblocker.com%2F&tab=mobile

    If you look at the page source for https://www.dogblocker.com/ it’s all minimized and all the CSS and JavaScript is embeded. But, that can get you a 100% with Google’s PageSpeed Insights.

    It’s all a matter of what you’re shooting for. I would suggest looking at Chrome’s developer tools and the Network tab to figure out how to best speed up a website. That will tell you exactly what is slowing the site down. The embeded CSS and JavaScript is not the fault. Making it minimized will help, and make it look better. But, if the site is slow, there’s other reasons which developer tools -> Network will show you. Looking again at https://www.dogblocker.com/ in developer tools -> Network, you will see that there’s one thin green line at the top, not a bunch of cascading waterfall downloads. That’s HTTP2 and content pushing at work. I’m an expert at making a site efficient and fast. But sometimes it requires extensive work and I’ve been doing it for 22 years, so…

    Anyway, I wish you the best!

    Tim

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Could use some advice’ is closed to new replies.