在网站开发的过程中,对刚入门的初级程序员来说经常会遇到一些比较难以解决的问题,比如:网站的网页速度打开缓慢的问题,刚入门的程序员只知道去实现功能,认为只要网站建设的功能都能实现就可以了,但是有时网站的速度打开过慢必然会影响到用户对网站的用户体验,因此,网站的打开速度是一个网站很重要的一个因素,鉴于此,北京建设网站公司总结了一些经验来跟大家分享一下。
造成网站的打开速度缓慢的原因一般有两种,一种是服务器网络自身带宽的限制,一种是网站代码结构的优化是否到位。第一种的问题解决只能通过去根据网站的并发访问量来适当的提高网站服务器的带宽来解决。第二种的问题是属于网站开发的问题,一个专业的网站制作公司和一个非专业的建站公司或者是个人建站是有这巨大的差别的。专业的网站制作公司有非常多的网站设计规范和网站开发规范,要求每个程序员都要按照这个规范来严格的执行,不能根据程序员自己的想法随意的开发项目。
正因为如此一些初级程序员做出来的网站就可能出现网站打开速度很慢,影响了网站的用户体验。主要是因为:
1.编写代码不够规范。由于经验不足,编写代码方式是天马行空,没有规整的书写格式。
2.页面使用了很多大尺寸的图片。页面使用的图片过大,造成页面打开加载图片过多。
3.页面数据频繁的访问数据,访问数据库的sql语句没有经过优化造成访问数据库耗时过多。
4.服务器web管理器没有做配置,造成图片重复下载。
总结了以上问题之后,我们来看看如何去避免以上的这些问题,同时也说一下提高页面加载速度的方法。
1.对图片集中的区域采用iframe框架引用
2.对页面中图片的自身大小进行压缩处理,一般小尺寸图片要控制在10k以内,中型尺寸图片控制在50k以内,大尺寸图片控制在80k以内,特殊情况的除外。
3.图片要限制具体的高度和宽度。特殊情况的除外。
4.当客户端浏览器解析html标签时,当遇到js、css、图片时,会重新向服务器发起一次http请求对应的文件。而这个重新请求不仅消耗服务器资源,而且还使得客户端显得加载很慢。故应该尽量减少这种请求次数,当从如下几方面入手:
(1)减少或合并js文件、css文件,其目的是减少客户端对服务器的http请求次数,这个一般不做要求。
(2)对首页的多处背景小图片采用css splite方法进行合并,其目的是减少客户端对服务器的http请求次数。
(3)上对该网站的图片文件夹和js文件夹、css等启用客户端缓存(询问服务器管理员是否配置即可)
(4)对于前台页面一般情况下将所有用到的js引用或js代码块全部放到页面最后