url-image | Asynchronous image loading in SwiftUI | Frontend Framework library

I have a streaming app consists of multiple channels and each channel has DVRs.On the main page, all channels are displayed in rows according to their categories. And When the user clicks on a channel item it goes to a detailed page that contains DVRs in a horizontally scrollable row. All channels and DVR items have images and I am loading images from URL by using URLImage (https://github.com/dmytro-anokhin/url-image) library. The issue is when I run the app, the channel images load from right bottom to top left which is from the last item to the first item. When I click on a channel and navigate to a detailed screen, the images for the DVRs start loading from right to left, which is from the last item to the first item. And this creates a problem because the channels have too many DVR data and it takes 5 seconds to load all images. It would be great if it started to load the images from the first item so even if it takes 5 seconds the user would not realize and get effected.

I do not understand why it acts this way. Is there a solution to fix this issue? How can I force it to start loading from the first item to the last one. Here is my code to display DVRs in:

ScrollView does not update after loading data. ScrollView successfully displays data only after I switch to another screen and come back. https://youtu.be/0q3R6LaKbnE

For asynchronous image loading, use: https://github.com/dmytro-anokhin/url-image

I have the following really simple code in a content script that runs whenever a button in my "popup.html" file is pressed:

Section of code inside "inject.js"

I have a WP site and I am trying to achieve the following. I need on 3 different pages a separate image in the footer. I did find an answer how to do it the following way placing this code in the footer:

In my application, users have their own profile page in which there is their profile picture (I'm using react router to deal with routes on client side).

What I want to do is: when a user sends link to his profile on messenger/slack/twitter then the thumbnail of the link should be his profile photo.

I know that I need to do this by sending correct meta tag, i.e.

But I am not sure how to implement this, what should I know about it? I found a thing called prerender, but I am not sure if it's for React

I'm trying to use img src as background-image of its parent div (with the same class) with jQuery way, but I need to apply the concrete url of its img child to every div without changing or adding extra classes or id, so that each div parent applies a corresponding different background-image.

My HTML is something like this: