草根吧VPS_最新VPS信息参考本文介绍了如何结合两种方法来提高WordPress用户头像（Gravatar）的加载速度。 即对于有Gravatar头像的用户，将头像下载到本地缓存；对于没有Gravatar头像的用户，使用LetterAvatar下载头像。 头像头像。 实现纯前端生成角色头像。
我只是提供一些想法，一些代码可能需要更改。
我们不会在这里详细讨论这个问题。
要稍后将字母头像分配给没有 Gravatar 头像的用户，请识别没有 Gravatar 头像且必须分配给的用户。 。 avatar 指定一个暂定名为 class=”letteravatar” 的类。 头像的 CSS 是根据类设置的（可选操作），并执行下面的 JavaScript 代码。
Pandan 博客使用以下代码 $avatar = “” 更改为：
if( strpos($a,’default’) ){ $avatar = “ ” ; } else { $avatar = “
“;}
因此，您可以自行决定添加类：Letteravatar。
转载本文 转载于禁止任何形式。请联系Time is on the Road www.timezls.com。
其中的代码可能会根据需要进行修改。
第2步：使用 用于生成字母头像的LetterAvatar js代码。>完整代码可以在此处查看和复制。
禁止转载本文，任何格式的转载请联系。作者在 Time on the Road www.timezls.com 保留所有权利
图像是延迟加载的。 同样使用下面的代码：
原代码需要稍作修改，参见代码中的注释：
LetterAvatar.transform = function() { Array.prototype.forEach.call(d) .querySele ctorAll(“.letteravatar[alt]”), //这里是原代码中的img[alt] 更改 .letteravatar[alt] function(img, name, color) { name = img.getAttribute(“alt”); img.getAttribute(“color”); img.src = LetterAvatar (name , img.getAttribute(“width”) ), color); // 此处更改原代码中的头像。img.setAttribute(“alt”, name) })};if (typeofdefine === “function” &&define.amd) {define(function() { return LetterAvatar } )} else { if (typeofexports !== “未定义” ) { if (模块类型！= “未定义” && module.exports) { 导出 = module.ex 端口 = LetterAvatar 导出.LetterAvatar 。 EntListener(“DomContentLoaded”, Function (Event) {Letteravtar.transform ()})}}} (窗口，文档);
