- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
Hello jad,
Unfortunately, the only tutorial regarding on speed optimization is this -> https://forum.tagdiv.com/how-to-make-the-site-faster/ Please keep in mind that the speed optimization is not related by our theme but only depends on how well your website is optimized. For more custom modifications in this regard, please consult the Chris topic from the Best of Forums, like this -> https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/ and there you should find other ways to improve your website speed pages.
Thanks for your understanding!
Hello jad,
Unfortunately, we cannot provide support for Skype or through other ways of chats, sorry!
Please notice that the speed of your website depends on how well your site is optimized. Please notice that this is not a simple task and if you do not have any experience in this regard you will do not bring good results for the theme. Please notice that we have a speed optimization tutorial but this is addressed only to advanced users. So, if you follow the steps which are presented in this tutorial here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ you can increase the page speed loading and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because the speed optimization services is not covered by our support policy, as you can read here -> https://forum.tagdiv.com/support-policy-2/
Thanks for your understanding!
Try deleting via FTP.
Clear all caching if used by site/plugin/CDN.
Clear your web browser cache/history.
Resave permalinks.
Clear transients with wp-optimize.
Hi
The theme shouldn’t request 16GB ram if the site have 500 visits, on our tests this never happen. Please check the WP Memory Limit from System Status and make sure that there is a set a high value: http://screencast.com/t/LUw3schkvYyo Also check this link for more details about updating php memory limit: https://forum.tagdiv.com/system-status-parameters-guide/
You can also try to use a cache plugin and a cdn service for a better performance and to reduce server’s load: https://forum.tagdiv.com/cloudflare-cdn/ – https://forum.tagdiv.com/cache-plugin-install-and-configure/ Consider also using the query cache to optimize queries made to database: http://dev.mysql.com/doc/refman/5.7/en/query-cache.html
Hope this helps!
Thanks!
That is entirely up to you and your web host and has nothing to do with the theme.
Basically you want to work with host to “optimize for wordpress….”
You do not have to have OpCache installed … it’s “recommended” — and is part of server setup and not part of WordPress or the theme.
Info on the differences between the two things you’re asking about:
https://forums.cpanel.net/threads/mod_ruid2-vs-suphp-costs-vs-benefits.269601/
But yes, OpCache is recommended.
So, yes, worth changing.
Yes, you need to optimize your site, no single plugin fixes everything.
Check your post with gtmetrix.com for examples of how to fix things if you did everything in the tutorials section here.
Page builder elements – The “Mobile theme” is designed for users who want to optimize the page content for mobile devices or they want to display fewer / different elements on mobiles. For optimal performance we removed the page builder (Visual Composer) dependency; this means you cannot use the page builder elements for the “Mobile theme” pages.
If you want to display the same elements on both mobile and desktop, don’t use the mobile theme, the main theme is already capable of this with it’s responsive design for mobiles.
Hi,
Well it does slow down the site that’s for sure but this depends on how may elements you use. Everything you add extra every plugin every block every animation every image slows down the site a tiny bit. All together if there are many complex elements will result in slow loading sites. Not using visual composer will result in a faster website but you will be better off optimizing your site rather than not using the theme blocks and grids. You will get better speeds just by optimizing your site rather than just removing VC. Try to optimize your webste using this guide: https://forum.tagdiv.com/how-to-make-the-site-faster/
Test your site with google page speed and gtmetrix beforehand, and then test after the optimization. After you increased your speed try to simply disable visual composer and then test again to see how much the speed increases and if it;s worth it.
Thank you!
I really don’t get why this theme is so slow for my site. I’m talking aol dialup slow, on a live med/high traffic site. There’s nothing on my site that’s really out of the ordinary. I optimize my images, did the cache, have many of the same plugins as my old theme, have the minimum requirements for the theme, etc.
So last question — could it be because I installed it as the demo WITH the content (later deleting the content). Should I try reinstalling it with no demo content? Thanks.
And by the Andrei,
You missed one very important point, you checked the homepage but usually, Google or real people visit individual homepage quite often. And on the individual posts, the same .js and .css file ( One Akismet .js files and other 5 css file 2 from Google API and 3 from a tomatoheart plugin VC and style.CSS .
Have a look at the Google Pagespeed Insight for one of the post : http://tomatoheart.com/webjockey/facts-about-bb-ki-vines-bhuvan-bam/ at https://developers.google.com/speed/pagespeed/insights/?url=tomatoheart.com%2Fwebjockey%2Ffacts-about-bb-ki-vines-bhuvan-bam%2F&tab=desktop
Here, mobile and desktop score is almost same: 66/68 ( Snapshot here: https://i.snag.gy/GEvA1z.jpg )
Render blocking Codes from Desktop are:
Remove render-blocking JavaScript:
http://domain.com/wp-content/plugins/akismet/_inc/form.js
Optimize CSS Delivery of the following:
http://domain.com/…in/public/css/facebook-login.css?ver=7.3
http://fonts.googleapis.com/…0,700|Amiri:400,700|Lora:400,700&ver=7.3
http://fonts.googleapis.com/…italic,700,900,500italic,400,300&ver=7.3
http:/domain.com/…r/assets/css/js_composer.min.css?ver=7.3
http://domain.com/…ntent/themes/Newspaper/style.css?ver=7.3
You can check it for any posts of my website and you will find the same thing. SO, the issue is not only with Mobile version.
You may want to look at it again.
-
This reply was modified 9 years by
Nano.
Hi
Please refer to our documentation for more details in page-speed regard: https://forum.tagdiv.com/how-to-make-the-site-faster/ Try to optimize the images following google’s docs: https://developers.google.com/speed/docs/insights/OptimizeImages Also you can use leverage browser cache to reduce the size of the css/js resources served by the server: https://gtmetrix.com/leverage-browser-caching.html
To minify js you can use Speed Booster plugin which loads the minified version of js for the theme. Also for css you can try clodflare; https://forum.tagdiv.com/cloudflare-cdn/
Hope this helps!
Thanks!
I have install this theme 3 mounth ago but my site is works too slow to talk. I have seen this following problems website. Please help me.
Enable compression
Minify JavaScript
Optimize images
Minify HTML
Minify CSS
Thanks
Mohi Uddin
Hello Fitlogy.com,
Reported problem in this topic was related to image feature, right? I have checked your website and I didn’t saw any problem with your featured images. All of these seems to work as properly. If is not what you mean, please provide more details and also, you can provide a screen pointing to the desired result, it would help us to understand what you’re trying to do.
If you refer to speed optimization, please notice that the speed of your website depends on how well your site is optimized. Please notice that this is not a simple task and if you do not have any experience in this regard you will do not bring good results for the theme. Please notice that we have a speed optimization tutorial but this is addressed only to advanced users. So, if you follow the steps which are presented in this tutorial here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ you can increase the page speed loading and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because the speed optimization services is not covered by our support policy, as you can read here -> https://forum.tagdiv.com/support-policy-2/
Hope this helps!
Thanks for your understanding!
Hello,
You do not need to be a designer but if you want to bypass he css cascade effect you will require a bit of knowledge. Css works like this on every website as it is the way it was programmed to work. That is why it;s called ‘cascading style sheets’. It works on re-writes. it overwrites it’s code on every change and you can see these overwrites if your connection is slow or your website is not optimized. The links Nano mentioned are useful in learning how to bypass this with minimum knowledge required.
Thank you!
Hello Leofitz,
Unfortunately, I cannot compare both websites because on this website here -> http://newstest.meta-morphos.es/ you are using the Mobile Theme and on the mobile mode has the totally different layout. Also, please try to get rid of it all the custom implementation and try the theme like at default settings. The Revolution Slider is fully optimized for mobile mode. Also, if you are using some untested plugins, please try to disable all of them and leave just Visual Composer to active, clear all your caches and install only the plugins that come bundled with the theme and rule out any conflicting plugins. If you want to display more levels in the theme and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!
Thanks for your understanding!
Hey Chris and nairolf,
It was midnight here and I slept so, couldn’t reply to both of you. Sorry 🙁
I am thankful to nairolf for putting efforts in trying to help me and give me the right direction. I was finally able to make speedbooster working by his help yesterday ( and also disabled one 301-redirection plugin by adding few codes in functions.php because of his motivation to use fewer plugins 🙂 )
Chris is my old fav and his detailed ( and many times witty! 🙂 ) tutorial has helped me a lot to optimize my website in the past.
Anyways, on this point,
I am not sure which codes under Chris’s codes are effecting the Query strings and should I try to change “10 to “101 or max” under this code:
function remove_cssjs_ver( $src ) {
if( strpos( $src, '?ver=' ) )
$src = remove_query_arg( 'ver', $src );
return $src;
}
add_filter( 'style_loader_src', 'remove_cssjs_ver', 10, 2 );
add_filter( 'script_loader_src', 'remove_cssjs_ver', 10, 2 );
or any other?
I also tried to add one code suggested by KEYCDN here: https://www.keycdn.com/support/remove-query-strings-from-static-resources/ Code is:
function _remove_script_version( $src ){
$parts = explode( '?ver', $src );
return $parts[0];
}
add_filter( 'script_loader_src', '_remove_script_version', 15, 1 );
add_filter( 'style_loader_src', '_remove_script_version', 15, 1 );
It didn’t work either .. perhaps for the same reason why Chri’s code didn’t work. May be I should try changing the number 15 to 200 or something?
For nairolf’s suspicion , I checked all other related plugins to see if any function is forcing the query strings behavior that we set in functions.php but couldn’t find anything. I am using itheme security plugin and here I have checked an option which says ” Replace jQuery version with safe version” ( see here: https://i.snag.gy/4SKTg3.jpg ) Previously my Jquery version was 1.12.4 or something but now it’s showing 1.11.1 . Just informing you if it’s the reason behind something.
Other thing I noticed under Yoast SEO, where I have checked “Remove the ?replytocom variables. ” option. Though it serves a different purpose but somehow related to these query thing.
Nairolf said somewhere above that “at least on Newspaper 7.4, is impossible to remove the query string with conventional functions for all resources.”
Then how did you finally removed these strings Nairolf or you didn’t ?
Can’t we move these CSS even with these query strings? And more immportantly, one very important point which you both missed from my previous comment that, after doing required modifications to speedbooster.php, I can actually see that Style.css, fonts and facbook login CSS etc have moved to footer ( Checked “View Source” page of my post on Google chrome) and when I removed JS modifications from speedbooster.php, I saw it coming up on the “view source code”
If sppedbooster were not working with these CSS files, why it would have moved these files from top to footer. The main question is “why it still appears on Google Pagespeed score? ”
Or perhaps it is appearing GPS because GPS is suggesting to remove these query strings and not raising any flag over whether it has been moved to footer or not?
PS: I can understand that tt can be really big tough to deal with a non-progrmmer like me but let me assure you that I do things carefully and I can be instructed very well 🙂
Thank you.
-
This reply was modified 9 years by
Nano.
Hi
The server configuration seems to be fine.
We made some tests in the past with 70.000 posts in db and the theme worked almost fine, the delays in admin were no bigger then 3-4 seconds, but I have to mention that we didn’t had the amount of traffic as your site does.
Debugging this issue on such a big site is not an easy task and also require a lot of time and some specific skills. The best way would be to make clone of the site on a development domain if possible and try to debug there this issue. When the site grows like this it’s also recommended to contact a person who can handle issues related with server configuration, memory spikes or conflicts between themes and plugins.
If you can setup a clone on your site let us know and also give as admin to it so we can have a closer look and make some additional tests. We would prefer a test site to void any possible issues which may occur while we make the tests.
WordPress makes a lot of requests to database in admin panel and the response time is very much influenced by how well is database optimized. Here I’ve found some informations which may help for a good optimization: https://code.tutsplus.com/tutorials/speed-up-wordpress-caching-and-database-optimization–cms-22055 – https://www.keycdn.com/blog/speed-up-wordpress/
You can also contact your host provider and ask him if he have some specific suggestion to optimize the database and also for php.
It may also be helpful a tool for monitoring the queries, an example would be https://wordpress.org/plugins/query-monitor/ or https://wordpress.org/plugins/p3-profiler/screenshots/ From the reviews I’ve noticed that these plugins are very useful in this regard.
Another important aspects is the authors/editors numbers. Do you have many of them, also many of them are simultaneously logged in on the site and perform actions? If many users are logged in the queries made by wp and are multiplied and server need to handle a bigger load.
Thanks!
Hello,
I have Newspaper 7 installed. Everything seems to work, but some of the sorting options in Visual Composer don’t work. Random posts and Oldest Posts are two examples.
I have tried this without any cache plugin, with every plugin but Visual Composer installed. I have cleaned and optimized my database, and I even tried manually adding the code to the post.
Nothing seems to work.
Any ideas?
Here’s an example:
[vc_row][vc_column][td_block_trending_now category_id=”902″ category_ids=”902″][td_block_big_grid_3][/vc_column][/vc_row][vc_row el_class="td-ss-row"][vc_column width="1/3"][td_block_18 custom_title=”Vida Prática” header_text_color=”#ffffff” header_color=”#1e73be” category_id=”11″ limit=”12″ ajax_pagination=”next_prev”][/vc_column][vc_column width="1/3"][td_block_18 custom_title=”De Olho na Mídia” header_text_color=”#ffffff” header_color=”#00b584″ category_id=”10″ limit=”12″ ajax_pagination=”next_prev”][/vc_column][vc_column width="1/3"][vc_widget_sidebar sidebar_id="td-td_demo_sidebar_tech"][td_block_7 custom_title="Mais Lidas" post_ids="528,486,491,220,420,509,568,490,519,515" sort="oldest_posts" limit="10"][/vc_column][/vc_row][vc_row][vc_column width="2/3"][td_block_1 custom_title="Doutrina Cristã" header_text_color="#ffffff" header_color="#c48211" category_id="12"][td_block_21 custom_title=”Mitos e Fatos” header_text_color=”#ffffff” header_color=”#b52020″ category_id=”9″ limit=”4″ ajax_pagination=”next_prev”][/vc_column][vc_column width="1/3"][td_block_7 custom_title="Você já leu?" sort="random_posts"][vc_wp_tagcloud taxonomy="post_tag"][/vc_column][/vc_row][vc_row][vc_column][td_block_16 custom_title=”Dúvidas Comuns” header_text_color=”#ffffff” header_color=”#c9b100″ category_id=”16″][td_block_16 custom_title=”Últimas Postagens” header_text_color=”#ffffff” header_color=”#145791″ limit=”10″ ajax_pagination=”next_prev”][/vc_column][/vc_row]
Your advice: Spend 90% of your time to improve & optimize the content for your posts!!!
Nothing else to say now. I really need to work on this. I spent most of my time in the optimizing website, customizing etc. and very less time with my authors and editors 🙁
Thank you 🙂
“Do you really think that I should decrease the number of plugins anyhow?”
only my opinion: definitely yes.
Even if they are reputable plugins (nobody is perfect) doesn’t mean they are bug exempt. Generally when updates are made, a large percentage of the work is intended to fix bugs/errors. Generally with each update (themes/plugins/etc.), you can see that the code in changed files, grow up. Many times when you use “third parts” maybe you call the same library twice, jam another plugin, broke theme itself, etc.
Have many features on the site has its downside, if you accept the “price” is your decision.
my advice: Spend 90% of your time to improve & optimize the content for your posts!!!
¿Of what good does have a stratospheric web if nobody find you in the Google serp’s?
HI
It’s recommended to also update WordPress at latest version available, which currently is 4.6.1. Like this the site will be more secure better optimized.
Thanks!
Hi A,
- Deactivate and remove the VC plugin from WP dashboard
- Install WP-Optimize plugin and delete the transient
- Go to the folder plugins in your theme, unzip the js-composer. You’ll obtain a js_composer folder
- Log in to FTP and upload this folder (js_composer) into the plugins folder
- Log in WordPress, go to the plugins and activate again VC
- Delete your cache
P.D.: take care, sometime when unzip/unrar compress files is generate folder into folder. I mean you’ll see a folder and inside that folder you have again another folder with the same name. Always use the folder that is inside for upload to FTP.
Cheers.
-
This reply was modified 9 years by
nairolf.
Hello Andrei,
Thanks for the detailed response. Actually, I had made the lazy load off that’s why you couldn’t notice it. Currently, I have enabled it again and now you will be able to see the same issue again. Visit this again: https://tomatoheart.com/manisha-choraria/kids-manage-finance/
As I said, it disappears only when “Fade & Scale” or “Up fade” option is selected under loading effect. In case, I made it off or select “Fade (Full)”, It works very well. ( Check this screenshot: https://i.imgur.com/xUhvWum.jpg )
I know there is no issue with theme options or anything and it’s happening because of the compatibility issue of my this custom CSS
.wp-caption-text a {
background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0;
display: inline-block;
padding: 0 3%;
}
.wp-caption-text, .wp-caption-text a {
color: #fff;
font-size: 10px;
margin-top: -28px;
text-align: left;
line-height: 20px;
margin-left: 3px;
}
I rmember , under a different thread here : https://forum.tagdiv.com/topic/image-caption-disappeared-and-jpg-are-not-in-centre-in-smart-list/#post-131943 Bogdan has said that this code effects only externally sourced image and he has suggested a new code, which is working very well even with smart list style but somehow he wasn’t able to shift the “image caption” both in the bottom left ( it stays in the bottom center)
SO, I am using Bogdan’s code specifically for Smart list styles and using my code for all other places ( here it works with both internally and externally sourced images )
Example for bogdans code : https://tomatoheart.com/akshita/13-science-backed-reasons-indian-superstitions/
Example for my code: https://tomatoheart.com/manisha-choraria/kids-manage-finance/ ( It will disappear in milliseconds because of the current setting )
One better solution can be that if we can style Bogdan’s code in a way that it gets the same style as I am getting with my code. The only issue is to move caption box to bottom left. It will also solve “Lazy load” issue as his code works well universally.
Or you can check the compatibility of my code with last two lazy loading options.
I am repeating it again that theme is working very well and it’s just because of my custom code but any help will be appreciated.
With regard at Speed Booster, I can see it’s working but can’t see it impacts on Pagespeed, with ON or OFF, I don’t see any changes in the number of .JS or .CSS file under render blocking .
Does it work only for the internal .js and .css files , not for the external one?
A look at the current Pagespeed score: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Ftomatoheart.com%2Fmanisha-choraria%2Fkids-manage-finance%2F&tab=desktop
Remove render-blocking JavaScript:
https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
https://tomatoheart.com/wp-includes/js/jquery/jquery.js
https://tomatoheart.com/…cebook-login/public/js/facebook-login.js
https://tomatoheart.com/…ntent/plugins/ytsubscribe/ytSubscribe.js
https://tomatoheart.com/wp-content/plugins/akismet/_inc/form.js
Optimize CSS Delivery of the following:
https://tomatoheart.com/…book-login/public/css/facebook-login.css
https://fonts.googleapis.com/…3A400%2C700%7CLora%3A400%2C700&ver=4.6.1
https://fonts.googleapis.com/…italic,700,900,500italic,400,300&ver=7.3
https://tomatoheart.com/…r/assets/css/js_composer.min.css?ver=7.3
https://tomatoheart.com/…ntent/themes/Newspaper/style.css?ver=7.3
You can notice that all are internal .js or .css files related to either a theme or plugin. Why can’t it move theme related .js and .css files? what about googleAPIs and external plugins like Facebook login and YTsubscribe plugin ? Is Speedbooster unable to render it?
How can I check that what .j and .css files , speedbooster is succesfully moving?
You may want to answer these things, whenver you have time. Thank you very much.
-
This reply was modified 9 years by
Nano.
Hi
@Sasser The theme is written according with WordPress standards and it’s optimized for best performances. However there are many factors which can influence site’s load time. I’ve checked your site with google page speed and noticed that is not optimized for a good performance. As @Chris pointed you ca uses our page speed guide as a start.
I’ve checked your site with google page-speed and from its reports I’ve noticed that there are a few images which slow the load time. Try to optimize the images following google’s docs: https://developers.google.com/speed/docs/insights/OptimizeImages Also you can use leverage browser cache to reduce the size of the css/js resources served by the server: https://gtmetrix.com/leverage-browser-caching.html
To move render-blocking resources in page’s footer you can use Speed Booster plugin. We covered in our documentation at point 5 how this plugin can be used.
Other useful information about page speed can be found in these topics: https://forum.tagdiv.com/topic/help-moving-style-css-and-fonts-googleapis-com-to-footer/ – https://forum.tagdiv.com/topic/speed-booster-questions/ – https://forum.tagdiv.com/topic/mobile-view-problem-3/
Hope this helps.
Thanks!
I have been having some trouble with the hosting company’s server capacity. I am very pleased with their service but that now say that NewsVoice.se is using too much server power and I need to optimize the WP installation.
What optimizing plugin or service do you recommend for a TagDiv theme and/or WP installation?
What cache optimizing plugin do you recommend for a TagDiv theme and/or WP installation?