Ajax call "Get HTML"ou "get JSON"?

Quelle est la meilleure pratique?

Faire un appel AJAX "get HTML" ou un "get JSON" avec du HTML à l'intérieur ?

Mon cas:

J'utilise AJAX pour mettre à jour le contenu de ma div "container". J'utilise la méthode fetch pour imprter du HMLT. Cela fonctionne très bien.

function loadContent(url, title) {
    fetch(url)
        .then(response => {
            return response.text();
        })
        .then(html => {
            const parser = new DOMParser();
            const doc = parser.parseFromString(html, "text/html");
            const content = doc.querySelector("#main").innerHTML;
            document.getElementById("main").innerHTML = content;
        })
        .catch(err => {
            console.warn(err);
        });
}

Je m'interroge sur la meilleur pratique.

Dois-je importer des données html dans un fichier JSON comme ci-dessous ?

{
  "title": "Title",
  "data": "<main id="\container\>data</main>"
}