使用数据 URI 优化层叠样式表 CSS

Data URI 是由 RFC 2397 定义的一种把小文件直接嵌入文档的方案,是一种非常有效的将图片嵌入 HTML 的方法。平常我们在 HTML 中嵌入图片都是通过链接到服务器上的图片资源来实现,而这种方法是将图片使用 base64 将图片本身编码成一串字符,字符串前面使用 mime 类型来标识该字符串所代表的资源类型。合理地使用 Data URI 可以加速网页加载、提高性能,还能降低服务器的资源消耗。

继续阅读全文

禁止 WordPress 主题添加新的图片尺寸

WordPress 自带了图片自动缩放和裁切功能,上传图片的时候会根据与设置缩放或裁切出几种特殊的图片尺寸,以方便不同的使用场景调用。但是这样做很多时候反而增大了图片文件的体积。为了减小服务器存储空间占用,减小带宽压力,可以禁用 WP 的图片自动缩放功能。然而我发现所用 WP 主题还会添加新的图片寸尺,故而也给禁用了。

继续阅读全文

对 WordPress Lazy Load 图片延迟加载插件稍作改进

之前介绍了用于 WordPress 页面图片按需延迟加载效果的插件 Lazy Load,启用后可以显著提高文章中有图片的页面的加载速度,减少页面加载时间。但是目前该插件仅对文章/页面内容中的图片进行处理,并且相关的 JavaScript 文件至少有 2 个是可以合并的。

继续阅读全文

WordPress 数学公式(LaTeX)插件

在介绍光子学相关内容的子站点中经常会用到数学公式。最初用的是 Easy WP LaTeX,可是前些天发现不能用了。于是仔细考察了一番 WordPress 插件目录里的几乎所有 LaTeX 类的插件,最终换上了 LaTeX for WordPress。相见恨晚啊!奇怪开始的时候怎么没选择这个呢?

继续阅读全文

WordPress: 获取文章的第一张图片

介绍了如何在 WordPress 中获取文章的第一张图片。有时候我们给文章设置了特色图片(或称缩略图),有的时候没有,有的时候文章中甚至一副图片都没有。某些情况下,比如在图片式的相关文章或者热门文章之类的推荐阅读,为了给文章配个图就需要用到这样的方法了。

继续阅读全文