loading | This could take a while

Most of my WordPress websites have a background image in the top fold. These images are the Largest Contentful Paint Element on the page and usually they get loaded last. Somewhere I read that 'Background images are last in line to be grabbed when a page is loaded'. Is it true?
Is it a good idea to use a place holder or image in the place of the background image and then change it later so that the LCP gets loaded quickly like below.

First time actually using anything to do with swing - sorry for the poor code and crude visuals!
Using swing for a massively over-complicated password checker school project, and when I came to loading in a JMenuBar, it doesn't render properly the first time. Once I run through one of the options first, it reloads correctly, but the first time it comes out like this: First render attempt
But after I run one of the methods, either by clicking one of the buttons that I added to check if it was just the JFrame that was broken or using one of the broken menu options, it reloads correctly, but has a little grey bar above where the JMenuBar actually renders: Post-method render

The code for the visuals is as follows:

The minimal reproducible code below aims to have a loading icon when a button is pressed(to simulate loading when asynchronous computation happen).

For some reason, the Consumer Provider doesn't rebuild the widget when during the callback.

My view:

I'm making a POC with Lumen and Vue.JS. For now it just has to send a "hello world" message from the Lumen back-end to the Vue.JS front-end (which works). I have made an event which is triggered upon loading the page like this:

Error when loading Image

I have now gotten this error multiple times after accessing my project on a different computer then coming back to my laptop.

I tried finding a solution online to this error but could not find anything about this specific error. I cleared the unity cache and other project settings to try and fix this issue based on similar issues.

Edit
Moved answer from the question to the posted answer.

I am trying to add a loading spinner to a web application where I have been provided with an animated gif that should be used as the icon. Right now I'm doing this with a div that is initially hidden via CSS and then is shown when I want to indicate loading. I'm using the following CSS on this div so that when its shown the loading gif appears in the center of the screen

I'm using PDFDownloadLink from the react-pdf package to generate a PDF on the fly in my application and allow the user to download a report based on data being passed to the component that generates the PDF document. However, there are more than 400 pages that need to be rendered in this PDF, and this operation blocks the main thread for a few seconds. Is there any way to make this operation asynchronous, so the rest of the application will continue to function while the PDF is being generated? Also I would like to be able to cache the results, since the data being passed to the component can come from about 8 different arrays of data, which don't change very much, so switching between these arrays I would rather not to have to render the PDF all over again if the PDF for that given array has already been generated once before... I'm guessing the blob data needs to be stored somewhere, perhaps localStorage?

I've been using the YouTube IFrame API to shuffle multiple of my playlists together. I've got a very bare-bones HTML page with a 'next' and 'previous' button, and a bunch of javascript that loads up and plays videos and handles the button events.

The general order of events when the script loads is

Machine Setting:

• GPU: GeForce RTX 3060

• Driver Version: 460.73.01

• CUDA Driver Veresion: 11.2

• Tensorflow: tensorflow-gpu 1.14.0

• CUDA Runtime Version: 10.0

• cudnn: 7.4.1

Note:

1. CUDA Runtime and cudnn version fits the guide from Tensorflow official documentation.
2. I've also tried for TensorFlow-gpu = 2.0, still the same problem.

Problem:

I am using Tensorflow for an objection detection task. My situation is that the program will stuck at

2021-06-05 12:16:54.099778: I tensorflow/stream_executor/platform/default/dso_loader.cc:42] Successfully opened dynamic library libcublas.so.10

for several minutes.

And then stuck at next loading process

2021-06-05 12:21:22.212818: I tensorflow/stream_executor/platform/default/dso_loader.cc:42] Successfully opened dynamic library libcudnn.so.7

for even longer time. You may check log.txt for log details.

After waiting for around 30 mins, the program will start to running and WORK WELL.

However, whenever program invoke self.session.run(...), it will load the same two library related to cuda (libcublas and libcudnn) again, which is time-wasted and annoying.

I am confused that where the problem comes from and how to resolve it. Anyone could help?

Discussion Issue on Github

===================================

Update

After @talonmies 's help, the problem was resolved by resetting the environment with correct version matching among GPU, CUDA, cudnn and tensorflow. Now it works smoothly.