龙空技术网

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

悦然wordpress建站 107

前言:

此时各位老铁们对“css调整图片大小代码怎么写”大致比较着重,看官们都需要剖析一些“css调整图片大小代码怎么写”的相关内容。那么小编也在网摘上网罗了一些有关“css调整图片大小代码怎么写””的相关文章,希望小伙伴们能喜欢,看官们一起来学习一下吧!

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

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

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

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

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

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

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

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

Base64 Images

Base64 Images

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

Autoptimize

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

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

标签: #css调整图片大小代码怎么写 #css图像大小