Search Results for 'minify'

If you don’t know how to edit files manually for the theme you should not attempt any minification. There is no plugin to do it properly, aside from some things which mod_pagespeed running on your server might help with.

If you’re new to HTML and webdev.

The way you “minify” a file is removing extra spaces and line breaks.

For example, open the style.css file in text editor/programmer tool (I use TextPad on Windows, and BBedit on Mac), copy all the text, paste into the CSS minifier (link provided in my prior post); hit minify button, then paste back into the style.css file.

That is what minification is. Plenty of tutorials on the topic online.

In WP config, comments looks like

/** Sets up WordPress vars and included files. */

I cover most of this in the pagespeed sticky topic from the past year using the theme. Might be worthwhile to read through that; perhaps going back to front for my later posts.

But basically, you need to manually edit the files you want to minify, then use a tool to “minify” them; then replace the files on server in theme folder, etc., with the optimized versions.

Minifying the style.css file is the simplest thing to start with.

For minification I only recommend the following, and DONE MANUALLY:
I use http://cssminifier.com/

1) remove all the comments in wp-config.php manually
2) minify the style.css file
3) minify the functions.php file
4) if not running mod_pagespeed which does it for you, then you might also consider, manually opening your main post template and remove all double spaces and comments.

these are probably the 3 most loaded files on a WordPress site, and minifying them can really help.

Also putting in your direct URLs for base URL and home URL in the wp-config.php file really helps by saving queries. Similarly direct link to your theme folder also saves queries. But that is a bit advanced. See the WordPress Codex for more info on this topic of optimizing the wp-config.php file for hard-coded PATHS on your domain.

You can *try* minification of the main java file (.js), but this doesn’t always work very well.

Try:
http://javascript-minifier.com/
http://refresh-sf.com/

Or, open the two “main” .js files and just remove all the commenting, if you want a quick and dirty optimization.

• This reply was modified 11 years by simchris.

For minification I only recommend the following, and DONE MANUALLY:
I use http://cssminifier.com/

1) remove all the comments in wp-config.php manually
2) minify the style.css file
3) minify the functions.php file
4) if not running mod_pagespeed which does it for you, then you might also consider, manually opening your main post template and remove all double spaces and comments.

these are probably the 3 most loaded files on a WordPress site, and minifying them can really help.

Also putting in your direct URLs for base URL and home URL in the wp-config.php file really helps by saving queries. Similarly direct link to your theme folder also saves queries. But that is a bit advanced. See the WordPress Codex for more info on this topic of optimizing the wp-config.php file for hard-coded PATHS on your domain.

• This reply was modified 11 years by simchris.

When I enable Minify from cloudflare or any cache plug in it fucks up my sliders and they don’t work. I have no idea why they put these options when in most cases they screw your page. I managed to optimize my website more. You can have a look at it again and it works better now I guess http://www.toppcnews.com

If I enable minify from the CDN my sliders won’t work with this theme… Is it possible to get 2-3 seconds load time and Yslow of 90 for example. This is my google pagespeed test.

http://developers.google.com/speed/pagespeed/insights/?url=www.toppcnews.com&tab=desktop

What else can I improve I am really obsessed with this stuff.

This is a common problem with CSS and custom over-rides from control panels.

It’s also called the flash of unstyled text with fonts, where the same issue happens.

Basically, what happens is that the original CSS loads for a moment, then the “over ride” color you’ve specified is loaded, and in some cases for a split second, depending on speed of server and other factors, you may or may not see that.

This is not unique to any specific theme, but simply how the web works when you’re not actually editing the MAIN style sheet which is loaded first.

This is basic CSS/HTML knowledge.

But basically, the way to fully remove that issue, is to edit the style.css file and change the class for that element to the color you wish. Fairly simple. Just do a search in text editor or programmer editor and locate the style class and change the color code. Then you don’t need to put into the CSS box in the theme panel. Downside is you have to do this each theme update, but ideally this would also be the point in time where you minify the CSS anyway. And if you’re optimizing your site for Google fonts, you’d actually put the calls to the fonts at bottom of your style.css and remove them from the theme functions files. But that is a bit advanced.

Hope that helps 🙂

Check your site with GTMetrix.com and then follow all the suggests, in particular gzip/deflate, expiration headers, image optimization, remove versioning, minify your style.css, don’t use child theme, use fast server/hosting, remove all themes and plugins you’re not using except the latest twenty-fifteen theme, optimize your wp-config.php file to include absolute paths to your domain name, optimize font loading, limit loading external elements (e.g., social counters slow down page vs simple share buttons), limit number of ad networks (I’ve seen some people with six ad networks each loading java, css, and tracking code…. it’s ‘bloat’), use a local image for gravatars, etc.

I cover a number of these issues in detail in the sticky pagespeed thread. Look for my posts, and probably easier to go backwards from the end of the topic, vs from the start a year ago! 🙂

So, what do you suggest to Minify Js and Html?

Same here. Just updated to 1.4 yesterday (Jan. 10); no other plugins updated except the two plugins included with theme (speedbooster and social). WP 4.1, everything else up to date.

So, yes, looks like a bug.

I did manually minify my style.css, but that is just basic minification and doesn’t impact stuff like the bullet points.

In “theory” we might be able to do something temporarily like

ul {list-style-type:circle; color:#000}

I’d also like an explanation. I use Cloudflare on my main website, but considering dropping it as sites I run with this theme on the same server (using non recommended js and css minify settings) load to perfection, while my main site loads the content first and then loads themepanel changes (fonts, background colors, etc) a few seconds later. It’s quite annoying.

Hi,

can you please explain why I shouldn’t use the minify options? I searched for guides on google for the best settings when using W3TC and CDN. All of them seem to recommend enabling minify + other options like browser/database cache.

Do you perhaps have some screenshots or maybe video going over the optimal settings in W3TC? I don’t have the minify option enabled under the W3 general settings – but if I click on the minify below the general settings
JS minify and CSS minify are enabled. Should I disable those too?