Loading issue on the home page

Demo created: https://silly-archimedes.82-223-43-34.plesk.page/

Hello @peopleinside

On your demo website, the loading screen is working fine on the home page. Please watch the video by visiting the link below. I reloaded the browser and pressed the home menu option multiple times:

https://resources.developers4web.com/cff/tmp/2024/03/23/video_o.mp4

Best regards.

Yes sorry, I will alert as soon the issue occur. The issue is that after a while the working get broken. I will inform as soon the issue occurs. I sent the link when the issue was present but after an operation manual the issue has disappeared. It loads well also for me now… but should be temporarily.

I don’t know why now I’m unable to replicate in the demo.
If I resist to keep my site in this condition, I returned to your plugin and I’m facing now the issue at my blog https://www.peopleinside.it but the issue happen also on https://www.marcoborla.it

Video: https://app.screencast.com/eG9s3emECQsAc

Thanks for your patience.

• This reply was modified 8 months, 1 week ago by peopleinside.

To don’t remove the issue I will leave peopleinside with the issue.
I’m seeing marcoborla it where I deactivated now the option “Show loading screen when clicking on link”, saved settings and then activated the option again. After do that now in marcoborla it the loading is showing but this would not mean the issue is resolved as in some minutes or hour I expect marcoborla it will be again broken.

I really don’t understand why this issue and I tried all cache plugin and all cache plugin has the same issue and no cache plugin allow to exclude a plugin loading. You can, in some cache plugin exclude just pages.. I think the issue can be related to the cache but I don’t explain why this issue occur. In the demo I set, that is a copy of marcoborla it the issue is not happening, strange. I returned to your plugin and I see the issue in my two websites.

Yesterday the issue was present also in another website but on that website the issue seems is fixed automatically after a while, something that I don’t see happen in my two website marcoborla and peopleinside.

Hello @peopleinside.

There are many cache management plugins. Most of them include options to exclude scripts, CSS files, and inline code from processes like deferring script loading and execution, merging files, or minification. Please configure the cache plugin you have installed to ignore CSS and JS files that contain “/wp-content/plugins/loading-page” in their URLs, the inline scripts with loading_page_settings variable, and finally, do not apply defer to the jQuery library.

Best regards.

The only things I see is never cache the following page field in the cache plugin. As I showed in the video above all Group & Minify is disabled.

Every cache plugin that I had tested has been tested without Javascript optimization. Without Minify. The issue is present.

Also in the currently cache plugin that I’m using I cannot exclude the plugin as no Javascript and minify optimization is active but your plugin still have issue on the home page :-S

Seems it’s hard to get your plugin works in this mine two websites. I cannot understand how to fix the home page loader issue that I have not with my previous loader plugin but i want use your ??

Hello @peopleinside

Could you please enter a large number via the “Clean Cache” option in the “WP Speed of Light” settings (Like 100 Days), purge the website and browser caches, and let me know if the issue persists?

Best regards.

Sure I will do right now and update you but if I change this to be 100 days means maybe my website will show old content not updated and also I cannot explain why the issue is not present in some other websites where I’m using the currently caching settings in use now.

• This reply was modified 8 months, 1 week ago by peopleinside.

Tested, the issue persist also with 100 days and cache cleaned so I can resume the default 40 min is not this the issue.

Hello @peopleinside

Please note that if you add any parameter to your home page URL your plugin to handle the website cache loads our plugin resources (scripts and styles). Ex.

https://www.peopleinside.it/?no-cache=1

Please try entering the following block of code directly in the header.php template file in the theme active on your website:

<link rel='stylesheet' id='codepeople-loading-page-style-css'  type='text/css' media='' />
<link rel='stylesheet' id='codepeople-loading-page-style-effect-css'  type='text/css' media='' />
<script type="text/javascript" src="https://www.peopleinside.it/wpi22/wp-includes/js/jquery/jquery.min.js" id="jquery-core-js"></script>
<script type="text/javascript" src="https://www.peopleinside.it/wpi22/wp-includes/js/jquery/jquery-migrate.min.js" id="jquery-migrate-js"></script>
<script type="text/javascript" src="https://www.peopleinside.it/wpi22/wp-content/plugins/loading-page/js/links.min.js" id="codepeople-loading-page-link-script-js"></script>
<script type="text/javascript" src="https://www.peopleinside.it/wpi22/wp-content/plugins/loading-page/loading-screens/logo/loading-logo.js" id="codepeople-loading-page-script-logo-js"></script>
<script type="text/javascript" id="codepeople-loading-page-script-js-before">
loading_page_settings={"loadingScreen":1,"closeBtn":true,"removeInOnLoad":false,"codeblock":"","backgroundColor":"rgba(33,48,73,.8)","foregroundColor":"#778bca","backgroundImage":"","additionalSeconds":0,"pageEffect":"none","backgroundRepeat":"no-repeat","fullscreen":0,"graphic":"logo","text":true,"lp_ls":{"logo":{"image":"https:\/\/www.peopleinside.it\/wpi22\/wp-content\/uploads\/2022\/04\/default-monochrome.png","grayscale":"0","blink":"1"}},"screen_size":"all","screen_width":0,"deepSearch":1,"modifyDisplayRule":0,"triggerLinkScreenNeverClose":1,"triggerLinkScreenCloseAfter":4};
</script>
<script type="text/javascript" src="https://www.peopleinside.it/wpi22/wp-content/plugins/loading-page/js/loading-page.min.js" id="codepeople-loading-page-script-js"></script>

Best regards.

I tried but if I put that code in the header the loading is no more working maybe because is duplicate code.

I really cannot understand why there is issue only on the home page and what is happening to work for some minutes then broke. Also is strange I face issue with any cache plugin that I can try with Javascript and CSS optimization disabled.

I still not understand how can I resolve, I cannot disable the cache.

Hello @peopleinside

Please try the following modification in our plugin code and then purge the website cache.

Open the /wp-content/plugins/loading-page/loading-page.php” file with the text editor of your choice.

Go to the piece of code:

if (
  ! isset( $_SERVER['HTTP_USER_AGENT'] ) ||
  preg_match( '/bot|crawl|slurp|spider/i', sanitize_text_field( wp_unslash( $_SERVER['HTTP_USER_AGENT'] ) ) )
) {
  return $loading_screen;
}

And edit as follows:

/*******
if (
  ! isset( $_SERVER['HTTP_USER_AGENT'] ) ||
  preg_match( '/bot|crawl|slurp|spider/i', sanitize_text_field( wp_unslash( $_SERVER['HTTP_USER_AGENT'] ) ) )
) {
  return $loading_screen;
}
**********/

Best regards.

Edit done, for now is working but I’m still monitor it. Will be very awesome if this will resolve the issue as I love so much your loading page plugin ??

Fingers crossed. Thank you, I hope, really hope in the next hours the loading still working so this issue can be considered fixed and all is working fine with your extension. ??