从浏览器输入网址或从别处链接敞开的网页,直到囫囵网页所有加载完成,这个过程浏览器会加载哪些文件呢,首先来看一下,网页由哪几局部组成的,一。网页文档,即是网页上预示的文本书契,这是一个比较小的局部,二。图片,即是网页上预示的图片,图片占囫囵页面体积是最大的一局部,三,对象,哪些是对象元素呢,就是如flash,插件视频什么的的,这个是比较大的,四,脚本,这个主要是js文件,,五,范式表,扼制网页预示效果的。http://www.yixiin.com/
那么,网页文件越大,浏览器从服务器下载到预示页面的时间会越长。这个对网站seo是不好的,具体的内容可以参见SEM一家之言中的一篇文章《网页加载速度是若何影响seo效果的》, 这篇文章写的比较全面,有一点网站本身可能是因为CMS的端由,也可能是服务器的端由,在浏览器的面貌栏老是在烦请的面貌,这个也是要注意的。所以,对于 网站,文件总体积涵盖,上头提到的内容,html,外部css,外部的javascript,和网页上的图像,声响,视频,flash等一点文件的体积。 这些文件中html,css,javascript,全是文本文件,这些文件在网页编著好候可以去控格,然而如今的web服务器都有压缩文本的功能,管理 员可以设置。
不过像图像,声响,视频,flash这些文件在网站占的比重巨大,而且这些文件相对于文本文件要大众多,在网站敞开过程中是影响下载速度的关紧因素。
这是国内某b2c商城首页的体积,
这是淘宝首页体积
163首页体积,相对于门房型网站,商城网站页面委实是比较大。上图中是firefox中的一个插件,web developer 中有一个功能可以查看网页的体积 ,此工具对于技术剖析网站十分有用,功能比较强大,有需要的朋友可以装上用一用,seo众多也是要剖析网站底层代码,剖析竟争对手的网站等。
普通情况下,要求每页多大才合宜呢,纵然是所谓的专家在这个问题上, 也普遍存在着分歧,假如你的网站需要专业的质量的图形,那么就不可能笃守“20k定律”,譬如如今的电子商务商城,图片的办理效果,给销费的感受是不同样 的,如一点网站制作专题的,大多是图片,那么这个时分,在设计页面时就可以将大的图片切割成比较小的局部,如国内的moonbas商城,虽然是专题不过 它们把大图分成了众多小的局部,这么用户在敞开网页时,网页被加载的就比较快,网站敞开速度巨大程度上会影响用户的体验,试想,一个网站敞开的速度很慢, 你普通情况下会等多久呢,不要让用户等待太久,否则你将错过潜在的用户或定单。
那么,要给网站的网页要减肥,要做到哪些比较好呢?
1. 把大多的css范式表和javascirpt文件放入到网页的外部文件,将它们单独写在一个文件中,只有在网站首届被敞开时才援用这些文件,才施行加载。而后,网站的 任何页面都可以重复使役这些文件,而不必再一次的下载,虽然这些文件可能不是巨大,不过假如每每敞开新的页面都要加载,这些也是节约用户带宽的一局部。
2. 假如可以的话,尽力使役不一样页面的图形,音频,视频。这些文件也是在首届使役时才被加载。
3. 不要使役何必要的图片,动画,声响,无论是出于实用性或是为了增加网站的美观,每个文件都应当有它存在的端由,有点图片是用来补充空白的,像这么的图片可以去掉。
4. 尽力使役小尺寸的图片,而不是大尺寸的图片,因为在相同的情况下,小图片的下载速度更快,假如对图片像素要求不高的,可以使役gif款式的图片,例如,做为背景的图片可以用小尺寸重复,而无须一个大图作背景,如一点商城网 站,专题页面的图片可以切成小尺寸的图片,这么可以让你的网页敞开速度加快。
5. 尽力减损导航按键中用图片作翻转的效果,因为要下载不一样的图片,相反,假如,用的是文本链接,用css扼制翻转也可以达到同等的效果。
以上基本列出了影响网页体积的相关因素,可能还有一点没有找出来,期望有朋友找出更多的影响网页优化的更多因素 http://www.yixiin.com/