• 维护主题插件开发者利益,本站取消所有破解模版获取方式!
  • 最美的贴图库,分享最美的那一刻我要分享
  • 手把手教你申请QQ公众帐号,公众空间
  • 简单的PHP域名授权函数
  • 免插件实现Adblock检测,全网通用
  • Phuong My 2015时尚独特女性魅力
  •  2年前 (2015-02-10)  慢生活  技术宅 隐藏边栏 评论关闭  94 
    文章评分 0 次,平均分 0.0

    之前Gravatar 服务器被墙被迫使用了https 的头像,还有七牛缓存和反向代理各种方法。但是不管用啥都有抽风的时候,本来网站速度挺快的,因为个破头像慢的一逼,于是就有了废掉这货的想法。

    一开始想的是自己做个头像系统,但是毕竟登录的人毕竟不多,还是行不通。也有过使用lazyload 的想法,说实话我对那个插件没啥好感,总感觉页面滚起来卡卡的- -然后就弄了现在这个。

    默认不加载头像,只有鼠标划过评论的时候才显示头像。PC端用了mouseentter,移动端了使用touchstart 事件,虽然不是很完美,但是至少提速了。T.T

    获取头像地址,这段代码放到functions.php

    将你的头像替换成如下结构

    这个要根据你的主题自行调整了。

    JS代码

    下面代码放到你的JS文件中,代码中简单判定是否是移动设备并选择相应事件

    不加载头像之后速度飞起啊,完成了3秒之内加载完毕的指标。目前JS没完全合并,CSS也没压缩,还有一定的提升潜力。

    WordPress gravatar 头像延迟加载

    给个人设置加上了ssl,具体可以右上角登录,火狐下首次进去可能提示页面有非https内容,刷新下就好了。

     

    微信公众账号:技术宅
    分享互联网科技新闻轶事,各种数码使用小技巧。
    760人已关注
    切换注册

    登录

    忘记密码 ?

    您也可以使用第三方帐号快捷登录

    切换登录

    注册

    文章目录