Minify JS and CSS works buts is still to large

lom
(@deindeal)

7 years, 11 months ago

Hi Frederik, hi community,

my W3TC is working fine BUT the minified JS and CSS files are still too large fr Googel Speed test. The speed test says about my minified files:

Minifying http://*******/…0/7937b/default.include-footer.665645.js could save 13.4KiB (15% reduction) after compression.
Minifying http://*******/…000/7937b/default.include-body.9ce0b5.js could save 848B (22% reduction) after compression.

Is there a way to enable a “non-readable minification” in the W3TC settings? I use the JSMin (default) for JS and the default setting for CSS minification. I did not installed the Java variantes yet.

Looking forward to your advices!

@frederik: Cool cool plugin!

Thanks and bg
MH

https://wordpress.org/plugins/w3-total-cache/

Viewing 6 replies - 1 through 6 (of 6 total)

Scott Hartley
(@destac)

7 years, 11 months ago

Remove whitespace and comments. Make sure you don’t have combine only checked.

Thread Starter lom
(@deindeal)

7 years, 11 months ago

@destac: I’ve activated all options in W3TC. Or do mean, that I have to remove and minify the whitespaces and comments in each css and JS file by hand? I can do, but every time a plugin is updating I’ve to do it again?!

After the minification via W3TC the JS(e.g.: default.include-footer.665645.js and CSS files looks like:

/* maxmegamenu.js */

/* 1 */ /*jslint browser: true, white: true */
/* 2 */ /*global console,jQuery,megamenu,window,navigator*/
/* 3 */ ….

/* nextjs.js */

/* 101 */ if ( !plugin.isDesktopView() && anchor.parent().hasClass(‘mega-hide-sub-menu-on-mobile’) ) {
…

/* next2js.js */

/* 101 */ if ( !plugin.isDesktopView() && anchor.parent().hasClass(‘mega-hide-sub-menu-on-mobile’) ) {
…

So in my opionion this is not realy good minified?!

Scott Hartley
(@destac)

7 years, 11 months ago

No in the minify settings there are options.

1. Make sure that the combine only box is not checked.

2. Make sure that the remove white space and comments is checked.

Thread Starter lom
(@deindeal)

7 years, 11 months ago

Hi,
there is no “white space remove” checkbox. Here you can see what I’ve configured:
CSS: http://postimg.org/image/bs7ly1q7v/
JS: http://postimg.org/image/l8fi52xh7/

But the JS Files still looks like I posted before.
wp_hela
(@wp_hela)

7 years, 11 months ago
Same here:

every 50 lines I got the name of the style sheet … and the line numbers …
```
/* 45   */ del, dfn, em, font, ins, kbd, q, s, samp,
/* 46   */ small, strike, strong, sub, sup, tt, var,
/* 47   */ dl, dt, dd, ol, ul, li,
/* 48   */ fieldset, form, label, legend,
/* 49   */ table, caption, tbody, tfoot, thead, tr, th, td {
/* 50   */ 	border: 0;

/* style.css */

/* 51   */ 	font-family: inherit;
/* 52   */ 	font-size: 100%;
/* 53   */ 	font-style: inherit;
/* 54   */ 	font-weight: inherit;
/* 55   */ 	margin: 0;
/* 56   */ 	outline: 0;
/* 57   */ 	padding: 0;
```
Maybe I don’t understand the concept of getting the css file smaller by removing linebreaks and comment.
wp_hela
(@wp_hela)

7 years, 11 months ago

f***k … that’s really mean.

I just found out that I get the line numbers from the debugging options.

It says “Detailed information about each cache will be appended in (publicly available) HTML comments in the page’s source code. Performance in this mode will not be optimal, use sparingly and disable when not in use.”

But it also wirtes into the minified CSS …. 🙁

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Minify JS and CSS works buts is still to large’ is closed to new replies.

Tags