`
xiaolanglang123
  • 浏览: 26056 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
文章分类
社区版块
存档分类

探讨使网面越来越臃肿的原因

阅读更多

(本图为:探讨使网面越来越臃肿的原因)
 
 
(本图为:探讨使网面越来越臃肿的原因)
 
 
随着基础设施的发展,我们的网速是越来越快了,那你是否感受到网页加载速度变快了呢?有没有想过,网页也在逐渐变臃肿?根据HTTP Archive的报告,在调查了约50万网页后,他们发现每个网页的平均容量稍小于2Mb,达到了1953Kb,比去年上升了15%。
 
当然,调查的网站不包括那边复杂的网页应用。去年,这一上升比例是32%,虽然今年幅度缩小,但同样不令人乐观。
 
多图慎点
 
将网页内容细分,我们还能了解各部分对网页容量变化的影响。
 
从上表可以看出:
 
HTML内容增加了2Kb,数字不大,但能让内容增加了不少。说好的减化和精炼的趋势都是骗人的。
 
CSS增加了11Kb,响应性网页设计和CSS3应该对这一增加出了不少力,但JavaScript却没有减少。虽然现在有不少CSS管理和精减工具,但每个网站都会平均请求6个CSS文件。
调查中仍有27%的网站使用Flash,主要用在广告,视频和游戏上,这比去年下降了5%,没我们想像中多。
 
另一项贡献最大的就是图片了,占了整个网页容量的85%!虽然现在图片的分辨率越来越高,但Retina屏的设备可仅占一小部分,而且有很多工具都可以帮助减少图片使用量。另外,有些网页有超过50张图片,这是不是太过人了!
 
不是好事
 
15%的增长与去年的32%,以及前年的30%比起来,似乎不多,但另一个问题是,平均带宽有提升这么快吗?而且随着移动互联网的发展,现在有三分之一的用户使用移动设备访问网页,流量费怎么办?
 
对网站主来说,逐渐臃肿的网页也并不是什么好事:
 
用户体验变差。无论网站内容多好,加载慢,让人等就是错!
 
让网页达到2Mb,是想不管三分之一的移动端用户吗?
 
Google会降低网站评级,更不容易搜索到。(当然Google从没说过具体操作过程)
代码越多,崩溃的可能性越大。
 
流量这么大,真的不费钱?
 
原因?懒!
 
至于原因是什么?有人猜测是CMS模板和框架使用过度,它们让开发者能更快,更便宜地进行开发,但牺牲的是质量和效率。工具中包含了许多根本用不到的功能,但要把它们移除,却是一件繁杂的工作。
 
另外,还有开发者预算紧张,开发时间有限等原因。不过,也有人总结成一个字:懒。
 
但至少,不关网页浏览者什么事。
 
以上就是小编今天跟大家一起探讨的网页为什么越来越臃肿的原因,不知道小伙伴你有何见解呢,是不是觉得导致这个的原因也是上述所写的那样呢?

 

文章来源于:http://www.alqsoft.com/xinwenzixun/qitaruanjiankaifazixun/2015/0106/178.html

分享到:
评论

相关推荐

    很强大的网面抓图软件

    标题中的“很强大的网面抓图软件”指的是能够高效、全面地从网页中批量下载图片的工具,这类软件通常具备智能识别和捕获网页中所有图片的能力,为用户提供了便捷的方式来收集网络上的图像资源。在描述中,“给个网页...

    整理的快手Java岗牛客网面经指南及知识点.zip

    整理的快手Java岗牛客网面经指南及知识点.zip整理的快手Java岗牛客网面经指南及知识点.zip整理的快手Java岗牛客网面经指南及知识点.zip整理的快手Java岗牛客网面经指南及知识点.zip整理的快手Java岗牛客网面经指南及...

    网面制作资源

    课件,很多人反映很好用,没在其它地方上传过。

    网页设计 淘宝网面

    网页设计 淘宝网面 值得拥有!

    基于python实现的牛客网面经数据抓取源码(课程作业).zip

    基于python实现的牛客网面经数据抓取源码(课程作业).zip基于python实现的牛客网面经数据抓取源码(课程作业).zip基于python实现的牛客网面经数据抓取源码(课程作业).zip基于python实现的牛客网面经数据抓取源码...

    基于矢量的三角网面体碰撞检测方法

    本文主要探讨了一种基于矢量分析的三角网面体碰撞检测方法。通过利用三角形平面的有向特性,该方法能够有效地检测三维空间中三角网面体模型之间的碰撞情况。在虚拟现实与仿真技术中,三维物体模型间的碰撞检测是一项...

    基于YOLOV5的钢筋网面交叉点识别(这是压缩包2)

    基于YOLOV5的钢筋网面交叉点识别 基于YOLOV5的钢筋网面交叉点识别

    xml_jsp网面编程教程.pdf

    xml_jsp网面编程教程.pdf jsp XML 网络编程 算法

    DREAMWEAVER+PHOTOSHOP精美网面设计与制作

    DREAMWEAVER+PHOTOSHOP精美网面设计与制作

    行业文档-设计装置-一种造纸生产用的网面防水装置.zip

    这个压缩包文件包含了一份详细的技术文档——"一种造纸生产用的网面防水装置.pdf",该文档将深入探讨这一创新设计的原理、结构、功能以及实际应用。 首先,我们要理解造纸的基本流程,它包括制浆、抄造和后加工等...

    基于YOLOV5的钢筋网面交叉点识别(压缩包1,请合并压缩包2(免费)使用)

    基于YOLOV5的钢筋网面交叉点识别 基于YOLOV5的钢筋网面交叉点识别 这是压缩包1

    电子政务-三层网面电蚊拍.zip

    在电子政务系统中,这一层通常包括网站、移动应用或自助服务终端等,提供信息查询、申请办理、反馈等功能,使公众能够方便地获取和提交信息。 2. 业务逻辑层(应用服务层):这是系统的核心部分,负责处理各种业务...

    action jsp文件上传 网面向导

    其零配置的特点使其成为快速原型开发的理想选择。此外,对于那些希望避免大型框架带来的复杂性和开销的开发者来说,LMVC也是一个不错的选择。 总之,LMVC框架是一款简洁、高效且易于使用的MVC框架,适用于快速构建...

    在网面中使用多线程实例

    3. **源码**:提到源码,意味着我们可以深入探讨多线程的实现细节。例如,`.aspx`和`.cs`文件是ASP.NET Web应用程序的一部分,`.aspx`是视图层,`.cs`是对应的代码-behind文件,通常包含处理HTTP请求的逻辑。在`...

    网面图片抓取工具 java Web 应用

    javaWeb应用,需要布署在tomcat下 操作步骤: 1 解压GradImg.rar 2 把项目导入Eclipse 或 MyEclipse 进行编译 3 布署到tomcat下 4 启用应用输入...5 图片抓取后存放路径为:D:/img 需要先在D盘下创建img文件夹

    ASP动态网面设计含案例和源码

    采用asp环境,由VBScript脚本语言和HTML标记语言进行编译来完成的。讲授了asp动态网页的设计步骤和方法。

    结束语.点线网面一起构建MySQL知识网络1

    在这一过程中,不断实践,加深对原理的理解,构建知识网络,最终将使我们在面对复杂问题时游刃有余,快速适应新的技术和挑战。记住,持续的学习和反思是提升技能的关键,而分享和讨论则是深化理解的催化剂。在这个...

    一个网页爬虫的展示

    在这个项目中,我们将会深入探讨如何利用Python实现一个多进程的网页爬虫,以及如何进行多层网页数据分析和数据库交互。 首先,我们需要了解Python中的几个关键库。`requests`库用于发送HTTP请求,获取网页内容;`...

Global site tag (gtag.js) - Google Analytics