Search Results for 'minify'

🙂

I usually have to hack couple things for header, author template (remove comment count), 404 template, remove remote loading google fonts, add some stuff to functions.php, and minify the CSS, and make one change the default hit counter field to match our pre-existing field name “views” — so not too hideous; most of the rest is done with CSS.

In our case, just safer to get update, make mods to update work folder; then upload that to replace old version; check all works; if not roll back.

Fairly safe way to live without “hoping” updates will work (color me paranoid!) 🙂

The online CSS minifier should not “crash your browser” when using it … you might want to try a different web browser like Chrome, where it works perfectly on both Mac and PC.

It’s what I use to minify CSS for all my sites.

@Lucian

Thanks for your reply. Instead of using Cloudflare, will you recommend some offline 3rd party tools to minify CSS files?

(Note : Tried various online tools which leads to crash my browser)

Hi

I did tried various online minification tools to minify the Newspaper theme CSS and Visual composer CSS.

When i try to minify the CSS files using online minifier tool, browser getting crashed. Will you please suggest me the better way to minify CSS files without any issues?

You can’t optimize fonts loaded from Google unless you want to hack that per my optimization sticky to load the CSS locally.

For your local CSS and JS you can minify that locally also.

For the jquery stuff, you would need to manually add that to the booster plugin per the theme docs. Tagdiv will likely have better answer on Monday 🙂

You can minify the style.css file by following my tips in my pagespeed optimization sticky post, as well as other tips/tricks for speeding up/optimizing your site — including a new method of compressing .js files without breaking them, recommended by Google. 🙂

Just some input; I’d be cautious with autominify as that has caused problems with various folks; in many cases auto-minify of HTML is fine (we use mod_pagespeed for this); but for CSS and JS, I personally have found it’s better to MANUALLY do that (see my sticky optimization post topic on how to); as this ensures you know it works, and it’s not an “on the fly” issue but static from get-go.

Just some input on that one item 🙂

Radu, what do you think of the 3 cloudflare options working with newspaper: http://screencast.com/t/mFYxmJxg31h

1) autominify (js, css, html) – some of these are done with the td booster plugin right? would it be ok to use these if I am not using the td booster plugin?
2) polish (on or off) says it improves image load time – will it interrupt or over optimize if you already have smushit?
3) Railgun (business plan offering for more, have you ever tried it? worth it as a compliment to the theme?)

Thanks!!

• This reply was modified 10 years by schindyguy.

Any theme framework using Visual Composer will have that file – it’s not technically part of theme; so hundreds of themes using VC will have that payload, but it’s the plus and minus to this kind of fancy site.

You can minify the main css file per my suggestions in my sticky post on optimization, which helps quite a bit.

Also, luckily this stuff actually gets zipped/compressed when sent to browser and cached so not being loaded over and over.

There is also code in my optimization sticky on topic of disabling VC loading on post pages where it’s not used (at least in my case).

Sadly, for highly complex and “lots of features” sites, there *is* a big payload, but not so bad — some themes make it seem smaller by loading 10 diff CSS files, where here it’s all combined.

Standard size CSS for most complex themes is actually about 550KB — not 75KB. It’s not apples to apples, it’s apples to watermelons — footprint is quite different.

But you can optimize stuff quite a bit for speed and Google pagespeed rating, which should be the main target for using large complex “feature-packed” themes like this one.

That might not have helped, but some feedback (I’ve been doing webdev 20 years and using WP 10 years, so not totally nuts over here… at least most of the time) 😉

Average size for a complex theme is actually about 550KB these days as it combines multiple sizes, shapes, options, layouts, mobile/responsive, etc.

Visual composer is also a bit big.

However the actual footprint is much smaller for web browser via gzip and also with caching in the cloud (e.g., Chrome will cache your data if enough hits come from Chrome users, etc.).

You can also manually “minify” the main CSS file using the tips/tricks from my sticky post on site optimization.

But yes, it’s a bit big for all those features people have asked for (demanded?) — so, there is a lot going on, but it’s better than loading 10 diff. CSS files as it’s actually more efficient for one “packet” …

and some data is actually inlined automatically to help with pagespeed/rating.

There was a post exchange a while back for v4 where I’d asked about what we could “take out” if not using bbpress, woocommerce, multisite, or other things to “trim it” and that would be a good tutorial for Radu or somebody to tackle in a
“what can I take out of the main CSS file”
“what can I take out of the main includes-functions file”

as those are the two big payloads other than visual composer.

Chris

did that too and same result. Does this theme minify JS?

PageSpeed conflict with full page cache, and it will affect page loading time. If your theme and plugins minified, you don’t need any minify method.

See my sticky post on how to minify CSS and JS files manually — from my optimization guide.

To add elements to the speedbooster plugin to move to bottom, read the docs for that (advanced), right side of page.

