Converts render-blocking CSS and JS files into NON-render-blocking

Posted in: Newspaper
Post count: 555

I’m using a plugin to help with mobile called “TTT Device”

I’m not sure if it will help you but it help me a lot you can find it via wordpress @ http://wordpress.org/plugins/ttt-devices/

Post count: 181

‘Speed Booster Options’ has slowed my website down, adding an extra 2-3seconds loading time.

What options would be ticked? At the moment it’s ‘Compression level: 90’ and all the boxes are selected.

Is this correct?
Thanks 🙂

Post count: 555

Hey @Gee95 don’t use the “Move scripts to the footer”,Defer parsing of javascript files,or the Lazy load images to improve page load times but all the rest you can used..

And clear all ur cache when you change and save the settings…

Post count: 181

@steven Thank you, do you know if it works with Super Cache? As i’ve had to deactivate W3 Cache as it was causing problems displaying my website.

Thanks 🙂

Post count: 555

Yes it work with super cache because i’m using that as well,you just have to becarefull using a different plugins to “Optimize Your Website” just not many because it can cause issues also only used one cache plugin…

Post count: 555

This is super cache results for my site when it load..

<!– Dynamic page generated in 0.755 seconds. –>
<!– Cached page generated by WP-Super-Cache on 2014-07-18 07:23:37 –>

<!– Compression = gzip –>

Post count: 181

Is there anyway to fix these main issues, maybe by plugins?

Image:
Speed Test

Thanks 🙂

Post count: 555

Cloudflare and this plugin..

removed “Leverage browser caching”

You can find that plugin also via wordpress website @ the url http://wordpress.org/plugins/leverage-browser-caching-ninjas/

Post count: 181

Oh, i’ve never heard of ‘Cloudflare’ before. Is it simple to install on WordPress?

Thanks again 🙂

Post count: 555

there nothing to install you go to cloudflare websit @ https://www.cloudflare.com/ and sign up and then set it up…

Post count: 181

It’s asking me to change my nameservers, is this correct for WordPress? 🙂

Post count: 555

Yes,too get on cloudflare network you need to used they nameservers…

Post count: 555

@Gee95 i have to go too work now,they a lot of info on the site that can help you set up correctly…bless

Post count: 9544

@Gee95

several of your errors should be set on on the server/hosting side of things and not via WordPress / plugins

1) gzip/deflate must be set to “on” for your server; contact your hosting provider
2) browser caching is controlled via expiration headers for content; with Apache it’s easy with htaccess file (see the pagespeed sticky topic for my settings)
3) vary/accept encoding header, set at server

Note that is why these items are marked “server” when doing test check on speed. These items are good for about 20 points alone and should be done first before doing anything else as these are necessary for ANY website, especially WP, to run faster (or really, to run properly).

Post count: 181

@neotrope Thanks, i’ve selected the option ‘Compress all content’ in my cPanel, this should do the trick. Thanks for all the tips guys 🙂 Will report back soon.

Post count: 18

Thanks a lot for those tips =]

Post count: 2

Is there a non-plugin way to eliminate the render-blocking CSS issue?

Post count: 9544

@ericsan
not really; and it’s not that big of an issue technically.

one of my sites which has this “warning” has a pagespeed for desktop of 97, 91 for mobile, and 85 for mobile UX (no CMS used; all hosted locally).

To give you an idea how funky that “suggested” fix actually is, with the first version we got warning of “only 54% of your page could load to render blah blah” and had pagespeed of 91; we changed around some stuff, got pagespeed of 97 but now says “only 1% of your page could load … try to fix render blocking ….”

Well, 350k page with 1400 DOM elements, loads in 1.3 to 1.6 seconds, has pagespeed of 97 desktop and 91 mobile. SO, big whoop.

If your speed is above 91/92 and you still get “suggestion” for render blocking, you can likely ignore it. It’s pretty hard to get a higher speed with a complex WordPress news portal which has bootstrap 3 as underpinnings.

So, it’s usually best to work out EVEYTHING else first, then if all you have left is “render blocking blah blah” … then you can get on with your life.

