MVC tabs faster page loads

Question

I have a page that contains many tabs (5), and each tab when clicked loads different page with form fields and populates them.

I want to be able to load these pages faster when each tab is clicked. What is the best way to load pages in MVC when a tab is clicked. Should I be using partialviews vs. normal views? Is there a better way of doing this, to achieve the optimum page loads, like via ajax where no page refresh is needed?

  <ul class="nav nav-tabs">
    <li><a href="@Url.Action("Edit", "Ordx", new { id = orderid })">General</a></li>
    <li><a href="@Url.Action("Items", "Ordx", new { id = orderid })">Item</a></li>
    <li class="active"><a href="#">Total</a></li>
    <li><a href="@Url.Action("Shipping", "Ordx", new { id = orderid })">Shipping</a></li>
    <li><a href="@Url.Action("Comment", "Ordx", new { id = orderid })">Comment/Note</a></li>
    <li><a href="@Url.Action("Preview", "Ordx", new { id = orderid })">Preview/Send Order</a>     </li>
 </ul>

Answer 1

try bootstap tabs.

By using partial views it is more faster to load and understand.