校园门户网站的Web前端性能优化——以玉林师范学院官方网站首页为例  

作　　者：唐微[1] 杨椀萍 

机构地区：[1]玉林师范学院

出　　处：《电子商务》2020年第5期70-72,共3页E-Business Journal

基　　金：广西壮族自治区教育厅2019年度广西高校中青年教师科研基础能力提升项目,项目名称:共享经济模式下农村电商物流终端配送模式发展的对策研究,编号:2019KY0593.

摘　　要：校园门户网站是一所学校对外的窗口,门户网站加载效率对网站访问者用户体验起着至关重要的作用,同时也影响学校对外形象。本文通过分析玉林师范学院官网首页前端设计源码,发现其设计存在div标签的频繁使用使HTML文档结构复杂化,未遵循"结构、表现、行为"分离原则,图片过多导致请求次数过多等问题,并针对存在问题提出采用HTML5语义化标签、CSS置于顶部/JS放在底部优化和使用精灵图方式的Web前端优化方案,并设计出优化源码,优化后经测试数据结果显示,优化后的网站效率明显提升,达到改善网站的用户体验和节省相当的资源利用的优化目的。

关 键 词：Web前端 性能优化 页面结构优化 HTML 

分 类 号：TP393.092[自动化与计算机技术—计算机应用技术]