测试图片布局
#动态 完善缩略图功能
好耶~终于、终于把首页的缩略图功能搞好了,以前加载原图,一张图即使压缩后仍然有几百 K 甚至有些图压缩后还有 1M 以上,尝试过转换格式为 webp 仍然难以掩饰他的“大”.
之后也尝试懒加载,但收效甚微,毕竟懒加载仍然会把原图呈现出来,页面展示某个图片的尺寸是 500x300,其实原图是 5000x3000,搞得滚动的时候像 PPT 一般卡顿,现在好了,缩略图上线后首页加载仅需3
秒……
这是什么概念😞,改动之前测试过,首页加载需要35.3 秒
😭,效果是显而易见的好吧,真是夸张哇,断崖式提升。#瞎折腾/主题制作
昨天刚折腾好首页的缩略图用了不到二十四小时就换了,真是陷入死循环啦!
缩略图虽然加载
“飞快”
,但缺点也是显而易见的,比如一张竖向的照片生成缩略图偶尔会“倒过来”
,就是变成横向的了,在比如会给我生成一大堆缩略图😀(这个理由就有点牵强了!)。总之有好有坏吧,今天又折腾个新玩意,图片
等高不等宽
布局,先说说之前吧,用的固定宽高显示 3 张图片用于首页,而内页则用 JS 读取图片宽高来布局,也不是不能用,只是不满意,因为不管图片是横向还是竖向的都会固定大小。#瞎折腾/主题制作而现在折腾的就不同的,不会均匀的排列,感觉有点描述不清楚了,下面两张就是横竖并排的,区别一看就明了。非常之完美,遗憾的是以前上传的图片太多且非专业人士拍的太差。