WordPress中是否有可单独禁用站点Logo懒加载的代码?
WordPress仅针对站点Logo禁用懒加载实现方案
完全可以在不改动站点其他资源懒加载配置的前提下,单独给Logo关闭懒加载,根据你站点主题的Logo实现方式,选对应方案即可:
方案1:主题使用WordPress原生自定义Logo功能(绝大多数正规主题均采用该方式)
直接通过WordPress原生过滤器钩子实现,不用改模板文件,把下面的代码添加到当前子主题的functions.php文件,或者通过自定义代码片段插件插入即可:
add_filter( 'wp_img_tag_add_loading_attr', function( $loading_attr, $image, $context ) { // 匹配自定义Logo的输出上下文 if ( 'the_custom_logo' === $context ) { // 强制设置为立即加载,关闭懒加载 return 'eager'; } // 其余所有资源保留原有懒加载配置 return $loading_attr; }, 10, 3 );
方案2:主题硬编码输出Logo(未走原生自定义Logo接口)
- 找到主题中输出Logo的模板位置,通常为
header.php文件 - 给Logo对应的
<img>标签手动添加loading="eager"属性即可,修改示例如下:
<img src="/path/to/your/logo.png" alt="站点名称Logo" width="180" height="60" loading="eager">
注意:所有代码修改请在子主题中操作,不要直接修改父主题文件,避免主题版本更新后自定义修改被覆盖。
内容的提问来源于stack exchange,提问作者Nyanhongo Blessing
相关产品推荐
相关产品推荐

