Search Results for 'css'

HI, Glenn
doh. That just proves I’ve been too busy working on our main business website this past couple of weeks to even think about that or minifying my CSS, for that matter for 1.71.

I guess we might need Marius or Radu’s (et al) help on how to revise this code for the shim:

add_action('init', 'myoverride', 100);
function myoverride() {
remove_action('wp_head', array(visual_composer(), 'addMetaData'));
}

function dequeue_visual_composer_css() {
if (is_single()) {
wp_dequeue_style('js_composer_front');
}
}
add_action('wp_enqueue_scripts', 'dequeue_visual_composer_css', 1003);

since the new code in header is js_composer.css and old code is js_composer.css; not sure if we have to edit the booster main function file or what ?

This is totally a question for TagDiv support, so let us poke them on this one 🙂

Well… nothing suddenly “happens” on its own.

Good idea to
a) check to see if something got updated
b) check to see if something being inserted in page from plugin is breaking pages (try turning off plugins to see if something doing that)
c) try rolling back to last version if you updated something — again, the theme cannot magically break by itself
d) did you try checking a post with console (F12 in Chrome) for errors?

Are you using a custom template?
Since the html is only loading logo on IE, and nothing on Chrome, it looks like something is “bad” right at start of page loading.

This can be malformed custom CSS, malformed custom JS, inserted in head; it can be a bad bit of something inserted into head by a plugin, etc.

No idea beyond the above items.

TagDiv folk likely will have better answer, but basically the only way for something to “suddenly” stop working (as per past posts on your site issues), is for you to have changed something, or a plugin to suddenly have changed something. This is why “auto updates” are also a bad idea in case something doesn’t work with something else.

You might also try clearing your site cache if using plugin, or turn that off, if it got corrupted or isn’t house cleaning properly.

Hi Chris,

You added code to remove Visual Composer CSS on post pages. Could you please do same for the TD SHIM alternative?

Regards,

Glenn

Hi

I would like to know if there is an easy way to disable the responsive features of the newspaper theme.

Is there any version of css file supporting only the full size version.

It is a little tedious to erase all the media references in the initial css file.

Thanks

Fixed With WP-Rocket 2.6 onwards.

regards

as I can hide blocks in desktop, and display on the phone with CSS?

Hi Steven,

A little CSS magic will help you in any case. 🙂

Ok. Fixed it.

What had happened was when I asked how to prevent the logo from loading in the middle first then loads to the left I was told to edit the css file

Also you have to change the css code in style.css file as the default style is loading first and because of the cascading property of the css style appears the delay you have noticed. So try to remove this code – http://screencast.com/t/77pQNXhaN then clear cache and see if it works.
Please note that this change will affect also other headers so if you change the header style revert this change.

I didn’t want to change the original file so I copied the style.css over to the theme folder and made the change. What would be the correct way of changing this without changing the original file?

For basic minification of the CSS and possibly main js files, see my optimization guide.

Be aware that there is really no 100% way to fully optimize loading the above the fold content with any commercial theme like this one — this is because there are many options and functions being loaded in order to render the page at all, and to provide folks to create totally different designs.

Many articles have been written online about getting a perfect score with PageSpeed and WordPress and that requires custom building a theme from scratch and setting up regions where CSS and js are loaded conditionally and in series based on the content sections. Very complex and outside the scope of commercial themes.

Limiting things like mega menus can help, making sure any external resources load via async (we used to use addthis for social buttons on our sites and had to ‘hack’ that to add async loading of their js, because they were too stupid to do it with one line of code in their WP plugin).

Often to get the best “real world” score for your site, you need to disable any/all things which load externally (ads, etc.) and then test that. Optimize. Then switch on external things, optimize “if possible” and then realize the “real score” doesn’t count the Google ads stuff.

You can’t control caching of external elements (time to live), or minification of external resources. With Google fonts you can load the CSS locally in your own style sheet, then simply “draw” the fonts from their CDN. Now that “Roboto” is open source, one could in theory even load that font off your own server and bypass Google entirely. Or just use “web safe” fonts, to eliminate any external font loading.

For the above the fold render blocking blah blah. If your mobile score is above 85 you’re fine; if your desktop is above 90 you’re fine. But there is a notable “tuning” process to this, and again — it’s almost impossible to eliminate the “render blocking” or “above the fold stuff” entirely with *any* commercial theme.

Not sure any of that helps… just some feedback on my own suffering using commercial WordPress themes, and also building my own bootstrap 2 templates which are running our main business portal (using .shtml and custom page builder CMS; not WP).

1) for Eliminate render-blocking JavaScript and CSS in above-the-fold content: like mentioned, didn’t know where to put them so i reverted to the original file. please let me know where to put both, css and js.

pastebin td-speed-booster: http://pastebin.com/MtRgLy7d

2) for cache i’m already using w3 total cache, should i change to WP Super Cache?

3) any plugin to recommend for minify?

4) 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.

The entire HTML response was not sufficient to render the above-the-fold content. This usually indicates that additional resources, loaded after HTML parsing, were required to render above-the-fold content. Prioritize visible content that is needed for rendering above-the-fold by including it directly in the HTML response.

What can i do for this?

• This reply was modified 11 years by instacomedy.

I have disabled all the plugins except the visual composer but no success. I dont even know what custom css is not to talk of adding it.