上海网站建设公司引航科技
百度百科 | 企业微博 | 网站建设 | 网站知识 | 联系我们 
上海网络公司引航科技的微博
[ 2014-06-30 ]
上海晶星影像科技公司官方网站建设项目顺利通过验收
[ 2014-06-25 ]
上海伊尔庚环境工程公司官网设计制作完成并于日前开通上线
[ 2014-06-22 ]
上海领先体育培训网站制作项目通过验收并正式开通
     
 
商务沟通: (企业QQ)4000006881
服务专线: 400-000-6881
售后服务: smile#joyweb.cn
售前咨询: sales#joyweb.cn
  
 
 
网站知识
 
   
 
加载速度再提升:让网站建设程序编写精益于细节
 
发布时间:2012/1/11

这个冬天,给人印象最深的莫过于两个网站,一个是12306火车票购买网站,一个是小米手机的官方网站。两个网站有个共同特征,就是并发访问高峰期速度慢的让人难以忍耐。其实何止这两个网站,在数以万计的并发访问面前,至少会有90%以上网站会挂掉。哪怕是平时访问人数不多的时候,很多网站打开速度已经让人不堪忍受。影响网站加载速度的原因很多,比如服务器的配置、机房的带宽质量以及互联线路等等,但是上海网站建设首选品牌引航科技感觉,网站程序编写以及资源整合也极大的影响着网站运行速度,只是很多人对比并没有给予足够的重视。

一、合并网站资源

为什么在高并发的时候,铁道部车票预订网站会如此不给力呢?有好事者对此网站进行了深入分析,大致结论是,网站在提交订单时向服务器发送的请求太多,加上本来瞬间访问流量就很大,所以导致访问请求堵塞。其实这个问题在很多网站上都存在,尤其是中小公司的企业网站。知道了问题的所在,解决起来也就得心应手了,应对的办法就是减少想服务器频发发送请求,而合并资源就是最为有效的一种方式。这样虽然同一个调用文件每次加载的时间会适当延长,但是上行下载的次数减少了,提高了代码运行效率。

一般的网站需要外部加载到资源大致有三种,分别是CSS样式表、JS脚本程序以及图片素材。而这个三个均可以进行适当合并,最大程度上降低网站的请求次数。CSS只要目的是控制网站样式的,如果将所有的CSS合并到一个文件上,一定要将其置于<head>元标签内,其目的是让网站首先加载CSS。JS以及其它的一些脚本程序,是为了实现网页的某些特效而编写的,调用位置可以适当靠后,但是需要明白的是,JS不同于CSS并不是所有的JS都可以合并到一起,引用位置也很关键,否则可能会导致网站一些功能失效。图片素材合并多见于网站背景,通过二维坐标调用图片,但是需要注意即便如此,合并后的图片大小也要控制在2M以内,否则会因加载时间过长带来不好的用户体验。

二、压缩网页元素

如果网站资源本来就很大,通过合并可以减少时间的,但是仍旧无法从根本上解决问题。因为合并网站资源的主要是减少客户端向服务器的请求次数,网站资源大小是丝毫没有变化的。所以对网页元素进行必要压缩,是提升网站访问速度的另一个捷径。压缩网页元素第一种方法是重写网站代码,要知道采用DIV+CSS布局网站程序,会比Table布局可以减少不少代码。未来当HTML5技术普及后,网站代码容积会得到进一步压缩,避免代码冗余是减少网站体积的一个绝好方法,尤其是删除一些不必要的费码。

现在很多网站加载速度慢,与网站所是用的图片素材过大有直接关系。如没有特殊要求,但就显示而言网站图片显示分辨率控制在72dpi可以,即使是图片显示质量稍许差些,总比半天无法加载带给用户的感觉要好很多。所以,如果可能请将网站图片大小控制在200Kb以下,在网站上尽可能少用一些高分辨率高质量的图片素材。通过服务器开启Gzip压缩,也是降低网页体积的一个好办法,上海网站制作首选品牌引航科技就有亲身体验,50K左右大小的网页,开启Gzip压缩后可以控制在10K左右。网页压缩率达到60%以上,这样网站运行快速如飞就不足为奇了。

