Search Results for 'minify'

Ok,

I found the answer to my issue. It is the Minify plugin that is messing up my CSS.

No need for you to look into this for me.

Cheers!

hi,
I see that you are using W3 Total Cache plugin.
please disable the minify js options W3 Total Cache, it will brake the javascript code.

we have also this thread on our documentation page about W3 Total cache : https://forum.tagdiv.com/w3-total-cache-configuration/

Thanks for you message.
Radu A.

hi,
what plugings are you using?
if you use speedbooster plugin disable it.
if you use a caching plugin (like W3 Total Cache) disable the minify js option

you can also try disable all the plugins and try again, if this fixes the problem then one of those plugins is to blame

Thanks for you message.
Radu A.

Hi,
you don’t need to duplicate the expires header section. I just changed the method I was using from days to seconds. Doesn’t matter either way. 🙂

Nothing you can do about elements loaded exetnally like add this .css

For the local .css files you need to optimize those by either minifying them manually, and make sure they are enqued properly with the speedbooster plugin.

Good luck! Hope all my ranting helped a bit.
Again, all of this was covered in the pagespeed topic.

The mobile score is better ;). But in the screenshots appears empty the mobile screen :S

In w3 total cache i only check the Page Cache in the general settings tab or i need make more changes in the other tabs?

The option of Minify should be enable?

I use http://cssminifier.com/ for my style.css and works but i realized another pagespeed test ando mobile score was 59.

The results in mobile test:

Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 5 blocking script resources and 8 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.

Remove render-blocking JavaScript:
http://ajax.googleapis.com/…s/jquery/1.10.2/jquery.min.js?ver=1.10.2
http://ambito-financiero.com/…ns/jetpack/_inc/postmessage.js?ver=2.9.1
http://ambito-financiero.com/…/jetpack/_inc/jquery.inview.js?ver=2.9.1
http://ambito-financiero.com/…/_inc/jquery.jetpack-resize.js?ver=2.9.1
http://s7.addthis.com/js/300/addthis_widget.js
Optimize CSS Delivery of the following:
http://ambito-financiero.com/…etpack/modules/likes/style.css?ver=2.9.1
http://ambito-financiero.com/…ubscriptions/subscriptions.css?ver=3.8.1
http://ambito-financiero.com/…modules/widgets/widgets.css?ver=20121003
http://ambito-financiero.com/…modules/sharedaddy/sharing.css?ver=2.9.1
http://ambito-financiero.com/…dgets/widget-grid-and-list.css?ver=3.8.1
http://ambito-financiero.com/…s/contact-form-7/includes/css/styles.css
http://ambito-financiero.com/…ster/external/bootstrap/td-bootstrap.css
http://ambito-financiero.com/wp-content/themes/Newspaper/style.css

Prioritize visible content
Your page requires additional network round trips to render the above-the-fold content. For best performance, reduce the amount of HTML needed to render above-the-fold content.
55.9KiB of the response was required to render the above-the-fold content. Prioritize visible content that is needed for rendering above-the-fold.

The results in desktop test:

Compressing resources with gzip or deflate can reduce the number of bytes sent over the network.
Enable compression for the following resources to reduce their transfer size by 173.8KiB (74% reduction).
Compressing http://ambito-financiero.com/ could save 46.2KiB (81% reduction).
Compressing http://ambito-financiero.com/…ster/external/bootstrap/td-bootstrap.css could save 27.8KiB (80% reduction).
Compressing http://ambito-financiero.com/…Newspaper/js/min/external.min.js?ver=3.4 could save 25.5KiB (65% reduction).
Compressing http://ambito-financiero.com/…mes/Newspaper/js/min/site.min.js?ver=3.4 could save 14.7KiB (74% reduction).
Compressing http://ambito-financiero.com/…ns/jetpack/_inc/postmessage.js?ver=2.9.1 could save 14.3KiB (74% reduction).
Compressing http://ambito-financiero.com/…jquery.form.min.js?ver=3.50.0-2014.02.05 could save 9.9KiB (62% reduction).
Compressing http://ambito-financiero.com/…modules/sharedaddy/sharing.css?ver=2.9.1 could save 8.9KiB (80% reduction).
Compressing http://ambito-financiero.com/…assets/js/js_composer_front.js?ver=3.6.8 could save 6.6KiB (68% reduction).
Compressing http://ambito-financiero.com/…-form-7/includes/js/scripts.js?ver=3.7.2 could save 6.2KiB (71% reduction).
Compressing http://ambito-financiero.com/…/_inc/jquery.jetpack-resize.js?ver=2.9.1 could save 5.7KiB (72% reduction).
Compressing http://ambito-financiero.com/…/jetpack/_inc/jquery.inview.js?ver=2.9.1 could save 3.5KiB (64% reduction).
Compressing http://ambito-financiero.com/…etpack/modules/likes/style.css?ver=2.9.1 could save 2.9KiB (70% reduction).
Compressing http://ambito-financiero.com/…dgets/widget-grid-and-list.css?ver=3.8.1 could save 1.1KiB (66% reduction).
Compressing http://ambito-financiero.com/…s/contact-form-7/includes/css/styles.css could save 524B (56% reduction).

What can i do to improve this? The thing that appear in the list are of jetpack pluging, contact-form, and things of the theme. The screenshots in mobile test only show the menu with any format, and in the desktop text the screen was empty.

