[performance]:压缩图片,优化编辑器图片懒加载 (#59)

* chore: 压缩图片,格式改为webp

* perf: 优化编辑器首次加载速度,图片懒加载

* perf: 固定高度,优化滑动
This commit is contained in:
Weiguo Wang 2024-02-01 21:33:34 +08:00 committed by GitHub
parent 45f3816209
commit 152ce55dce
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
160 changed files with 72 additions and 70 deletions

View File

@ -3,7 +3,7 @@
"key": "default",
"name": "默认分类",
"list": [{
"src": "/imgs/skin/17e06b7604a007e1d3e1453b9ddadc3c.jpg",
"src": "/imgs/skin/17e06b7604a007e1d3e1453b9ddadc3c.webp",
"title": "1"
}]
},
@ -11,7 +11,7 @@
"key": "activity",
"name": "节日",
"list": [{
"src": "/imgs/skin/Ixx8hqiwwk1660979120801.jpg",
"src": "/imgs/skin/Ixx8hqiwwk1660979120801.webp",
"title": "1"
}]
},
@ -19,25 +19,25 @@
"key": "creative",
"name": "创意",
"list": [{
"src": "/imgs/skin/PLwNH1rAie1558430219772.jpg",
"src": "/imgs/skin/PLwNH1rAie1558430219772.webp",
"title": "1"
}, {
"src": "/imgs/skin/NnXsAOhBNm1558430219312.jpg",
"src": "/imgs/skin/NnXsAOhBNm1558430219312.webp",
"title": "2"
}, {
"src": "/imgs/skin/ujpUoWqhw31558430220124.jpg",
"src": "/imgs/skin/ujpUoWqhw31558430220124.webp",
"title": "3"
}, {
"src": "/imgs/skin/5OCvbjqJQm1558430220362.jpg",
"src": "/imgs/skin/5OCvbjqJQm1558430220362.webp",
"title": "4"
}, {
"src": "/imgs/skin/0k7Jg7In8I1558430221154.jpg",
"src": "/imgs/skin/0k7Jg7In8I1558430221154.webp",
"title": "5"
}, {
"src": "/imgs/skin/UH0A8DbTai1558430221033.jpg",
"src": "/imgs/skin/UH0A8DbTai1558430221033.webp",
"title": "6"
}, {
"src": "/imgs/skin/FRIzPC6ZtN1558430221344.jpg",
"src": "/imgs/skin/FRIzPC6ZtN1558430221344.webp",
"title": "7"
}]
},
@ -45,25 +45,25 @@
"key": "scenery",
"name": "风景",
"list": [{
"src": "/imgs/skin/SyiLRcukyE1558430525760.jpg",
"src": "/imgs/skin/SyiLRcukyE1558430525760.webp",
"title": "1"
}, {
"src": "/imgs/skin/sqYig4AcWr1558430525663.jpg",
"src": "/imgs/skin/sqYig4AcWr1558430525663.webp",
"title": "2"
}, {
"src": "/imgs/skin/ElNeqJT2I21558430526165.jpg",
"src": "/imgs/skin/ElNeqJT2I21558430526165.webp",
"title": "3"
}, {
"src": "/imgs/skin/CxQkSU6AY21558430526163.jpg",
"src": "/imgs/skin/CxQkSU6AY21558430526163.webp",
"title": "4"
}, {
"src": "/imgs/skin/VTUwbp6vY61558430527320.jpg",
"src": "/imgs/skin/VTUwbp6vY61558430527320.webp",
"title": "5"
}, {
"src": "/imgs/skin/SHs0K703Yn1558430527218.jpg",
"src": "/imgs/skin/SHs0K703Yn1558430527218.webp",
"title": "6"
}, {
"src": "/imgs/skin/oVTedX9V4s1558430527671.jpg",
"src": "/imgs/skin/oVTedX9V4s1558430527671.webp",
"title": "7"
}]
},
@ -71,25 +71,25 @@
"key": "transportation",
"name": "交通",
"list": [{
"src": "/imgs/skin/XYKqJZuMig1558430904735.jpg",
"src": "/imgs/skin/XYKqJZuMig1558430904735.webp",
"title": "1"
}, {
"src": "/imgs/skin/GnPatsr48Z1558430904680.jpg",
"src": "/imgs/skin/GnPatsr48Z1558430904680.webp",
"title": "2"
}, {
"src": "/imgs/skin/UqIvVvEXAK1558430905204.jpg",
"src": "/imgs/skin/UqIvVvEXAK1558430905204.webp",
"title": "3"
}, {
"src": "/imgs/skin/PUssufh5uI1558430905104.jpg",
"src": "/imgs/skin/PUssufh5uI1558430905104.webp",
"title": "4"
}, {
"src": "/imgs/skin/O409pRTDlW1558430905738.jpg",
"src": "/imgs/skin/O409pRTDlW1558430905738.webp",
"title": "5"
}, {
"src": "/imgs/skin/A9FzlbYXqI1558430905739.jpg",
"src": "/imgs/skin/A9FzlbYXqI1558430905739.webp",
"title": "6"
}, {
"src": "/imgs/skin/HN9YGctDeF1558430906686.jpg",
"src": "/imgs/skin/HN9YGctDeF1558430906686.webp",
"title": "7"
}]
},
@ -97,25 +97,25 @@
"key": "delicacy",
"name": "美食",
"list": [{
"src": "/imgs/skin/lE6PSclCcU1558434536703.jpg",
"src": "/imgs/skin/lE6PSclCcU1558434536703.webp",
"title": "1"
}, {
"src": "/imgs/skin/OnSdbm7u6n1558434536641.jpg",
"src": "/imgs/skin/OnSdbm7u6n1558434536641.webp",
"title": "2"
}, {
"src": "/imgs/skin/N9Z2ZuyO731558434537314.jpg",
"src": "/imgs/skin/N9Z2ZuyO731558434537314.webp",
"title": "3"
}, {
"src": "/imgs/skin/YP9PoW8pX51558434537301.jpg",
"src": "/imgs/skin/YP9PoW8pX51558434537301.webp",
"title": "4"
}, {
"src": "/imgs/skin/zUtDv378bg1558434538351.jpg",
"src": "/imgs/skin/zUtDv378bg1558434538351.webp",
"title": "5"
}, {
"src": "/imgs/skin/gY1JljCow21558434538303.jpg",
"src": "/imgs/skin/gY1JljCow21558434538303.webp",
"title": "6"
}, {
"src": "/imgs/skin/oOjHPbABdd1558434538864.jpg",
"src": "/imgs/skin/oOjHPbABdd1558434538864.webp",
"title": "7"
}]
},
@ -123,25 +123,25 @@
"key": "business",
"name": "商务",
"list": [{
"src": "/imgs/skin/3ABKqvDaVn1558514860472.jpg",
"src": "/imgs/skin/3ABKqvDaVn1558514860472.webp",
"title": "1"
}, {
"src": "/imgs/skin/OewuaQmWoq1558514860285.jpg",
"src": "/imgs/skin/OewuaQmWoq1558514860285.webp",
"title": "2"
}, {
"src": "/imgs/skin/HuVqqtbFjs1558514860570.jpg",
"src": "/imgs/skin/HuVqqtbFjs1558514860570.webp",
"title": "3"
}, {
"src": "/imgs/skin/icSlqsr0uZ1558514860875.jpg",
"src": "/imgs/skin/icSlqsr0uZ1558514860875.webp",
"title": "4"
}, {
"src": "/imgs/skin/Qu9rg33wmq1558514861015.jpg",
"src": "/imgs/skin/Qu9rg33wmq1558514861015.webp",
"title": "5"
}, {
"src": "/imgs/skin/145gBCRtNP1558514861211.jpg",
"src": "/imgs/skin/145gBCRtNP1558514861211.webp",
"title": "6"
}, {
"src": "/imgs/skin/ykWLFV0QWj1558514861444.jpg",
"src": "/imgs/skin/ykWLFV0QWj1558514861444.webp",
"title": "7"
}]
},
@ -149,25 +149,25 @@
"key": "campus",
"name": "校园",
"list": [{
"src": "/imgs/skin/4aWi5JxG471558514268698.jpg",
"src": "/imgs/skin/4aWi5JxG471558514268698.webp",
"title": "1"
}, {
"src": "/imgs/skin/j8C2OBP7WK1558514268563.jpg",
"src": "/imgs/skin/j8C2OBP7WK1558514268563.webp",
"title": "2"
}, {
"src": "/imgs/skin/q3uJoQhYsR1558514268877.jpg",
"src": "/imgs/skin/q3uJoQhYsR1558514268877.webp",
"title": "3"
}, {
"src": "/imgs/skin/W5PPlNsmsr1558514269088.jpg",
"src": "/imgs/skin/W5PPlNsmsr1558514269088.webp",
"title": "4"
}, {
"src": "/imgs/skin/6xQk1IAmKt1558514269874.jpg",
"src": "/imgs/skin/6xQk1IAmKt1558514269874.webp",
"title": "5"
}, {
"src": "/imgs/skin/XQE2iyF0rj1558514269935.jpg",
"src": "/imgs/skin/XQE2iyF0rj1558514269935.webp",
"title": "6"
}, {
"src": "/imgs/skin/POHlQiSwPR1558514270379.jpg",
"src": "/imgs/skin/POHlQiSwPR1558514270379.webp",
"title": "7"
}]
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

BIN
web/public/imgs/Logo.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 62 KiB

BIN
web/public/imgs/avatar.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 227 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

BIN
web/public/imgs/nodata.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 188 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 79 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 77 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 100 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.4 KiB

BIN
web/public/imgs/s-logo.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 148 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 68 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 86 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 84 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 151 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 173 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 145 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 98 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 45 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 137 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 107 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 139 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 103 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Some files were not shown because too many files have changed in this diff Show More