is it better to load header and footer on multiple pages or load main div Granular between header and footer in a single page

wich is better?

1.fixed header and footer and load body of pages

    $(function(){
      $("#bodySection").load("/pages/Main/main.html"); 

    });

2.fixed multi pages and load footer and header

$(function(){
  $("#header").load("header.html"); 
  $("#footer").load("footer.html"); 
});