水土保持网站前端性能分析和优化研究

发布时间：2018-05-30 04:36

本文选题：水土保持 + 前端性能　；参考：《华中科技大学》2015年硕士论文

【摘要】：互联网的快速普及给水土保持的信息化建设注入了新的活力。通过建设面向水土保持业务的网站,水土保持相关的数据采集、查询与信息发布等业务,均实现了基于网络的信息共享,既提高了数据传递的及时性,也扩大了水土保持信息发布的范围。浏览器的呈现效果是网站建设好坏的一个重要标准。但目前不同内核的浏览器在网页渲染上存在着不小的差异,而且伴随着Web 2.0时代的到来,用户在很大程度上参与到了网站内容建设中。随着交互的频繁,Web系统的性能和用户体验成为衡量网站建设好坏的重要指标。对于响应缓慢的网站,用户通常感到难以容忍,往往最终放弃使用。水土保持专业信息化管理网站涉及到不同的业务和使用部门,不仅业务量大,而且机构庞杂、交互繁复。由于技术问题造成的不同客户端浏览器显示不统一,响应缓慢等问题使得用户体验不甚理想,从而制约了网站的广泛使用,致使系统并未发挥其应有的作用。为了提升用户体验,有必要对原水土保持网站进行优化处理。对此,本文主要做了以下研究:分析水土保持业务网站的特点及需求;掌握Web标准和主流浏览器对网页的渲染机制,按照前后端分离的思想重构不符合Web标准的页面结构,使其能在主流浏览器以及移动端平台兼容显示,使网站结构更加规范合理,增强其可扩展性;分析Web前端优化原理,结合水土保持网站特点,对影响水土保持网站性能的前端因素进行合理的设计,优化水土保持网站前端性能;利用AJAX等相关前端技术将原本集中在后端服务器的数据处理任务分流至前端完成,均衡负载,采用基于OpenLayers的Web GIS开发,解决地理专题信息响应缓慢等问题,实现对水土保持地理信息模块的性能优化。总之,按照前后分离的思想重构了的水土保持网站,不仅实现了在主流浏览器中的兼容显示,也增强了网站的可扩展性和移植性,方便了地级站点功能模块的开辟。优化后的水土保持网站访问更加方便流畅,在数据录入等操作上也更加人性化,提高了用户体验。
[Abstract]:The rapid popularization of the Internet has injected new vitality into the information construction of soil and water conservation. Through the construction of a website for soil and water conservation, data collection, query and information release related to soil and water conservation, the information sharing based on the network has been realized, and the timeliness of data transmission has been improved. Also expanded the soil and water conservation information release scope. The rendering effect of browser is an important standard for website construction. However, there are some differences in web rendering between different kernel browsers, and with the arrival of Web 2.0 era, users participate in the construction of web content to a large extent. With the frequent interaction, the performance and user experience of Web system become an important index to measure the quality of website construction. For slow-responding sites, users often find it intolerable and often end up abandoning them. Soil and water conservation professional information management website involves different business and use departments, not only the volume of business, but also the organization is complex and complicated. Due to the disunity of different client browsers caused by technical problems and the slow response problems, the user experience is not ideal, which restricts the wide use of websites, and the system does not play its due role. In order to improve the user experience, it is necessary to optimize the original soil and water conservation website. In this paper, the main research is as follows: analyzing the characteristics and requirements of soil and water conservation website, mastering the rendering mechanism of Web standard and mainstream browser, reconstructing the page structure which does not accord with Web standard according to the idea of separating front and rear. It can display in mainstream browser and mobile platform, make the website structure more standardized and reasonable, enhance its expansibility, analyze the principle of Web front-end optimization, combine the characteristics of soil and water conservation website, The front-end factors that affect the performance of the soil and water conservation website are designed reasonably, and the front-end performance of the soil and water conservation website is optimized, and the data processing task that was originally concentrated on the back-end server is diverted to the front-end by using AJAX and other related front-end technologies. In order to optimize the performance of soil and water conservation geographic information module, the problem of slow response of geographic information is solved by using Web GIS based on OpenLayers. In a word, the reconstruction of the soil and water conservation website based on the idea of separation before and after not only realizes the compatible display in the mainstream browser, but also enhances the expansibility and portability of the website, and facilitates the development of the functional modules of the prefecture-level site. The optimized soil and water conservation website visit is more convenient and smooth, the operation of data input is more humanized, and the user experience is improved.
【学位授予单位】：华中科技大学
【学位级别】：硕士
【学位授予年份】：2015
【分类号】：TP393.092;S157

【参考文献】