Hi,
where is this coming from? And can I remove it?
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fcreactivate.no%2F
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 4 blocking script resources and 13 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:
This is common with all wordpress themes (and most websites really)… it’s not an issue with this theme.
If you’re interested in “some” of the tricks we’ve been using to try to get around this check out the pagespeed sticky topic.
Using the tagdiv speed booster plugin can help, as can things like caching, mod_pagespeed with hosting provider, etc. It basically “enqueues” several things to load better on pageload.
https://forum.tagdiv.com/topic/pagespeed/
It’s a process, I can tell you. I also wouldn’t stress over it tooooo much. Worry about everything ELSE first, and leave THAT for last. Note some of the blocking errors will come from Google’s own products like AdSense.
hmmm,
I’m working my down my list of improving my pagespeed. I’m getting closer but i noticed that the demo don’t have the same warnings. So there must be some way to improve it without doing coding 🙂
The demo is likely using the elements that Radu recommends from the thread:
https://forum.tagdiv.com/how-to-make-the-site-faster/
So, make sure you’ve done all that. And adding the elements to your htaccess is good practice for ALL wordpress sites (all websites in general really), and the theme can’t fix issue with web hosting, caching, headers for expiration, et al.
Note also in his demo he’s not using adsense (Google Ads), recaptcha for comments, some social media hogs, or plugins that abusively insert additional not-needed CSS files in the header. SO, generally for your own speed optimization, presume to turn anything OFF which inserts bad behavior stuff (like, ironically Google’s own ad stuff much of the time).
But the page Radu has (linked above) tells you the basics of what he did to optimize the theme.
thanks for your awesome support on here @christopher
“Eliminate render-blocking JavaScript and CSS in above-the-fold content”
It’s the only error I have left on PageSpeed Insights. Currently at 80/100 mobile and 95/100 desktop.
“Your page has 2 blocking script resources and 3 blocking CSS resources. This causes a delay in rendering your page.”
All those are related to Slider Revolution, not the theme. That’s why I’m curios how you can get rid of them. Can you get these removed by adding stuff to .htaccess? Or some server setting?
Haven’t tackled that yet. I just turned off and removed the revolution slider code and plugin, to solve that for the time being. (sigh)
If you’re not using it, turn off the plugin and that should solve it.
If you’re using the slider, then, the only real way to fix that is to combine the CSS files into *one* CSS file (I actually also manually minified my main style.css for instance).
Not doing anything more until stable v3 theme (e.g., ahem … 3.01 or 3.02 ?), since I don’t want to redo anything again at this point until v3 is stable for the stuff we use.
I also manually removed reference to google fonts from the functions.php on one site, and did search/replace in the style.css to replace all Google fonts with web-safe fonts, just to see what happened. Solved couple of PageSpeed Insights hold-ups.
Anyway…”80″ for mobile right now is actually the minimum to not suck, frankly, and 95 is right there (you’ll notice it will vary from 92-96 depending on the page content, placement of the moon, and whether your cat is asleep…).
Glad all my little tidbits are helping somebody. You’ll be seeing less and less of me around here, but very glad it’s been useful !
but the revolution slider is connected to the menu right? Atleast the mobile one?
hi,
Christopher is right, if you follow the threads
https://forum.tagdiv.com/topic/pagespeed/
https://forum.tagdiv.com/how-to-make-the-site-faster/
you should be ok.
Thanks for you message.
Radu A.
ok,
so by upgrading to a VPS with the settings you recommend, the warnings for Slider Revolution will magically disappear?
As I mentioned by disabling rev slider i’ll jump to 100/100. But then my menu is no longer working. It seems to be enabled on the demo site and I’ve followed the other advice.
These are the only warnings I get now:
Eliminate render-blocking JavaScript and CSS in above-the-fold content
http://creactivate.no/…punch.plugins.min.js?rev=4.1.4&ver=3.8.1
http://creactivate.no/…ch.revolution.min.js?rev=4.1.4&ver=3.8.1
I have minified CSS and JS
Optimized Images
Using speed booster
Using W3 Cache
VPS (“virtual private server”) is just a web server sliced into multiple pieces for folks to use. It doesn’t impact anything loading on the page … it’s just a hard drive connected to the net, with the attendant software running on server.
The revolution slider *shouldn’t* impact the menu? My menu still seems to slide out when clicked with revolution slider turned off and not called in the theme (2x version).
Menu not working may be other issue related to your additional plugins, menu settings, etc.
See: ga-ga.com running 2x; no revolution slider; menu seems to work for me.
it certainly is!
It’s strange. On a previous install my menu went boom when i deactivated the slider so i assumed it had something to do with the mobile menu.
So I’ll have to ask, What exactly is it doing? Is it used on the demo site at all?
Just to recap for anybody reading this thread: Revolution slider is a slider from ThemePunch (look it up on the web– it’s a popular commercial product: http://www.themepunch.com/codecanyon/revolution_wp/ ); it’s one of the various “slider apps” (featured “slide show” that “slides” – like a PowerPoint app, or a “featured stuff” element) included with the theme. Some people like one slider, other folks like a different one. Some allow only images, some allow CSS blocks (text+images). Some people like to have latest stories “slide” although many find that annoying and prefer static elements.
I believe the 2x “demo” uses static featured images on home page (don’t know which “block” off top of my head). I don’t think any of the theme demo pages use the sliders. I’m sure Radu included them as a selling point, but also for those moving from another site to use the sliders, which some people love, some people hate. Most news sites don’t use them anymore (think CNN, NY Times, LA Times, Daily Mirror, etc.). It’s more commonly used on business/ecommerce now and *not* for news/magazine portals, as it often has a bad UX (user experience) on mobile for “above the fold” content. So, great for GoDaddy home page, bad for a newspaper.
As far as I know it’s (Revolution slider) only used by theme to build a slider for home page or custom page, if so desired. If you’re not using it already, then no need to use it unless you want to. Sliders are NOT used to build menu items. But the demo page shows what it’s good for (link above), for those who’ve never looked at that.
MANY theme developers use this slider, or the bootstrap slider, and/or woo slider and include them with commercial product (e.g., “Newspaper” theme).
Sorry to ramble on there … hope that made sense.
UPSHOT: no “slider” used with theme would normally have anything to do with menus, navigation, or the like.
The “slide out” menu used by theme is simple CSS/dhtml/less stuff, and doesn’t need a plugin to do that.
that’s one more problem solved for me then. Cheers bud 🙂
