web性能优化中有句话叫“前端为八、后端为二”,在前端进行优化往往能够起到立竿见影的效果。
1. 尽量减少前端的http请求
- 合并CSS文件、JS文件,就是把多个CSS文件合成一个CSS文件,多个JS文件合成一个JS文件,去除里面的空格、换行等等。
- 把多张图片合成一张大图片,CSS Sprites利用CSS background相关元素进行背景图绝对定位,就可以从这张大图片中取出需要的部分。
楼主发现马克飞象写的文章虽然可以markdown导出,但是如果文章中有插图的话,却是生成一个.zip的压缩文件,如果直接把这个压缩文件解压缩放到 source_posts 目录下,使用 hexo s 可以发布,但是图片不能正常显示。
楼主忙活了大半天,找到了一个 hexo 插件hexo-asset-image,这个东西的使用方法如下: