Way To Load A Page With JS - HTML And PHP

I'm experimenting with different ways to sequence the different coding required in order to reach the same end result (a dynamic, loaded page with results of database queries.

Whats the best way to go about it in terms of achieving best speeds possible and creating an easy to maintain and modify code? Theres lot's of different tables i need to queury. Should i...

1. Hard code only the most basic HTML tags like HTML, HEAD, and BODY, as well as container divs for the different page fragments i want. Once these are rendered (body onload), make all AJAX requests needed for all different parts of the page and load each of those segments individually and asynchronously, appending the AJAX responses to the tags once processing is complete.

2. Same as above, but instead of making Ajax queries onload, write static php for the page that loads before any HTML is rendered. This i think would make it less flexible but may be slightly faster ? Or is the speed the same as in previous example ?

3. hard code only a single HTML tag, and do all processing using AJAX, then append all the result as one big single child to the HTML tag once everything is done.

4. Is there another better way to go about it than these?