三、调整代码位置

代码位置也会影响到网站加载速度?答案是肯定的,我们举个简单的例子,现在很多网站都有统计程序。其大多通过调用外部js实现,一般都是将统计程序置于网站底部,其目的是避免因站外JS加载速度太慢,影响到整个网站的用户体验。这就很明显了,如果将一些体积大的脚本程序放置在网页的头部,势必会拖慢真个网站加载速度的。调整网站代码位置有两个需要坚持的原则,其一是网站外部调用的代码尽可能的放置在后面加载,因为外部代码具有不可控性;其二是,提及比较大的脚本程序放置在程序后面加载,尤其是一些JS程序,在不影响网站效果的情况下,请尽可能调整到其它代码后面加载执行。

还有一个问题虽与代码位置无关,但是也是很容易被很多程序人员忽视的,就是网页的渲染问题。比如我们CSS代码里面有个<style="border:none">和<style="border:0">,在页面视觉表现形式上两个没有任何区别,但是对于浏览器解释渲染是有区别的。<style="border:none">代表着不存在边框,不需要进行边框渲染,但是<style="border:0">说明有边框,只是边框的宽度是0而已,实际上浏览器在解释代码的时候,会进行一次也没渲染。类似的还有网站图片大小的控制,很多程序员认为如果图片尺寸刚好与标准一致,就不需要对图片的高度和宽度需要定义,这样做会让代码足够简洁,其实这样理解是错误的,没有定义就意味着浏览器要自行识别然后渲染展现,而这一过程是需要时间的。

作为专业的网站建设与网络营销机构,引航科技一直认为,网站的用户体验和营销效果与网站速度息息相关,尤其是在人心浮躁的现在。所以在网络营销日益普及的今天,大多数人更注重网站给用户感觉。有一个不容忽视的事实是,现在无论中国电信还是中国联通以及其他宽带运营商,都将带快速率提上日程。这就意味着普通网民的网速会越来越快,网站速度快或者慢对网络营销效果的影响必将越来越明显。有些时候,哪怕是别人的网站先于半秒钟打开,也许就会让自己丧失一次营销的机会。所以,如果有可能请想方设法的提升网站加载速度,哪怕是100毫秒甚至更短的瞬间。

  本文由上海网站设计公司首选品牌引航博景(https://www.joyweb.cn)原创编辑,转发请注明来源及版权归属。
  原文分享地址: http://www.joyweb.net.cn/news/201211830.html
 □ 乾隆玉玺伦敦拍卖
 □ 网站建设的侧重点应在于提升转化率而不仅是提高流量
 □ “阿怪音乐网”等19家音乐网站被文化部通报批评
 □ 互联网时代,新三十六行悄然兴起
 □ 通过三个标准轻松甄选出专业网站建设公司
 □ 互联网之父:安全验证问题最为突出
 □ 卡巴斯基支招,微软或成立杀毒软件销售公司
 □ 分支网站:二级域名与二级目录利弊选取
 □ 网站建设内容为王基于正确理解内容的含义
 □ 拿来主义思维无法铺就网站建设成功之路
关于引航科技 | 网站通知公告 | 网站建设知识 | 网站技术博客 | 网站版权声明 | 网站内容导航
上海网站建设首选品牌,拥有丰富的网站设计及网站制作经验,为中小企业提供优质的网站建设、域名主机、邮局邮箱等互联网信息化产品与服务
地址:上海市金沙江西路1555弄西郊商务区26号楼3层 客户咨询服务热线:400-997-5855 E-mail:smile#joyweb.cn
Copyright 2008-2017 Shanghai eHelm Information Technology Co.,Ltd. All Rights Reserved
沪ICP备06069965号    您是第  8915848 位浏览者
 
客户服务电话

4000006881

在线留言咨询


QQ 即时交谈