I am loading parts of my site (the header, footer and navigation) from separate HTML files like this

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

```

I am doing it this way to make editing certain elements for the entire website easier once I have developed more pages, the finished project will have around 20-30 pages.

The problem isn't the actual loading of them, they appear correctly as intended.

---

**My Question**:

Is it better for performance of the finished product to keep each of these elements inside every HTML file and then if i need to edit go back through each of them?