如何实现页面执行时间统计代码动态添加进html代码内

需求：如何实现页面执行效率检测，类似本博客底部显示页面执行时间的统计功能？这样的统计代码，需要在页面所有程序执行加载完毕后再统计，结果才准确，常规来说，所有页面加载完毕再输出统计数据，结果将出现在标签后。那么，如何才能将这段包含执行时间的html代码插入到标签之前，并根据一定样式显示出来呢？

这里先引用一个思维导图：

// 引自：《jquery实现动态添加html代码》 https://www.cnblogs.com/wanghuih/p/5755932.html

利用jquery实现动态添加html代码，jquery功能强大，根据我的需要，选用$(#).prepend('content')方法，用于向每个匹配元素内部的起始位置追加指定的内容，实现标签内部插入内容。

我的smarty模板底部代码如下：

修改smarty的display()方法，在每次display()输出页面文件后，再将php所获得的最终执行时间输出至整个页面最末尾，如下效果：  

浏览器执行该段文件的时候，将会把最末端追加的时间文件渲染到页面指定ID元素内，如下图的效果，页面加载相关html内容已经成功插入到id="process_time"元素内，大功告成！

以上是关于本博客每个页面执行效率统计功能的代码实现方式，php相关的部分未做记录。