最近经常在别的博客上看到“页面加载时间 n 秒”的效果,然后群里也有人在问,所以今天就写一篇 WordPress 添加网址加载时间的教程吧。
效果预览
在页面底部或侧边栏显示类似“页面加载时间:0.123 秒”的文字提示。
使用方法
将以下代码放置在需要显示加载时间的位置(例如主题的 footer.php 文件中),刷新网站即可看到效果。
页面加载时间:<?php timer_stop(1); ?> 秒
代码说明
这段代码使用了 WordPress 内置的 timer_stop() 函数。参数 1 表示显示到小数点后 1 位。如果需要更精确,可以修改为其他数字,例如 3 表示显示到小数点后 3 位。
高级用法
如果你希望将加载时间封装成一个短代码(Shortcode),方便在文章或小工具中调用,可以将以下代码添加到主题的 functions.php 文件中:
function display_page_load_time() {
return '页面加载时间:' . timer_stop(0, 5) . ' 秒';
}
add_shortcode('load_time', 'display_page_load_time');
添加后,在文章或文本小工具中使用短代码 [load_time] 即可显示加载时间。其中 timer_stop(0, 5) 的第二个参数 5 是精度,代表显示到小数点后 5 位。
注意事项
- 代码应放置在 PHP 文件(如主题模板文件)的
<?php ... ?>标签内。 - 修改主题文件前,建议先创建子主题或备份原文件。
- 加载时间显示的是服务器端生成页面的时间,不包括网络传输、浏览器渲染等时间,因此与浏览器开发者工具中看到的总加载时间可能不同。