前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

Wordpress建站教程:使用Base64字符缩减小图片加载时间

作者:悦然wordpress建站(悦然建站)

(此处已添加小程序,请到今日头条客户端查看)



继续分享wordpress建站教程。最近悦然建站尝试使用了base64字符来替代部分图片,这样可以减少图片的加载时间,对网站加速有一定的效果,本文做一个记录并把方法分享给大家。


首先来说一下base64字符图片的优点,那就是减少http请求次数、不用上传图片不会生成缓存、提高图片加载速度。


再来说说base64字符图片的缺点,那就是增加CSS文件大小,有可能起到减速的效果。


综合来说base64字符图片有优点和缺点,在wordpress建站项目中它比较适合用来替换一些小图片,大图片就不适合了。


接下来我们就来说说wordpress建站过程中如何使用base64字符图片。


最简单的方法就是使用插件,这里分享两个插件。


Base64 Images


Base64 Images

https://downloads.wordpress.org/plugin/base64-images.1.1.5.zip


第一个插件是Base64 Images,大家可以通过上面的地址下载,或者在wordpress建站后台的插件中心搜索Base64 Images,安装启用即可生效。


Autoptimize



另外一个插件是Autoptimize,这个wordpress优化插件,它的其中一个功能就是把小图片生成base64字符数据。


?大家可以在wordpress建站后台的插件中心搜索安装,启用之后在设置中的CSS选项可以找到对应的设置项,如上图所示。

?

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言