registerConnectorClass과 Lazyload 이미지의 표시 순서를 설정하는 방법?

registerConnectorClass의 표시 순서와 Lazyload 이미지를 어떻게 설정하나요?

질문:

  1. below-site-header에 항목을 삽입했습니다(A와 B라고 부르겠습니다). 그런데 B가 항상 A보다 앞에 표시됩니다.
    A를 B보다 앞에 놓으려면 어떻게 해야 하나요.
    image
    제가 추가한 목록을 게시물 목록에 추가하고 싶습니다!

  2. 몇몇 게시물을 제외했는데, 이미지가 동시에 로딩되는 것 같거나 확실하지 않습니다. 하지만 현재로선 캐시를 끄는 것이 최초 방문자가 페이지를 로드하는 데 약 20Mb가 필요하다는 것과 동일합니다.
    따라서 템플릿에서 <img class = "d-lazyload" src = "{{t.image_url}}">를 더 잘 로딩되도록 어떤 것으로 변경할 수 있을까요?

데모: https://thuvienmuasam.com