售后 :021-51299298 售前 :18217721733 联系我们

前端开发是什么,它对网站有什么影响?

上海知九信息 UI设计 2018-08-21

当你浏览一个网站,所看到的页面称为网站“前台”。对应的,网站也有一个供管理员管理的“后台”。“前台”网页由设计师先设计好页面和图片,再交由前端工程师用代码去还原设计师的设计。那么,前端开发的好坏对网站未来的使用会有哪些影响?一起来看一看。

首先最重要的,是网页的功能可用性和易用性。

前端的网页代码,是由浏览器在渲染后显示的。即代码“告诉”浏览器应该如何去显示这个网页,浏览器担任了“翻译”的任务,把代码要表达的东西“翻译”成大众能看懂的网站页面。但是,不同品牌、不同版本的浏览器,对网页代码的“翻译”标准有所差异,再考虑到终端屏幕大小不一,所以网页在实际显示过程中,比较容易出现各种问题。

想想看,你一定也有过打开某个网站却显示一团糟的经历吧。所以,前端开发很重要的一点就是保证网站在目标设备和浏览器下,有较高的可用性和易用性。

第二个影响,是网站交互的友好。

何为网站的交互?是指网站对用户的行为的响应,如:鼠标点击、鼠标移动、键盘的输入、手指的互动等等,在进行这些操作后,网站会给出对应的响应,即网站与用户的交互。

一个交互友好的网站,能降低用户的使用成本,有效提升使用体验,从而增加用户在线时长,提高转化几率。

第三个影响,是维护修改的便利性。

一方面,代码精简整洁、结构清晰,维护人员能轻易读懂。

另一方面,是CSS样式代码、JS脚本代码的复用是否合理。如果共用较少,代码维护的工作量将大大增加;如果共用太多,想修改一个地方其他地方也会跟着变动,容易出问题。

最后一个比较重要的影响,是前端性能。

谷歌的PageSpeed和雅虎的YSlow都是网站前端开发常用的性能测试工具,同时这两大互联网巨头对前端性能要求也有严格的规则,比如著名的“雅虎前端35条军规”。

性能优异的前端代码,可以有效减少网站的请求时间、文件加载时间、浏览器渲染时间等。普通用户直观的感受就是网站打开速度快,无卡顿。

前端的影响不单单停留在用户使用感受以及代码本身,它对SEO还有很大的帮助。比如百度近几年推出了一系列的算法和技术:闪电算法、百度MIP等,都是为了提升网页的前端性能。