将页眉/页脚保留在JQM多页面中的最有效方法是什么？

Question

我正在寻找一种有效的解决方案来在jQuery Mobile Multipage设置中维护相同的页眉和页脚。该页面提供了一个＆＃34;选择类别＆＃34;功能包括50个页面中的约300个类别。

e.g。

<div data-role="page" id="select_maincat">  
   <div data-role="header" class="fixedHeader">...</div>
   <div data-role="content">
        <h1>Wählen Sie eine Kategorie aus:</h1> 
        <ul data-role="listview">
           <li><a href="#dienstleistungen">Dienstleistungen</a></li>
        </ul>     
    </div>
    <div data-role="footer" data-position="fixed">...</div>
</div>

<div data-role="page" id="dienstleistungen">  
    <div data-role="content"> 
        <ul data-role="listview">
        <li><a href="#betreuung-pflege">Betreuung & Pflege</a></li>
        </ul>     
    </div>
</div>

...

使用PHP在MP内的每个页面添加相同的页脚/标题很容易，但是会显着增加加载时间，因为它是相当多的代码，这对我来说看起来效率不高。我正在寻找一种优雅的解决方案，以便尽可能减少加载时间。

我发现了类似的帖子：How to keep same header/footer across pages in jQueryMobile?但这似乎不是完全相同的问题。

感谢您对此提供任何帮助。