Hey nairolf,

After referring to your comment and the link provided, finally, I successfully activated the speed booster plugin and successfully moved all .JS files in the footer.

In my previous attempt, I was not able to find the correct CSS and JS ID, but this I found it. Reason?

Just discovered the real issue behind why we usually are not able to find the correct .js and .css id for adding it to the td-speed-booster.php and the issue was: I was copying text from the wrong location.

Like me, We all usually copy the “Registered .JS and Registered .CSS code” that appear on the top of the WordPress admin page where we have just added the “code” in functions.php code.

Actually, it displays only those .CSS and .JS codes that loads under WordPress Admin Dashboard panel. To find the actual codes, you must visit either your homepage or any post and then copy the “Registered .JS and Registered .CSS ” file into a text.

But in the case of CSS files, Google Pagespeed still showing various .CSS files

https://domain.com/…in/public/css/facebook-login.css?ver=7.3
https://fonts.googleapis.com/…0,700|Amiri:400,700|Lora:400,700&ver=7.3
https://fonts.googleapis.com/…italic,700,900,500italic,400,300&ver=7.3
https://domain.com/…r/assets/css/js_composer.min.css?ver=7.3
https://domain.com/…ntent/themes/Newspaper/style.css?ver=7.3

Though when I check the “View Source” of my post on Google Chrome, I can see these CSS moving from top to footer ( checked with and without adding the code and noticed the difference) , it’s just that it’s not appearing on Google Pagespeed result. Of course, I cleared all kind of Cache ( Super Cache+ Cloudflare) before checking it, but it’s not reflecting on Google Pagespeed result.

Only one .JS file still appears o some of the post, ie:

http://domain.com/wp-content/plugins/akismet/_inc/form.js

Do you know ID for Akismet so that I can attempt to move it too?

One more important thing- Under some thread, somebody mentioned to search for CSS ID using “View Source” page on Google Chrome but the ID that appears on this page like :

<link rel='stylesheet' id='facebook-login-css'  href='http://domain.com/wp-content/plugins/wp-facebook-login/public/css/facebook-login.css' type='text/css' media='all' />
<link rel='stylesheet' id='google-fonts-style-css'  href='http://fonts.googleapis.com/css?

These IDs contain “-css” at the end but it doesn’t work . Actually ID as found using this method ( Point 5.2) , doesn’t contain -css in the ID and it works well.

So, one should use ‘google-fonts-style’ as CSS ID not ‘google-fonts-style-css’

Can you tell me why it’snot displaying on Google Pagespeed? Is there something else that I need to look on?

Thank you.

PS: I am planning to remove https://wordpress.org/plugins/host-analyticsjs-local/ plugin. Don’t know if it’s the reason behind low traffic

• This reply was modified 9 years by Nano.

Hey,
Just discovered the real issue behind why we usually are not able to find the correct .js and .css id for adding it to the td-speed-booster.php

Like me, We all usually copy the “Registered .JS and Registered .CSS code” that appear on the top of the WordPress admin page where we have just added the “code” in functions.php code.

Actually it displays only those .CSS and .JS codes that loads under WordPress Admin Dashboard panel. To find the actual codes, you must visit either your homepage or any post and then copy the “Registered .JS and Registered .CSS ” file into a text.

Hope it helps 🙂

Cheers!

Hey nairolf,

Happy to see you again 🙂

Yes, you pointed out correctly, this was the method I have tried previously to find IDs but then what does mean by what Andrei wrote :

“To keep it always activated comment or delete the indicated lines from td-speed-booster.php: http://screencast.com/t/RZLIOPUNdqh Also make sure that you added the correct ids for the resources which intent to move.”

He said to add the correct IDs too after deleting the indicated line. What is he trying to say? How should I add IDs then . Is it something different than what is written here :https://forum.tagdiv.com/how-to-make-the-site-faster/ under point-5 ?

If you have any idea of how it should be done correctly so that I can move all these .JS and .CSS files for my plugins correctly, please share the link of the tutorial.

