深圳易捷网络科技财税咨询网-neatmaster518.com 返回首页

如何节省网站流量

信息来源:深圳市易捷网络科技有限公司
信息发布时间:2024/9/19

一招:开启http压缩

目前主流的web服务器都已经支持gzip压缩,可以对html、css、javascript等文本内容进行压缩。一般情况下,开启gzip压缩之后能节省60%以上的流量,具体的压缩率,我们可以通过站长之家提供的工具来识别。

第二招:在浏览器端生成页面

由于HTML标准本身的问题,一个web页面包含了非常多的用户不可见的标签,这些标签的传输占据了大量的带宽。通过使用JavaScript/AJAX技术,把用户可见的内容传输过来,在客户端的浏览器上实时生成页面,不单可以加快页面下载速度,还可以有效的减轻服务器的压力。一般的页面可以节省1/3以上的流量,对于表格类等重排版的页面,流量节省可以高达80%以上。

第三招:优化JavaScript和CSS代码

现在的网页,都是包含了不少的JS文件和CSS文件。不管是手写的还是工具生成的JS和CSS文件,里面的内容包含了大量的空行,空格,注释信息,长的变量名称等,可以通过工具进行优化。JS文件我们可以使用JSmin之类的工具进行优化,原始的JS文件大小是2463字节,经过压缩之后变为1115字节,经过http的gzip压缩,最终变为了640字节,整个JS文件变为了原来的26%。使用CSS在线压缩工具,原始的CSS文件大小是2289字节,经过压缩之后变为1753字节,再经过http的gzip压缩,最终变为了612字节,整个CSS文件大小变为了原来的27%。虽然我们的目标是想尽办法榨干每一个多余的字节,但是JS文件和CSS可能会要对其进行修改,因此自己需要控制好压缩率,不要为了流量而大大增加了修改的成本。

第四招:图片的优化

图片应该是网站的头号通缉犯了,网站使用的图片不但多,而且越来越大。我们可以来看看煎蛋网首页,共有图片41张,总计1311KB,占了整个页面大小的90%。图片优化得好,不但可以提高页面的加载速度,提升网站的用户体验,而且还可以节省网站的带宽。通过下图我们可以看出,在不影响图片质量下,不同文件格式不同压缩比下面,图片文件差异还是很大的,最大和最小的图片相差6倍,如图:

我们可以通过绘图工具,将图片保存为自己需要的格式,再利用Smush.it之类的工具对图片进行更深入的优化。同时在能使用缩略图的地方尽量使用缩略图,而不是借用浏览器的缩放功能。对图片进行延迟加载,只有当图片滚动到可视区域时候,才动态的从后台获取图片。由于不需要一次性把全部图片取到位,因此不单网页加载速度大大提高,还极大的提升了用户的体验。目前已经很多的JS库支持了,常见的如JQuery。

第五招:巧借外部免费资源

目前云计算技术兴起,很多网站提供了一定额度的免费流量,利用好这些免费额度,能够给你网站减少不少成本。目前阿里云的OSS提供了10G的免费流量,换算成300KB的图片,可以被浏览3.5万次。如果同时借用多个免费的服务,就可以节省不小的成本。

第六招:对移动设备进行优化

目前智能手机越来越普及,使用移动上网的份额在不断的扩大,而目前的移动终端的显示屏大部分还不能跟PC终端相比,因此如果网页提供的可视区域大于移动终端的显示区域,要么就是不可见,要么就是被缩放了。目前的移动设备,大部分还是使用2G和3G的网络,下载速度是非常有限的,所以我们对移动终端的优化不但可以减小网站的网络使用带宽,还可以有效的增强用户体验。虽然目前的移动终端的浏览器的功能已经非常强大,但是受限于设备的计算能力和屏幕大小,因此网页尽量不要使用大幅图片,不要使用庞大的JS库等。

第七招:赶上HTML5潮流

HTML5来啦!目前各大浏览器厂商已经相继支持HTML5,IE6的市场份额已经不足8%,就算国内市场,也不足20%了。你可能没有注意到一个隐藏的数据流:cookie,这个数据量不大,但是每次访问web页面,都是需要来回各传送一次的。很多网站为了方便用户输入,增强用户体验,把用户的输入进行自动保存,每次保存都需要提交并刷新页面。网页应用的某些数据是可以静态缓存的,这样没必要让用户每次刷新的时候重新下载一遍。使用HTML5的本地存储功能,把这些可以存放在本地的数据在浏览器端缓存起来,减少每次交互的数据量,对网站的带宽使用也会产生很大的影响的。

相关行业资讯

1、做网站时那些不会有人告诉你的事
2、让百度快速收录网站最新的方法
3、网站开发主要分几种类型
4、内容的收录速度怎么提高
5、6个技巧可以大大改善网站设计中的用户体验
6、推广优化是一个需要营销策略与思维的高度整合性技术
7、这四个网站优化知识让你修改标题不被降权
8、为何一位技术高手要选择wordpress
9、公司网站制作时怎样参考其他网站
10、专业网站制作,这几点你做到了吗
11、为什么响应性网站建设如此昂贵
12、怎样才能获得稳定的关键词排名
13、网站收录不完全网页收录量少的原因是什么
14、小网站也能爆发小宇宙什么样的网站会有前途
15、问企业网站制作的意义有哪些
16、常用的网站建设软件有哪些
17、做网站SEO优化必须考虑网站转化率问题
18、网络营销不仅仅只有推广还有运营和商务
19、深圳网站制作公司浅谈一个新站从“收录、排名、流量”的操作
20、深圳做网站怎么才能把网站设计得更好
21、怎样创建自己的网站
22、网站seo优化网页设计概况
23、分析医疗网站如何交换友情链接
24、页面优化要重视细节与内容方面的规划制作
25、提高网站整体收录量的方法
26、分析企业网站内链建设的技巧和注意事项
27、轻松打造高转化率的单页面
28、网站设计中的背景如何选择
29、2019年,人工智能发展有那些新趋势
30、专业网页设计好之后如何能够获取流量
31、针对百度政策,构建一个良好的客户体验环境
32、网站建站要注意这几点
33、手机网站设计的主要注意事项
34、要以投资的眼光做网站才能有新发现
35、网页格式法有哪些
36、网站发帖宣传应该注意什么
37、 5条法则解决关键词没有排名的问题
38、seo的核心处究竟源自于什么呢
39、企业网站设计数字类网页图标
40、预猜近期百度算法更新。
41、对于seo来说,前期该怎么做准备呢
42、为站长正名他们才是互联网的推动者
43、响应式网站的特别之处有哪些
44、网站建设浅谈如何建设好的用户体验
45、重视网站服务器不稳定带来的8个后果
46、连接目标群体和借助影响力营销提升SEO优化效果
47、博物馆网站设计的几个策略
48、中标:岡本株式会社网站制作
49、着陆页优化101招:第六部分按下“发布上线”按钮之前
50、什么样的网站页面才是高质量的页面
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号