Web前端开发技术以及优化研究

吴睿

【摘要】二十一世纪是信息时代，信息技术、网络技术得到空前发展，普及度不断提高，被应用到各个领域，小到日常生活娱乐，大到企业生产办公。但当前很多技术在应用中也存在着诸多问题，如安全性问题，稳定性问题，性能问题等。例如Web前端开发技术应用中，一些Web页面时常发生响应速度慢，占用资源大，假死、崩溃等问题。因此，应采取优化措施缩短页面响应时间来改善用户体验。本文将针对Web前端开发技术及优化展开研究。

【关键词】Web 前端开发 开发技术 优化措施

引言：Web前端开发技术广泛应用于网页制作中，是网页制作的重要技术手段。随着网页制作水平的不断提高及技术的演变，网页开始开始由静态内容显示，逐渐转变为动态内容显示，Web前端开发技术类型越来越丰富。如：Aiax带来了无刷新数据交互，缩减了网页跳转次数，提高了Web前端应用性能，使单个页面能完成更多功能。而且HTML5越来越成熟，JavaScript应用度越来越高。但Web前端开发对代码质量要求越来越高，所以具体开发中应做好优化工作，科学调整相关参数，以缩短页面响应时间，提高运行效率。

一、Web前端开发技术

1、DOM。DOM技术在Web前端开发中发挥着重要作用，能为语言无关及WEB端提供标准API，把XML文档抽象为由节点构成的树形数据结构，能有效增强页面交互性，实现访问页面其他标准组件，实现异构访问，其设计对象是OMG，定义了表示和修改文档所需对象间的关系。

2、AJAX。AJAX技术使用DOM作动态显示和交互，解决服务器数据解析与页面数据获取，创建动态网页，能有效减少后台与服务器间的数据交互量，实现网页异步更新。因此，能减少请求信息量，使网络速度更快、更稳定。

3、CSS。CSS能用来表示HTML和XML等文件样式的计算机语言，支持大部分字体字号样式，在Web前端开发能对网页排版对象精准控制，从而提高显示效果，优化写法。而且CSS代码精简，所以网页布局调整修改和重构难度小，能有效提高开发效率和访问速度，优化SEO。

二、Web优化

虽Web前端开发技术水平在不断提高，技术类型越来越丰富，但具有应用中依然存在一些不足，影响网页访问速度和响应速度，造成网页延迟过长，所以做好Web优化非常重要。通过优化不仅能提高性能，更能优化视觉效果。下面通过几点来分析Web优化：

2.1合理控制文件大小

文件大小不仅会影响加载速度，更重要的是会影响网页响应速度及互动性能。若控件文件过大或样式过多，必然导致响应速度变慢，造成网页延迟过长，甚至导致网页崩溃，出现无响应现象。因此，要合理控制文件大小，不仅要压缩JavaSeript，且要去除一些多余html标签，通过对CSS文件和代码的优化提升运行速度，避免内联式样式，使CSS文件能快速加载，使部分页面内容能立即呈现给用户，解决以往传统技术条件下，页面长时间空白的问题，从而增强用户体验，使页面加载合情合理。

2.2合理控制HTTP请求

HTTP请求包括：使用协议、资源请求方法、资源标识符、消息首行、DNS寻址等多个方面，减少HTTP请求是提高响应速度，降低访问和资源占用时间成本的有效手段。实际上，一个完整HTTP请求处理是一个相对“漫长”，而复杂的过程。因此，HTTP请求数量越多，对宽带资源占用率越高，响应时间越长，加载速度越慢，甚至会导致页面一直读条，造成无响应。因此，要合理控制HTTP请求，通过内联文件和合并文件方式来少HTTP请求。

2.3合理控制DNS查询

DNS查询对于加载速度影响很大，实际上页面没解析一次DNS都需要消耗20-120毫秒，所以DNS查询越多，加载速度越慢，而且在解析DNS过程中，该页面任何东西都不能被加载，只有在DNS查询查询结束后，才能继续加载。因此，必须合理控制DNS查询，通过DNS查询来提升加载速度，避免多次解析DNS。

2.4减少HTTP错误

HTTP错误处理是导致页面无响应，造成页面崩溃的主要原因，将大大降低用户体验。HTTP错误大多由页面无法找到相应文件或HTTP请求不能被处理及处理时间消耗过程所导致。因此，为提升运行速度，减少无用响应，应减少HTFP错误，要对Web服务器和页面链接进行有效措施，从而减少运行中的HTTP错误。

结束语：新时代背景下，网络普及度越来越高，不论男女老幼都在使用网络，所用对Web的用户体验要求越来越高，对加载与响应速度越来越重视。因此，在Web前端开发中应采取有效Web优化措施，提升用户体验，提高运行速度，解决无响应和速度慢的问题。