Amazing

Thank you ??

I might have spoken too soon.

The plugin conflicts with the Elementor [built in] Progress bar (which is pretty nice). When the frontend page loads, the bar, its inner text, and the percentage do not appear. However, if I naviate to the end of the page and return to the progress bar, it is there, albeit without appearing in that progressive way that is so attracive.

The bar is present on the backend and functions as it should and as it did before installing your plugin. I deactivated your plugin and the progress bar works as it should.

I love the improved speed of your plugin. It’s wonderful, but I also love the progress bar. I haven’t, unfortunately, been able to find another progress bar plugin to replace the one that comes with Elementor. So I hope you have a solution because I sure do want to keep you excellent plugin.

With thanks,

Paul

Dear Paul

I’m so sorry about your problem. May I have a screencast or more visual explaination about what you concerns?

One last thing, may I know if there is error message in browser’s developer tool? (On Chrome, press F12 key, then open the Console tab, all errors will be there. Please send them to me.)

I will improve this plugin ASAP.

Regards

I am attaching two images. The one titled “Before plugin install” is how the element worked before installing your plugin. The one titled “After plugin install show how the bar, its inner text, and the percentage do not appear. Interestingly, when I pressed F12 to open the inspector, the missing parts appeared.

Here is the error report:
content.min.js:2 [Deprecation] Element.createShadowRoot is deprecated and will be removed in M73, around March 2019. Please use Element.attachShadow instead. See https://www.chromestatus.com/features/4507242028072960 for more details.
(anonymous) @ content.min.js:2
pageModifier.js:113 check for duplicates: insertTimeout
content.min.js:2 [Deprecation] Element.createShadowRoot is deprecated and will be removed in M73, around March 2019. Please use Element.attachShadow instead. See https://www.chromestatus.com/features/4507242028072960 for more details.
(anonymous) @ content.min.js:2
content.min.js:2 [Deprecation] Element.createShadowRoot is deprecated and will be removed in M73, around March 2019. Please use Element.attachShadow instead. See https://www.chromestatus.com/features/4507242028072960 for more details.
(anonymous) @ content.min.js:2
content.min.js:2 [Deprecation] Element.createShadowRoot is deprecated and will be removed in M73, around March 2019. Please use Element.attachShadow instead. See https://www.chromestatus.com/features/4507242028072960 for more details.

Then I found this after a second look following a refresh:
Uncaught TypeError: Cannot read property ‘querySelector’ of null
at cbpHorizontalSlideOutMenu._init (frontend.min.js?ver=1.1.6:408)
at new cbpHorizontalSlideOutMenu (frontend.min.js?ver=1.1.6:398)
at frontend.min.js?ver=1.1.6:499
at frontend.min.js?ver=1.1.6:501
at frontend.min.js?ver=1.1.6:503

Hope this help, and thanks.

Paul

Thank you, Paul.
I will check all given information and then improve the plugin. When new version released, I will inform you to try. So please let me know if the newer version can fix your problem.

Regards

Okay. Thanks.

I sure do hope you succeed. Elementor is perhaps the most popular page builder now, so it would be great if your superior plugin worked with at least all their included elements.

FYI, I have tried about a half dozen other performance plugins, including the most popular with hundreds of thousands of activations, and none of them have even come close to the GTmetrix PageSpeed scores your plugin produces.

Dear Paul,

Thanks again for your sincere comments. I will try harder to create a really useful plugin for the community.

I have not found the images attached to your message above. Sorry, could you please send them back to me?

Best regards.

I don’t see an attachment option on this WP form. I’ll try opening another thread to see if it’s available there.

Yeah, no attachment feature. Just go to https://elementor.provisionhouse.org/ and see for yourself. It’s under “Success Rate Comparison”. Scroll to the footer at the bottom of the page, then scroll back up and you’ll see the elements have fully populated.

I am still in the process of modifying the site template, an Astra theme using the Elementor page builder.

I installed another progress bar. I disabled all plugins. Both progress bars worked until I enabled your plugin, the last one I enabled, then they both didn’t work.

Just thought you should know.

Dear Paul,

Thanks for your attemps sending me the attachments. An I have viewed your website.

Did you mean that before installing my plugin, the progress bar only works after scrolling the page to the footer and scroll back up? I’m also seeing the same problem on the link you sent me, and I don’t see my plugin installed. That means, in addition to the progress bar that conflicts with my plugin, there may be other reasons why the progress bars don’t work properly.

Firstly, you may need to add below tiny script at the bottom of <body> tag to fix your progress bars.

<script>jQuery(function(){Waypoint.refreshAll()});</script>

I am trying to reproduce the problem with the progress bar on your website, because currently your site has not activated my plugin. I will respond to you when I found the cause of the problem and have the solution to fix it.

Regards

• This reply was modified 5 years, 11 months ago by shinsenter.

Yes, I did mean that before installing your plugin, the progress bar only works after scrolling the page to the footer and scrolling back up.

Your plugin was not activated because I’ve been experimenting with other plugins to see if I can get decent page speed with the progress bar element also working until your plugin is fixed.

I am not well versed in code, so I will probably just wait until you figure out a solution with your plugin and then activate it.

It may be that the problem is often if jQuery is loaded with async or defer it can break some jQuery functions, specifically inline scripts which require jQuery to be loaded before the scripts are run. Maybe that’s why I have to scroll to the bottom of the page so that the jQuery function can be loaded?

I think there is a problem with a library on your page called Waypoint (shipped with the Elementor), which does not triggered the progress bars at right position.

You may copy&paste the code I posted into the end of body tags, that will tell Waypoint to recalculate the right position of all elements on your page, including the progress bars.

<script>jQuery(function(){Waypoint.refreshAll()});</script>

Okay, thanks. I’ll give it a try. There’s no plugin that produces results like yours.

Dear Paul,

I have released new version of the plugin defer.js (v1.1.3), hope it could solve your issues.

Regards