How to set the display order of registerConnectorClass and Lazyload image?

Development

AI-generated summary

Bcat is seeking help with two issues. Firstly, they want to control the display order of registerConnectorClass elements in the below-site-header section. Despite inserting elements in a specific order (A and B), B always precedes A, and they want to reverse this order. Secondly, they are experiencing issues with Lazyload images, which seem to load simultaneously, resulting in a large page load size (~20Mb) for first-time visitors. They are looking for a way to optimize the loading of these images, potentially by modifying the template code <img class = "d-lazyload" src = "{{t.image_url}}">. A demo of the issue can be found at https://thuvienmuasam.com.

1

How to set the display order of registerConnectorClass and Lazyload image?

Question:

  1. I inserted something into below-site-header (Call it A and B). But the B always precedes the A.
    How to arrange A to stand before B.
    image
    I want to add the list I have added to the list of posts!

  2. I have taken some posts out, but the image seems to be loading at the same time, or I’m not sure. But for now, turning off the cache is equivalent to first-time visitors needing ~ 20Mb to load the page.
    So in the template can we write <img class = "d-lazyload" src = "{{t.image_url}}"> into something to make it load better?

Demo: https://thuvienmuasam.com