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