金狐

狐狸

管理员

贴子 137413

精华 13

积分 77006

信用 11

竞猜 20

魅力 23333

威望 8

现金 68842399 CZB

银行 48061887 CZB

黄金 8888

比特币 888

注册时间 2003-08-18

发表于:2021-10-13 12:10:49   |  只看该作者   |  本帖随机奖励楼主:0 CZB   |  转账至  金狐

关于图标的问题

界面上各种图标是用来美化页面,方便交流的。估计大家想象不到,目前我们论坛常用的固定图标就有240多个。

传统方式图标可以采用jpg、png、gif等格式放在网站上,显示那个图标,访问的时候就下载那个图片。所以你们访问一次或者刷新一次新的页面,其实有可能需要从网站下载几十甚至上百个文件。
可以测试一下,你们使用电脑端访问网站的时候,按F12,在监控窗口切换到“网络”/“network”一栏,再刷新一次页面,就知道该页面需要在网上读取多少个不同的文件,一般都会一大堆。

新一点的方式是,将常用的图片合成一个大的图片里面,例如各种背景,静态的装饰图片,都放在一个大的jpg/png图片里面,显示的时候,分别显示该图片中的某一个小的区域,即可以显示原有的小图标。这样可以减少访问网络的次数,下载一个大的图片即可。其实现在各大网站基本都有使用这个技术。但有个问题就是这个只适用于静态的图片。动态的图片是没法合成一个大的动态图片的,因为每个动态图片显示的时长、间隔、静态图片数量都不一样。

而这次改版,我采用了一个更新的SVG技术,它支持把各种图标都包含在一个文件里面,无论静态还是动态,甚至可以直接在网页上画出图标。例如页面最上部导航一个图片一个标题的,那图片是画出来的,例如红包功能,两年前就开始一直是采用画的方式显示。

所以以前也有人说看红包页面的红包显示不正常。那是因为所使用的浏览器不支持这种技术,更新浏览器即可。

目前论坛绝大部分固定的图片都采用SVG技术打包成几个图片文件(头像,你们上传的图片除外,那个是你们自己控制的,不是固定的图片,没法打包,打包也没用)。所以你们会感觉刷新比以前快了点,反应也会快点,原因是现在减少了浏览器访问服务器的次数。

问题是大家的浏览器要支持这个技术。目前所知xp可能不支持,大家要是遇到问题都和我说说,等我想想有没有办法解决。

时间、时间、时间
楼主
引用    回帖