欢迎来到上海园丁鸟网络科技有限公司|企业网站建设企业建站企业官网建设企业官网
咨询热线:18017747315当前位置: 首页 > 新闻动态 >
联系我们
企业网站建设 建站咨询
电话咨询:18017747315
E-mail:2355555999@qq.com
QQ:2355555999

网站系统建设中优化方法的探讨

作者/整理:http://www.voez.net/ 来源:http://www.voez.net/ 日期:2018-06-06

随着互联网应用曰益广泛,网页也走进千家万户,有时会出现网页访问速度慢、网页显示 出错、访问高峰卡顿无响应等情况困扰着用户和网站设计者。针对这一情况,分析了一些常见的网 站和一些做得好的网站进行比较分析,问题产生原因来自于前端设计和数据库的优化,从网站前台 中的代码、目录树设计、数据库建立和优化、用户体验方面对一些常见问题提出了使用雪碧图、样 式表图片分目录放置、导航简单化、数据库范式化、优化査询语句、开放网站前小规模试用等优化 方案。
随着互联网应用邻域的扩大,互联网加概念的提 出,越来越多的商业,教育机构开始在Web服务器上 搭建自己的网站来宣传自己并且完成一些例如存储录入 数据之类的工作,但是在许多网站漂亮的表面背后,却 有着许多影响着网站访问速度与数据库使用的不当甚至 于垃圾代码,对此进行正确的优化可以大大提高用户体 验,同时降低网站的运营成本。需要解决的问题:(1) 根据现有网站,指出用户体验不同的网站的差异。(2) 分析出网站访问速度慢,大量用户访问同一站点时出现 卡顿甚至宕机的原因。(3)结合问题分析,提出可行 的方案来优化网站的界面与数据库。
网站优化是一件对于网站设计师非常重要的事情, 要使自己的网页在千千万万的网页中脱颖而出,自然要 常常做一些优化,而大部分网站负责人并不了解这一点 或者没有找到正确的优化方法,导致网站页面载入慢, 网站在大量用户涌入时经常崩溃的窘境。要解决这一窘 境,就要从网站的整体结构来分析,包括网站的前端后 端设计以及数据库的优化,前端后端的优化主要目的在 于提升用户体验同时减少多余的代码来提高访问速度, 数据库的优化可以提高数据写入与读取的效率,减少大 量用户访问时的卡顿情况的发生。
1.现有网站的比较及分析
1.1各网站类系统情况
1.1.1网站A
表面界面看起来一般,导航设置不合理,用户不能 马上找到自己想要的内容,在访问网站三级目录下载资 源时常常出现浏览器兼容性问题,甚至在点击时没有反 应,资源不能正常显示甚至会出现一些匪夷所思的问 题,按F12查看网站前台源代码时发现一个首页竟然使 用着一个长达7000行的JavaScript文件以及冗长的CSS 代码。
1.1.2网站B
某大学的图书馆访问系统,在第一级搜索查询时比 较快,可下一步查询图书详情时却出现长时间的卡顿, 且这种情况发生时访问人数并不多。
1.1.3网站C
某信息录入与查询系统在访问高峰时出现长时间卡 顿,严重影响了用户体验。
1.2运营很好的网站举例
百度:作为搜索引擎,不但实现了快速的搜 索,而且能够快速地动态加载出与用户需求接近的搜索 条件。
京东:作为大型的商务网站,在界面实现用户 体验的同时并没有发生访问速度慢的情况。
淘宝:在双十一极大的访问量下仍能保证网站 的稳定并且网站的访问速度并没有受到很大影响。
1.3原因分析
用户体验优化不到位,JS、CSS代码不够简洁,兼 容性问题,访问速度慢,搜索栏优化不足,数据库结构 设置与查询语句不合理。网站本身的影响:
(1)网站冗余代码:网页冗余代码会降低网页访问 速度,同时也降低了搜索引擎的吸引力,从而降低了网站的搜索引擎排名。因此,建议优化网站代码,删除不 必要的冗余代码。
(2)减少图片的大小和数量。
当上传网站图片时,缩小图片的大小,可以在上传 图片前压缩图片,图片的大小可以适当,不要太大。图 片只是一个网站的点缀,并不需要是图形。同时,也尽 量避免使用大量的视频或音频内容。
(3)减少JavaScript脚本文件
尽量在外部调用JS代码,而不是在网页上,不要 调用外部的外部JS代码。可以尝试组合JavaScript并对 其进行压缩以加快加载速度。有时候在头文件中有太多 的CSS、JS代码,导致中间内容加载太慢,所以最小化 头文件代码。
(4)删除额外的插件
有无数的例子使用各种插件来丰富网站的功能。但 不是网站插件的数量越多越好,插件太多会导致网站的 访问速度和数据库读取速度变得非常慢,从而降低搜索 引擎排名。通用插件控件的数量在4个以内,插件可以 使用无插件。
(5)使用缓存插件
许多网站所有者不再为自己的程序编写框架。相 反,他们使用更完整的现成的开源框架作为框架,比如 使用WordPRESS来加速网站并有时使用缓存插件。比 如WP-Supercache,W3 -TotalCache这两个插件是经常 安装的缓存插件,可以有效提高网站的速度。
(6)使用静态HTML页面
ASP,PHP,JSP等程序完成Web信息的静态交互, 启动运行真正方便,因为它们的数据交互性好,可以方 便地访问,更改数据库的内容,但是这些程序也有各自 的缺点,也就是说,必须先HTML页面,然后“发送” 给用户,更进一步它会影响网站的访问速度,所以静态 HTML 页面或更好。
2.解决方案
2.1代码优化
(1)类似于<h2></h2><section style=******></sec- tion>的设计是不合理的,每个字体和版面的设计都应该 使用CSS样式表来完成,提高样式的复用性。
(2)不要使用太多的JS代码,太多的JS代码会降 低网站加载速度。尽量在外面调用JS代码,不要在网 页上,不要远程调用外部JS代码。可以尝试组合
JavaScript并将其压缩以加快加载速度。有些时候,在 头文件中有太多的CSS、JS代码,导致中间内容部分加 载得太慢,所以尽量减少头文件代码。
(3)避免多层嵌套,比如表格标签<table>S很常用 的一个标签,它是页面排版的重要方式,但浏览器只有 在读完整个表格内容后才会将表格显示出来,而大部分 网站访问者看到网页长时间加载会点击停止按钮,这样 就会在小的表格外面嵌套上大的表格从而影响到网页的 正常显示。
(4)学会使用雪碧图,每个页面常常会使用到大量 的图片,而大量的碎图片会大大降低访问速度,这时将 碎图片拼成一个大的雪碧图,浏览器就只需要访问一个 图片,大大减少了访问次数。
(5)合理使用图形化网页开发工具(类似Dreamwe aver),虽然现在有着许多图形化的网页设计工具来减 少代码书写量,但使用它们也会容易产生大量的垃圾代 码,要注意删除一些没有用的代码。
(6)兼容性问题,要确保你的网站是和浏览器无关 的,不是每个人都用360浏览器或者IE浏览器,所以 确认网站支持其他浏览器。
(7)使用简单的导航,不要让网站访问者花大量时 间去寻找他需要的内容,他更可能选择放弃这一网站。
2.2网站目录结构优化
现在很多网站将所有的界面随机分割在同一个文件夹 中的所有页面而不分类,这会给后面的网站维护带来很大 的麻烦,甚至于后期只能重写代码,建议优化方法如下:
(1)在网站根目录按照网站功能需要分设子目录, 将图片,样式表分别放置于调用的网页同级目录下的 IMG,CSS与JS文件夹下,方便后期维护。
(2)网页的命名使用英文或拼音并且体现出该页面 的功能。
2.3数据库优化
(1)建立数据表之前,一定要完整地考虑出网站所 需的数据并且对他们进行分类。建立的表格要符合第二 范式,第三范式要合理地使用与舍弃来达到合适的数据 冗余来加快数据的访问与修改。减少每行的字节数从而 增加每页的数据量。如表1~表5所示。


(2)SQL语句的优化,尽量避免全局搜索,使用一 些SQL上的技巧来加快查询速度。
(3)合理规划数据的格式,不要不经思考随意使用 INT,CHAR,VARCHAR等等,要做好选择,同时一般除 了备注、描述、评论,其他的一般不要使用NULL值, 因为除了变长字段,不管是否插入值,都是会占用空 间的。
2.4用户体验优化
用户体验优化包括交互,网站界面和易用性等方 面,用美国著名优化大师史蒂夫鲁格所说便是不要让网 站的使用者动脑,也就是要猜测出用户使用你的网站的 目的,而用户体验优化就是要把用户所需提供给用户。
每个网站都有着不同的目的,也就是它们各自的用 户定位以及自身定位,如一个学校网站就是要体现自身 的教育同时方便师生,所以它作为学校对外的窗户,不 但要实现界面的美观,体现出学校的风格,同时要在教 学资源,教学研讨上方便师生。
而实现提升用户体验最简单的方法便是“试用”, 类似于游戏的公厕,让用户去反映自己所不满的地方而 不是去单纯猜测用户需要什么,因为优化网页设计的目 的就是满足用户的需求。