前言
轩枫阁V3主题已上线,本文将介绍本站V3主题关于加载优化的内容。
图片优化
关于图片,这里使用传统的优化方式。本站使用的图片主要有各类图标、大图、文章配图、文章内容图等。
雪碧图
使用雪碧图Sprite
,将各图标合并成一张图,可以减少HTTP
请求数。
开发过程中,使用单个图标,结合tmt-workflow
,在发布时将图片合并。同时移动端支持2倍雪碧图,只需同时将2x
图标放至slice目录即可。 查看全文
轩枫阁V3主题已上线,本文将介绍本站V3主题关于加载优化的内容。
关于图片,这里使用传统的优化方式。本站使用的图片主要有各类图标、大图、文章配图、文章内容图等。
使用雪碧图Sprite
,将各图标合并成一张图,可以减少HTTP
请求数。
开发过程中,使用单个图标,结合tmt-workflow
,在发布时将图片合并。同时移动端支持2倍雪碧图,只需同时将2x
图标放至slice目录即可。 查看全文
本文介绍针对轩枫阁V3主题开发过程中,遇到的图片问题及加载优化。
本站的每一篇文章,都会配一张570×200的特色图像,使文章不那么单调。
然而移动端移动端首页图片为60×60的正方形配图,这里有两种解决方案。 查看全文