導(dǎo)讀:建站文章建站文章本文講述的是如何將提高 WordPress 用戶頭像（Gravatar）加載速度的兩個(gè)方法合并處理，即將有 Gravatar 頭像的用戶的頭像下載到本地緩存，并網(wǎng)站如何搭建網(wǎng)站技術(shù)。

本文講述的是如何將提高 WordPress 用戶頭像（Gravatar）加載速度的兩個(gè)方法合并處理，即將有 Gravatar 頭像的用戶的頭像下載到本地緩存，并模板織夢(mèng)且將無(wú)Gravatar頭像的用戶的頭像，用 LetterAvatar 實(shí)現(xiàn)純前端生成字母頭像。

我這僅僅是提供一dede網(wǎng)站模板些思路，需要對(duì)一些代碼進(jìn)行改動(dòng)。

首先是對(duì)有 Gravatar 頭像用戶的頭像執(zhí)行本地緩存

這個(gè)，在?露兜博客?中有詳細(xì)介紹，包括代碼，我這里就不多說(shuō)了。

因?yàn)楹竺嬉o無(wú) Gravatar 頭像的用戶分配字母頭像，所以需要判斷哪些是無(wú) Gravatar 頭像用戶，并給這類用戶的頭像指定一個(gè)類（class），暫且定為 class="letteravatar" ，根據(jù) class 來(lái)設(shè)定頭像的 CSS（非dede58模板必要操作） 和執(zhí)行后面 JavaScript 代碼。

那么，露兜博客中，后面的代碼?$avatar = "<img alt='{$alt}' src='{$a}' class='avatar avatar-{$size} photo' height='{$size}' width='{$size}' />"?要 改為：

即通過(guò)判斷來(lái)增加了一個(gè) class：letteravatar 。

本文禁止住轉(zhuǎn)載。任何形式轉(zhuǎn)載請(qǐng)聯(lián)系作者（時(shí)光在路上 ｗｗｗ．ｔｉｍｅｚｌｓ．ｃｏｍ）。時(shí)光在路上保留所有權(quán)利

露兜博客 中的代碼可根據(jù)自身需要而進(jìn)行必要的修改。

第二步：使用 LetterAvatar js 代碼生成字母頭像

完整代碼可以在此查看并復(fù)制。

注意，如果你也使用了延遲加載（懶加載）圖片的 js 代碼，一定要將下面這段代碼在懶加載代碼之前加載。

原 js 代碼需要略微修改，參見(jiàn)下面代碼中的注釋內(nèi)容：