分享好友 资讯首页 频道列表

站长基础说说之网站前端页面优化 给你的页面减肥

2018-05-02440
 从浏览器输入网址或从别处链接敞开的网页,直到囫囵网页所有加载完成,这个过程浏览器会加载哪些文件呢,首先来看一下,网页由哪几局部组成的,一。网页文档,即是网页上预示的文本书契,这是一个比较小的局部,二。图片,即是网页上预示的图片,图片占囫囵页面体积是最大的一局部,三,对象,哪些是对象元素呢,就是如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/
反对 0
举报 0
收藏 0
打赏 0
站长基础说说之搜索引擎的内外部优化你知道多少呢?
搜索引擎的内外部优化你知道多少呢?郑州seo索引擎优化告诉你。如下:一、内部优化(1)META标签优化:例如:TITLE,KEYWORDS,DES

0评论2019-05-03334

站长基础说说之网站百度收录需要注意的问题
1.时间问题:网站是新站,百度对于新站的考察时间是1-3个月.在这三个月中,我们site自己的网站经常会出现网站有时间可以查询到一个

0评论2019-05-03341

站长基础说说之网站改版后的降权处理方法有哪些?
网站出现降权的情况很多,这也是每个优化师不想看到的问题,一但网站出现降权对排名的影响还是比较大的,情况稍好的话可能会轻微

0评论2019-05-03330

站长基础说说之新手学习优化的3大步骤
对于有过优化网站或者自己及团队有做过网站和优化的人,百度搜索引擎排名的工作原理其实并不是那么复杂,但对于大部分网民用户来

0评论2019-05-02305

站长基础说说之网站如何增加网站内页收录
现在做网站优化的人在不断的淘汰与更新,但是百度的算法还是大同小异,只要把网站排名做到前20名,上前三对于老的SEO人来说都不

0评论2019-05-02283

站长基础说说之seo优化应该从seo的原理上出发才能做好优化
seo这个行业从开始的混乱无比变得井然有序,让很多从事seo行业的朋友心中有了一个底。可是咱们做seo这么长的时间有没有真的去了

0评论2019-05-02311

站长基础说说之SEO新手易走进的优化几大误区
对网站定位不明确在着手工作时要对网站一个定位和了解;站在搜索引擎和用户的角度思考,我们的网站可以给用户传达的核心思想是什

0评论2019-05-02171

站长基础说说之SEO优化如何判定一个外链的价值!
对于外链为皇,内容为王这一句话,我想对做SEO优化的人来说耳朵已经听出茧来了。不过随着百度搜索引擎的算法更新后,很多人就放

0评论2019-05-02186

站长基础说说之蜘蛛是如何抓取页面数据的?
蜘蛛先去抓取百度白名单的网站或者一些信任度非常高的站点和页面(例如:一些高权重网站 和网站的首页),在抓取这些网页的内容

0评论2019-05-02167

站长基础说说之百度图片的热门目录收录规则有哪些?
百度图片的热门目录: 爆笑趣图、精品推荐、MM明星、卡通动漫、精美壁纸、电影电视、风景名胜、新闻图片、壁纸。百度图片会根据

0评论2019-05-02179