Issues with JS render-blocking round trips

Also in addition to the increase in render-blocking round trips, the implementation of the optimization cause the icons one some parts of my website not to load. that is why i tried to do the restoration.

However, for some reason the restoration gets an error before getting completed but at least the icons are showing now. but the 2 render-blocking round trips issue is still pending.

I apologize for multi posting but i have an update about the issue. I think it was actually caused by adding this plugin instead WP YouTube Lyte (which i understand is the same creator). After removing the plugin the render-blocking round trips went back to 1.

I can post the issue on the other plugins WP page or can you please help me resolve it from here?

Not entirely sure what you mean with:

2 render-blocking round trips

I’m afraid.

What LYTE does is:
* add a dummy YT player in the HTML, replacing the “fat” youtube player
* add inline CSS to style that LYTE player
* add inline JS to load a JS file in a non-render blocking manner

Maybe GTMetrix does not like the inline JS, but from a _real_ performance point of view (as in time it takes to load the page and to fully load it and to load the video), the page with LYTE will invariably be _a lot_ faster. And from a user point-of-view, time is what counts, not a score or a list of recommendations ??

But if you have the URL of a GTMetrix test with that complaint, I’ll be happy to have a (quick) look to make sure I’m not missing anything!

Hi there,

I tested it again. When I do the google speedtest on my site without the yt lyte but using the default youtube player i was getting only 1 JS/CSS render-blocking round trips and a mobile score of 96/100 but after implementing I was having 4 JS/CSS render-blocking round trips and the score dropped to 84

the results with gtmetrix were different:
gtmetrix score before with the normal youtube player:
https://gtmetrix.com/reports/myhealthyair.com/lS4i2Wje

and here it is with the lyte player:
https://gtmetrix.com/reports/myhealthyair.com/6bo0ARbe

Also, despite the increase in what google reports as JS/CSS render-blocking round trips another issue when adding the video after i connect the plugin is that a line of code appears on the site just below the player:
css=”.vc_custom_1530263360924{background-color: #d7f7f7 !important;}”]

please check my website to see what I’m talking about:
https://myhealthyair.com

thank you for looking at this issues,

in addition to the info above, this is the results from pagespeed insights after the implementation.:

https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fmyhealthyair.com%2F&tab=mobile

well, I’ll be honest; I have no idea how LYTE as such (which adds very little extra CSS or JS) or asyncJS (which only adds the defer-flag) could cause the extra round-trips.

regarding gtmetrics; this shows your page is faster with lyte, which is the main thing to look out for (6.2 -> 5.5s) and even the scores are better ??

lastly css=”.vc_custom_1530263360924{background-color: #d7f7f7 !important;}”] is code added by your pagebuilder (visual composer), no idea how it got there I’m afraid ..

frank

I am using thegem which is one of the most used WP themes. so I am sure many more will face similar issues with me.

That’s a pity you can’t recommend a fix since i can’t leave my site with having a code visible to the user.. Therefore I have to switch back to my initial plugins.

best regards,

afraid I don’t have control over what your theme’s pagebuilder (visual composer/ wp bakery) adds underneath the lyte div.

as this concerns a premium theme, I suggest you contact the theme author (you pay him for it after all ?? ) for help?

the only thing I can do is confirm that the (broken) CSS is not lyte’s and that you could try between different ways to add the LYTE vid (shortcode, httpv-link or lyte widget) to see if this makes a difference?