Have you “minified” the main CSS file?
Use the copy/paste minifier site I recommend, to replace your existing CSS file in theme folder. Shazam. 😉

or this one:
http://cssminifier.com/

basically make copy of your style.css file; then open original, select all, copy, paste into box, then minify, then copy the “minified” version into your original file put on the server. This compresses the file, which was the error most people see on google pagespeed — it’s not “compression” of the file via gzip, it’s compressing data in the file … semantics… 🙂

Try that if you hadn’t already…. !

Of course I’m doing plesk on apache, and not using nginx for the baseline stuff only some esoteric stuff.

Hey Chris, thanks for the quick reply, been a long time sincs we spoke. I know minifying isn’t the same as compressing. Google page speed says that compressing visual composer css version something something could save 750kb alone. I’ve run a webpagespeed test and it says that some files are gzipped, but a lot of then don’t.

I normally run wp super cache on plesk with nginx and have gzip compression enabled with some nginx rules, that works perfectly fine. But I’ve switched to apache and wp super cache with mod_rewrite rules and no matter what I try I just can’t get all the css and Javascript to get gzipped. Ive tried .htacces deflate rules and even tried a plugin to do the work for me.

I’m totally lost and think about switching back to nginx with my own additional config. What am I doing wrong?

@r1kay
Welll … minifying CSS is unrelated to gzip compression… minification removed all the blank spaces. Some services do this as part of hosting, or you can do it manually — see my sticky post on optimization for how to do that. (LINK BELOW)

@rishab55555
For the woff fonts you need to add that element to your htaccess — again see my stick how to topic.

YOu also have zero control over the “time to live” for stuff on other websites like google stuff.

You both may find my tutorials helpful here:
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/

🙂

• This reply was modified 10 years by simchris.

I apologize for sounding mean. I think I figured it out. It is something with Cloudflare and I have Rocket Loader disabled but Cloudflare has not fully started back up. So if it isn’t Rocket Loader then it is the minify settings. I will try that after if it doesn’t fix it, but so far when Cloudflare is not running it fixed it. So consider this solved and maybe it will help someone else that runs into this.

If you want SB to work properly and not to break your site, then you have to modify (or ask authors to modify) each plugin or theme, which are not following the good coding practices. Speed Booster itself is only trying to rearrange files positions, it is not a caching or minify plugin, so you can run your website without it too 🙂

Exactly, that is what I am doing with my site. Not using the speed booster plugin because it is better without it. I mean I am using plugins that are not tested by Tagdiv. Like All In One SEO and that to me I like better. Some other plugins too, and I rather not have issues with Speed Booster that actually slows the site more than without the plugin installed.

Speed Booster is not a forced plugin to use, but just required and its optional.

• This reply was modified 10 years by doucare1971.
• This reply was modified 10 years by doucare1971.

Hi,

I am not a tagDiv team member, but will try to explain the situation with Speed Booster. I think I get it correctly.

In the ideal situation all css files will load in header and all js files in footer for webpage speed. This is what is recommended and what Speed Booster is trying to do. But this is not required rule and every plugin or theme developer can follow it or not. If some plugin or theme is loading js files in header, this is because plugin’s author created it this way and if Speed Booster move it in footer, the plugin may stop working properly.

If you want SB to work properly and not to break your site, then you have to modify (or ask authors to modify) each plugin or theme, which are not following the good coding practices. Speed Booster itself is only trying to rearrange files positions, it is not a caching or minify plugin, so you can run your website without it too 🙂

I hope this info will help you to understand the situation about SB. And I am sure that if you have installed only tagDiv’s product, the plugin will work.

Thank you for your attention,
Mladen

You keep using these so called plugins that messing up the theme,that “wp-optimize-by-xtraffic” is no good..

Here is a plugin that works great with the theme and do a good job i’m also using it…

Merge + Minify + Refresh plugin it’s the best right now since Cf RocketLoader don’t work well with the theme..I still use Cf for the CDN but nothing to optimize my site from there…

Find it here >>> https://wordpress.org/plugins/merge-minify-refresh/

Here is 2 other plugins that will help you with the optimize…

Scripts To Footer >>>> https://wordpress.org/plugins/scripts-to-footerphp/

Async Javascript >>>> https://wordpress.org/plugins/async-javascript/ DON’T USE THE ASYNC OPITION IT WILL BREAK THE THEME ONLY USE THE DEFER OPITION

REMOVE THAT “wp-optimize-by-xtraffic AND WP Optimize Speed By xTraffic THEY BOTH IS RUBBISH AND THE PLUGINS WAS NOT MADE GOOD IT’S JUST GOING MAKE UR SITE FEATURES BREAK…

TEST FROM MY SITE WITH A VIDEO USING THESE PLUGINS I TELL YOU ABOUT ..

https://jahliveradio.com/christopher-martin-steppin-razor/

• This reply was modified 10 years by Steven.
• This reply was modified 10 years by Steven.