Also, I am taking your advice ( on lowering the plugin number ) very seriousely.. Three days back, I installed a plugin which helps to host Google Analytics code locally ( https://wordpress.org/plugins/host-analyticsjs-local/ ) but I noticed huge decrement in the number of unique vistors and adsense clicks in last three days. Can it be related ( your comment ) ?

Thank you.

Hey Andrei,

I will try everything you wrote above but first let me quickly ask and tell you few things ( Else I have to wait till monday 🙂 )

I have already commented out the code you mentioned here few days back : http://screencast.com/t/RZLIOPUNdqh and under system status it says it’s active “https://i.snag.gy/QFe4y5.jpg” . I haven’t yet changed or modifed any IDs here http://screencast.com/t/uCFJxcIAlu . Is it not working because of that ? Though I can see “TD spped booster ” is mentioned under the “View source code” of my homepage or any page on “Google Chrome”

Actually I dont know how I should do it correctly .Once I had tried by getting the ID using debugging but couldn’t see find appripriate code for plugins like Facebook login and YT subscribe. Can you please tell me ( or give me tutorial link ) for how it do it correctly.

I have also sent you a mail with login credentials too check whatever you wish to.

Thank you very much for all your assistance. 🙂

PS: Excusme for any mistake in this mail. I am trying to make it fast so that you can read it today 🙂

Hey Andrei, Don’t you have something to say on https://forum.tagdiv.com/topic/tagdiv-speed-booster-not-removing-js-render-blocking-and-other-related-issue/#post-134766 ? 🙂

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 🙂

Hi nairolf,

Thanks for the helping hand. I never thought that changing CSS/js file frequently many cause an issue for SEO but for now onwards, I will try to stick with one design 🙂

About plugins, I have cut my plugin number to 21 and I need to add few more plugins like WP Quiz pro, ElegantThemes Share, and email opt-in plugin.
All these plugins are highly reputable and updated and have very low resource need as per P3 plugin profiler reports. I can understand the compatibility thing but don’t know on what ground it can cause security issues too if these are well-coded plugins.

Do you really think that I should decrease the number of plugins anyhow?

Anyways, I will surely take care of whatever you said above and thank you very much for the wish 🙂

I get it. In fact, I had manually typed https://tomatoheart.com/webjockey/ and found it’s working..but when I went to page two, it was not working. I thought it’s an issue… but perhaps it’s not. The generated author profile link is https://tomatoheart.com/author/webjockey/ ( as you wrote) and all pagination is working very well there.

Thank you 🙂

Thank you. 🙂

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.

It worked perfectly as I wanted it to work 🙂 🙂

It appears that lazy-load “up-fade” was the reason behind it.
But with “Full” animation it’s working. any way to make it work with “Up-fade” animation?

Hi Andrei,
Yes I am following your reply there and waiting for your further comment. It appears that lazy-load “up-fade” was the reason behind it.
But with “Full” animation it’s working. any way to make it work with “Up-fade” animation?

Thank you.

Finally something worked 😀 😀 😀 … Thank you very much.

Just one small CSS thing. I tried all possible waty to adjust author image so that it can come in the same horizontal line in which author name is written but I didn’t succees. Here is what CSSI have used:

.avatar-42{
float:left;width:42px;height:42px;border-radius:42px;margin:-25px 8px 6px 0;
}

Here is how it looks: http://i.imgur.com/zskzhM6.jpg

I to move “Author Name” down, so that it can be either in the middle or in the same line to that of Author image. I have tried adjusting author image but it didn’t work. May be some custom CSS code for adjusting “Author Name” can help.

Thank you.

Oops! I get it now. Thank you Chris and nairolf 🙂
Any suggestions for real Lazy load options or plugins ?

Any suggestions on why Tag div booster uanble to remove render blocking and other related issue when I have already applied it for all the plugins? It’s still showing these many files under render blocking thing under Pagespeed: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Ftomatoheart.com%2F&tab=desktop


#Remove render-blocking JavaScript:
https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
https://domain.com/wp-includes/js/jquery/jquery.js
https://domain.com/…cebook-login/public/js/facebook-login.js
https://domian.com/…ntent/plugins/ytsubscribe/ytSubscribe.js
#Optimize CSS Delivery of the following:
https://domain.com/…book-login/public/css/facebook-login.css
https://fonts.googleapis.com/…3A400%2C700%7CLora%3A400%2C700&ver=4.6.1


Anywork around? At least for Google APIS and jquery.js which ware not fired by plugin but by theme and speedbooster must take care of theset two.

Also,
Yesterday I cam to know about this amazing plugin which can set “Leverage browser caching” for external .js files too which are not yet effective by “expiry rules” that we set under .htaccess. the plugin is Complete Analytics Optimization Suite (CAOS)

Have any of you used it? Anything to say on this or if you have any alternative for this ( with or wothout plugin ) ?
Thank you.

• This reply was modified 9 years by Nano.

OMG!! Is it so? Almost all plugins with name “Lazy Load” actually add a function to load image only when scrolls down to it. I still believe that TagDiv team must have made more than just an animation effect.

Can you cite any Tagdiv link which says it’s just an animation?
And let me check by disabling this, if it can solve the issue.

Hi Andrei: Here is one of the link : https://tomatoheart.com/manisha-choraria/kids-manage-finance/

Please let me know if you need login credential. I will send it to your support email. Thank you.

Hi nairolf,

Yeh, I will try that too but the thing is all of this I am doing to increase the speed. If I have to disable lazy load. I think it will have impact on speed of the page too.

Still, to understand the problem better, I will surely give it a try.

Thank you 🙂

Hey,

Thank you. Yes, finally it worked for Td Speedbosster.I used file without compression and it worked 🙂

Though, Cloudflare’s awesome rocket loader still mysteriously make it ( the image caption box) disappear. Here I have recorded the event to make you all understand better. Have a look: http://i.giphy.com/l3vR3RDKHR5S16orS.gif

Initiall, you will notice the word “Via” in a semi-transparent gray box in the bottom left corner and then it disappear mysteriously after image loads completly . It happens only when “Rocket loader” is enabled.

Anyway way to bypass this event for rocketloader? Because rocketloader speedup site really well.

Thank you.

I tried adding this code at the end of parent style.css but nothing happened. I mean I lost the image caption design. What shoudl I do?

Ps: First I compressed the code using csscompressor and then added it to already minified style.css .

Hi Nairolf,
Let me try if it works in that way.

And yes, With previous theme , I was using more than 35 plugins but currently I am using 25+ plugins. These are all highly reputable , irrestable plugins that I can’t afford to loose and most of them are very less resourceful as per Godaddy’s P3 profiler.

And I am not alone.. there are many who use so many plugins. Have a look here for the inspiration 🙂 : https://digwp.com/2015/09/how-many-plugins/

If you want to see the snapshot of various users with more than 30 plugins, click this link:

https://digwp.com/wp-content/uploads/2015/09/way-too-many-plugins-08-large.jpg

and keep changing the digit under this link to see more such snapshots.

Hi Andrei, Thanks for the quick response . I hope you must have taken care of the fact you need to use “different author image” other than “default avatar” in the above shown example of yours. Because the problem is- it shows the default avatar at the place of real author image.

It’s becoming harder to solve this now but one thing is sure. I am still facing thing issue is only with style types with single_templates.php files. I am unable to understand what is wrong where.

For example, Here is how a single post calls for the small author image.

1. This is the code I took from view source when a loop_single style type was active, which displays author image correctly.

<div class="td-module-meta-info">
<img src="https://domain.com/wp-content/uploads/2016/09/AAEAAQAAAAAAAAd_AAAAJDdiYzA5Mjc2LWQzOWEtNDM5NC04YzkwLTQ1ODk4MDM0MzFlYg-200x198.jpg" width="42" height="42" alt="Amardeep Singh" class="avatar avatar-42 wp-user-avatar wp-user-avatar-42 alignnone photo"/><div class="td-post-author-name"><div class="td-author-by">By</div> <a href="https://domain.com/author/amardeep-singh/">Amardeep Singh</a></div> </div>

2. This is the code I tool when single_template style was active for the same post. It shows the default avatar

<div class="td-module-meta-info">
<img src="https://domain.com/wp-content/uploads/2016/08/domain-Fevicon-iOS-152-152x150.png" width="42" height="42" alt="" /><div class="td-post-author-name"><div class="td-author-by">By</div> <a href="https://domain.com/author/amardeep-singh/">Amardeep Singh</a></div> </div>

Can you spot why the same code is calling for two different images under different style type? Since you are developer , you may spot things that I am unable to find.

• This reply was modified 9 years by Nano.
• This reply was modified 9 years by Nano.

Hi Bogdan,

I have asked a related question under new thread here: https://forum.tagdiv.com/topic/tagdiv-speed-booster-not-removing-js-render-blocking-and-other-related-issue/

Please try to give some time to it.

Thank you.

I understood that it’s a difficult task . So, I am leaving this customisation for now. Thank you. 🙂

Hwy Chris, what kind of fonts do we have with Newspaper theme or Google fonts? Are these woff2 type? How can I conert my fonts to Woff2 type?

Is there any way to upload our own 2-3 fonts that we use on our side and then disable google fonts for speed optimisation?

Thank you. 🙂

Hello Bogdan,

It’s indeed a big task for non-programmers like me and hence is still continue 🙂 So, here is the latest theory :

As in my third post, I said- We don’t have place to insert this code in all loop_single.php files.

In fact it’s only available under Loop_single.php ( default), 1, 5,9 and 10.

There were no such place to add these codes for loop-single 2.php , 3,4.6,7,8,11,12 and 13 and hence you told me to look for right place under corresponding single_templates. Right?

Now, though I discovered the right place under single_template.php but today I noticed that our codes are working well here on my side too, but only with style ( default), 1, 5,9 and 10 because these codes belong to loop_single ( default), 1, 5,9 and 10.

for those style for which we inserted the code under single_template ( 2,3,4.6,7,8,11,12 and 13 ) , it’s NOT WORKING and hence now it’s your turn to prove it’s working on your side under these styles too 🙂

( in fact more than proof, I want solution 🙁 )

Thank you.