史爱武:Web前端开发的岗位职责( 三 )


用户体验是web产品非常重要的考虑因素 , 核心是让用户使用起来从感官到心理都觉得舒服 , 用户体验的好坏甚至会直接影响到用户的去留 。 体验差的网站各有各的不同 , 但是体验好的网站往往都有一些共性 , 这些优秀的特征凝聚了设计师、前端开发工程师和产品经理的大量心血和聪明才智 。 比如 , 访问交互速度迅速;动画效果顺滑流畅;易懂的用户操作反馈信息;简单的操作步骤;体验一致性;主体内容在最显眼的位置 , 等等 。 在这些优秀的用户体验中 , 最容易让人产生共鸣的往往是网站的性能问题 , 比如网站的访问交互速度 。
Web性能其实关注的是页面性能 , 一个页面的性能如何 , 主要看页面是否可以快速加载、是否及时响应用户反馈、是否提供流畅的动画和滚动效果等性能指标 , 这些主要关系到Web页面的加载性能和渲染性能两个方面 。
从前端开发工程师的角度来看 , Web性能是从用户发出请求开始 , 到下载、解析和执行所有资源以及最终绘制界面内容的整个过程的时间及其他度量 。 Web前端开发工程师可以采用很多方法来提升性能 。 比如 , 网络带宽、文件大小、文件数量以及其他因素 , 直接影响着页面正常加载过程中所需的文件下载的时长 。 使文件尽可能小、减少HTTP请求的数量、预加载策略、延迟加载策略等方式能够减少页面加载时间;合理的顺序加载网站资源 , 使网页尽快可用 , 用户很快就能操作页面功能;使用CSS动画而不是JavaScript来制作动画 , 以及最小化由于DOM的更改而导致UI需要的重绘次数 , 这些最佳实践能够提高页面的平滑性和交互性 。
对于用户来说 , 用户的主观感知性能才是最重要的 。 即使一个页面加载或一个操作响应需要很长时间 , 也可以通过一些方式让用户觉得没有那么慢 。 比如 , 在页面加载或数据请求过程中展示加载信息或加载动画;在上传文件、解析数据等交互场景时显示进度条 。 也就是说 , 页面可能不能做得更快 , 但你可以让用户感觉到很快 。
史爱武:Web前端开发的岗位职责
文章图片
Web前端开发工程师的核心工作就是Web前端页面的开发实现和性能优化 。 开发实现工作就是按照UI/UE设计师的视觉设计和交互设计完成用户界面的代码编写 , 并要能够兼容各种主流的浏览器 。 性能优化就是利用简化交互操作、提高交互响应速度等方式来提升系统性能 , 进而提升用户的交互体验 。 返回搜狐 , 查看更多
史爱武:Web前端开发的岗位职责】责任编辑: