很多新手ui设计师只是考虑ui是否美观,并没有在意设计的ui对于访客来说打开的速度,网站的载入速度是一个非常重要的用户体验考核标准,当然影响网站打开速度的因素很多,比如:图片大小,程序的逻辑,服务器的带宽等,今天我主要是从ui设计角度来说明ui代码的优化是如何加快网站的打开速度的。
一、在网站内容相同的情况下,ui设计师会尽量精简html代码
假如一个ui要内容表面上看起来一样,而辅助的html代码写法会有很多种,越是代码精简的ui,占用空间就越小,在互联网传输的时间就越少,客户端浏览器在解析时所用的时间就越少,打开的速度也就越快,从而带来更好的用户体验
二、让ui符合w3c标准;
ui设计师在ui制作中使用结构层同表现层完全分离。也就 是布局使用用CSS而不用TABLE。这样做不仅能替换掉专业的表现层的垃圾代码如标签。而且也能让你的网站在重构方而能够轻松实现,这样可以增加代码的重用,使用户体验和搜索引擎更友好。
合理规范的HTML标记总是有始有终。不管是我们自己写或是查看他人的HTML代码时,有时会发现HTML代码标签写得并不规范。有的标记有头无尾,但是并没有妨碍代码的正确执行。但浏览器却会花费时间来判断和计算段落或者列表项目在哪里结束。所以,我们一定要让标记有始有终,这样做不仅使HTML代码格式规范,更可以加速页面的加载速度。
三、ui设计师通常通过优化层叠样式表来提高ui打开速度
一般稍懂点css代码的同学都明白,html标题只是代码,具体显示效果有css来决定,css是html的装扮器,在写css样式时,我们可以合并css选择器或重复使用css选择器让css代码更精简,虽然这个影响我们打开速度不大,但对于服务器来说,访问的人多的话就很明显了,搜索引擎是机器计算,在蜘蛛爬行页面时,代码越少,所用时间就越短,搜索引擎会认为这个页面用户体验越好.
四、还有脚本代码的精简,也是影响网站用好体验很大的一方面,ui的效果离不开脚本程序的支持,我们经常会在页面中嵌入多种脚本语言,比如常用到的javascript,可以给用户带来很好的动态效果,ui设计将多个页面都用到的脚本程序编写成独立存在的脚本文件,然后再在页面中通过JAVASCRIPT等脚文语言调用它。
以上是ui设计师教你做代码优化让你的网站打开更快的全部内容了,具体还有更多的细节,如果大家比较感兴趣,可以找一个郑州ui培训机构去详细学习一下,小编推荐河南云和数据信息技术有限公司,牌子大,口碑好,免费试听请咨询网站客服。