To get maximum speed you have to massively optimize your content, figure out how not to load any external stuff from social media, google, etc. — tricky.

Post count: 29

while using Cloud flare my mobile menu and sliders are not working without them my page speed sucks.I dont know what to do now.

http://mavcure.com/

Post count: 51

Hi @nihar105479, With the last 2 changes I found the best way to resolve all issues with cloudflare was to do a full cache purge in the settings. I then had to do a full purge on the browsers including your mobile devices, sometimes twice.

Another thing I did was under Performance settings I made sure under “Auto Minify (Web optimization)” that JS was de selected. Its better to adjust this through the booster or other plugins mentioned by others.

  • This reply was modified 12 years by Peter.
Post count: 29

Thanks Peter for the reply.I have purged the cache but still didnt resolve the issue.I have nt used the speed booster yet.

Post count: 555

I’ve came across a awesome plugin that a lot off people might find very usefull,the reason i’m sharing this plugin is because it have a lot of usefull features to better ur wordpress also the theme…

Plugin is called Custom Functions by Shamim Hasan

Features:

1. Change amount of posts on the home page.
2. Change amount of posts on the search page.
3. Change length of excerpt.
4. Automatically mark as spam all comments with an url longer than set chars.
5. Set the post revisions unless the constant was set in wp-config.php already.
6. Control When Your Posts are Available via RSS.
7. Automatically empty trash after set days.
8. Change Admin footer.
9. Add favicon to head.
10. Remove unnecessary links from wp_head.
11. Redirect to home page after login.
12. Hide admin bar from front end for non admin.
13. Disable back end access for non admin users.
14. Login with both Email/username.
15. Show only own uploaded media in library.
16. Restrict user to upload only jpg,jpeg,png,gif type of media.
17. Stop images getting wrapped up in p tags when they get dumped out with the_content() for easier theme styling,
18. Call the google CDN version of jQuery for the frontend.
19. Call Googles HTML5 Shim, but only for users on old versions of IE.
20. Change login screen error messages to “Think you have gone wrong somwhere!”.
21. Show post thumbnail in RSS Feeds.
22. Disable RSS Feeds.
23. Display the Most Accurate Comment Count.
24. Custom admin menu link for all settings.
25. Enable admin to set custom background images in ‘appearance > background’.
26. Remove pings to self.
27. Sharpening resized jpg images.
28. Enable Gzip.
29. Prevent user email change from profile.
30. Block comments with no-referrer.
31. Remove word “Private: ” infront of title of private post/page.
32. Disable the theme/plugin editor in Admin.
33. Disallow anything that creates, deletes, or updates core, plugin, or theme files.
34. No more jumping for read more link.
35. Enable custom Breadcrumbs.
36. Disable Search in WordPress.
37. Disable Admin nag.
38. Remove wordpress version number.

This plugin works so great you can find it via wordpress @ this url

http://wordpress.org/plugins/custom-functions/

Post count: 28

Good job you are doing there but seriously, i wouldn’t recommend to install these untested, unknown plugins.

I once did it and after some months i had to note that many visitors had problems with the rendering etc, even though i couldn’t simulate that problem.

Even caching plugins can make a lot of problems, there can’t be any ‘perfect settings’ because it depends on many factors, may it even be your web hoster.

Be careful guys with these system-interfering plugins 😉

Post count: 555

I’m not forcing any one to install no plugins,i’m just sharing what works for me with out any issues..it’s up to the user to install it at they own risk..bless

Post count: 109

@Steven

I’ve installed the speed booster plugin and noticed a huge speed improvement. Like you advised, i add the 4 .js files in the exceptions.

To not break any slide are the menu on mobile please add these files in the
Exceptions (files to ignore and load in render-blocking way) box to the bottom

jquery.min.js
external.min.js
site.min.js
js_composer_front.js

The problem is that there are some problems:

1. The header menu is not sticky and the pull down columns are to small
2. There are no header image visible at theme 4 (other templates are ok)

Did i miss a file to exclude?

Thanks in advance!

JB

Viewing 25 posts - 26 through 50 (of 73 total)
The forum ‘Newspaper’ is closed to new topics and replies.