I compare the source code of the theme demo with the souce code of my page and its too different. :S. I think this theme is too complicated to config correctly to improve the speed. Its necessary a guide to config the plugins like the theme demo, with the same options, then each user could comment your personal issues. If in the demo has been changed .htaccess for improve the speed and changed a w3 total cache, i think its necessary a guide because the speed of theme is one of best things that it have. If you make a bad config of this items, the theme is slowly like another themes.

Another question, i update the theme with the patch folder, is better reinstall all theme or is the same? I tell this because one of the updates was “clean code” and in my <head> there are a lot of code, more than in the theme demo and another pages that the people put here in the other posts :S

PD sorry for the english 🙂

• This reply was modified 12 years by tracid.
• This reply was modified 12 years by tracid.

What is the config for w3 total cache for this theme? I intalled the plugin and i have enable Page Cache and Minify, and another things in other tabs

Hello,
In FIrefox console I do not see any error with JavaScript. Before do anything, do you think that might be the problem of cache plugin for WordPress that makes minify of js?
greetings and thanks.

hi,
we will check the facebook sharing
can you send us a link (your site and facebook)

for Article Box, please don’t use cloudflare, and also for W3 Total Cache don’t use the minify option. https://forum.tagdiv.com/w3-total-cache-configuration/

Thanks for you message.
Radu A.

Hi, Coodude!
Not sure this helps or not:
Not all minification “plugins” do so correctly and is a known problem with ALL themes depending on the level of minification and/or breaking some code elements – not a ‘bug’ in the theme. If you wish the best possible result it’s best to manually minify the main CSS and JS files only. (See the PageSpeed sticky for my recommendations on how to do that, as I did. Downside, you need to do it each time theme updated, but only takes couple of minutes.)

With themes that are highly complex like this one, only “page cache” is recommended with the caching plugins. This is noted in the theme docs, also:
https://forum.tagdiv.com/w3-total-cache-configuration/

Thanks. I tried it and doesn’t really seem to do anything.

@maqabyah
in looking at that plugin (bwp-minify), it seems there are some minor gremlins as recently as 2 days ago. (Always look at the support topic for each plugin to see current “issues”).

You might “try” using it and see if it works for you or breaks things. You can always turn it off — seems it “should’ work for most people.

I’d likely avoid “WP Minify” which hasn’t been updated since 2012 and lots of bug reports.

@christopher I’ve minified the style.css but that doesn’t improve the speed…what can I now?

@mehedi
yes, I use BBedit on Mac and TextPad on PC, as my text editors, but basically you can also use notepad (not wordpad), or whatever the plain text editor on Mac is these days (I always want to say simpletext).

SO: create new blank text document with same name as the file you plan to minify (filenameXYZ.js), put into a folder or wherever you store stuff on your computer, and leave it open …

THEN, open the file from Newspaper theme folder you want to minify in text editor, select all (CTRL+A) and copy and paste into the minifier site, apply – then copy the minified text into your blank document then save. FTP up the minified version to over-write the original in the theme folder (you should have backup, or your themeforest install as backup obviously).

So, you’re replacing the original *.js file in the theme folder with your minified version.

Easy. Certainly there are plugins that might work for you, too, but I’ve not used one lately so can’t suggest best one beyond the discussion in the pagespeed topic.

Reload your page. If you’re caching the js files obviously you need to clear cache. Both on site if using cache plugin and in your web browser to see changes.

Remember you would need to do this each time you update the theme. But it really takes under a minute to do, for those who need it done. Try it.

====== OTHER OPTION =========
if you’re using my pals in Canada at Gossamer Threads, aka “GTMetrix” — a great tip many people entirely miss is that you can run a page score on your site, and it will tell you if CSS or JS need to be optimized BUT THEN IT WILL GIVE YOU LINK TO DOWNLOAD OPTIMIZED VERSIONS!!

Go here: http://gtmetrix.com/
put in your site URL, or a “post” URL – then under stuff to fix it will have section on JS optimization, open little sub box, and it will show you files which “should be optimized” and will have little text link next to each one. Download/save the optimized version, upload via FTP, and done.

• This reply was modified 12 years by simchris.

@christopher Do I need to copy all the codes from style.css and minify it from the website and then replace the codes?

please let me know

thanks1

I can’t use W3TC on my host, what do you think about this plugin for WordPress http://wordpress.org/plugins/bwp-minify/

I think my links to recommended minify resources are in the sticky topic on pagespeed, but I generally use one of these:

for CSS (used this yesterday): http://cssminifier.com/

for JS/CSS (sometimes site is down) – used this on newspaper 2x for one of my two test sites (‘ga-ga’ site methinks):
http://refresh-sf.com/yui/
JavaScript Options = Minify only, no symbol obfuscation.

I’ve also used this once or twice, but one of my web browsers didn’t like it
http://www.csscompressor.com/

@christopher what settings did you used for Minify?

I did so on 2x and have not done so on 3x. Did speed things up.

I have minified my site.js and had no problems. Minifying plugin javascripts won’t do much for you, just a heads up on that.

• This reply was modified 12 years by enemyborat.

go to the w3 Total Cache settings and turn off minify for js and css and it should revert back to the way it was.