网页瘦身技巧总结_我的网页设计技巧总结
网页瘦身技巧总结由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“我的网页设计技巧总结”。
我们大家都知道,网页设计无论是基于那种语言都是两种布局方式和架构:一是:table做的;二是:div+c做的然而这两种架构也不是绝对的互斥的,也有出现你中有我,我中有你的情况。
一、为什么要网页瘦身呢?
原因是,搜索引擎本身的资源是有限的,在一定的时间内他的存储空间也是有限的。如果一个页面是2k相比一个将1m的页面来说,2k的页面存储500个的空间,只能放一个1m的页面。
鉴于对搜索引擎的考虑,我们应该让他减轻负担.还有就是:
1、尽可能的减少数据的数据的传输量。
2、尽可能的减少数据的传输频率、如果可以做到这些,那么:
1、提高网页的下载速度
2、降低服务器使用的资源
3、提高网络带宽利用率
二、网页加载流程
首先(x)html文件最先浏览器读到,然后加载到内存中,因为这个文件决定了整个网页中其他文件的关系,一般情况下,我们称这个为主文件(host document)浏览器一旦加载完成这个文件,便开始解析各种markup了 在从文件顶部开始向下解析的过程中,会同时发出一系列的相关对象的请求,包括外部脚本,样式表单,flash等其他元素。而这些c和javascript则有可能继续触发一些相对图片和脚本资源的请求。
从这了可以看出主文件的重要性,如果能把他尽可能快的传给浏览器,浏览器就可能先一步解析。所以第一步,需要对主文件进行优化,减肥。
三、常用的优化技巧
下面我就集合我的高中学习网()的优化经验,给大家做个总结。
1、html代码的优化、出去空白区域,一般而言,空白区域(空格,制表符,换行符等)都可以安全删除,但要避免修改pre,textarea,及受c属性中W*hite-space影响的标签。
我还有一个建议就是,这些代码在优化前,大家留一个备份,因为毕竟有空白区域的代码,我们看起来比较舒服,不至于是我们的眼睛太累,可能我们后期还要对优化的过的代码进行再操作、出去注释,除了在客户端给ie和doctype声明的注释,几乎所有的注释都可以k掉,毫无顾虑、使用短格式的颜色表示,我们常常在用颜色的时候喜欢用16进制和全颜色名称,认为这样比较精确,但我们要尽可能根据实际情况使用短格式的颜色表示
如:#ff0000,其实就是red、用短格式的字符表示。和最短颜色表示一样,一些名称可以用最短字符来表示,我们可以用较短的数字来代替某些长长的字母。、除去无用的标签。有些无用的标签,比如使用了多次的重复标签或者某些编辑器里面用做广告的meta标签,都可以安全地去掉
2、C代码的优化
c也有一套成熟而有简单的方法。实际上,时下大多数的c都较(x)html更容易压缩。、除去c中的空白区域。相比html来,c对于空白区域没有那么敏感,所以除去空
白区域可以极大地减少c文件和style样式表的区域大小、除去c注释,如同除去markup代码中的注释一样,由于c的注释对普通的最终用户来说并没有什么使用价值,使用应该除去。
不过,如果考虑到较低级的浏览器,则c中的style标签中的屏蔽注释信息不可以除去。使用短格式表示颜色,同上,不再重复、对c的规则进行合并,如这短代码:
p{font-size:36pt;
font-family:aral;
line-height:48pt;
font-weight:bold;}
可以这样写:p{font:bold 36pt/48pt arial;}
这样的话,数据量顿时就见效了许多。这些都我们可以注意到,而又没有在意的方面,seo就是细节,细节决定成败、对类和id重命名。多id重命名,要注意,不要出错
许多时候我们为了程序编写的需要,总是把名字写的有意义自己能理解,但是这样无疑长了很多,这个大家自己看着改吧
对seo优化而言,用div+c可以更好布局网站的架构,把你想要展示的东西把代码的上方搜索引擎都是从上往下看的,累了就不看了。就是代码靠前 显示的内容却未必再前面,这样搜索引擎先看前面的div就是可以根据自己的需要进行定位的参考资料
网页内容编辑技巧网页内容的编辑,最重要的是提升内容粘度,让内容深深吸引读者,让读者延续阅读,而不是草草浏览就关闭网页。由此所有内容的书写,都要深度围绕如何提升内容的粘度。......
效果更好的跑步瘦身技巧本文导读:跑步一直是深受大家所喜爱的运动健身方式,那么同时也是不少的想瘦身的人的瘦身法宝,那么如何能通过跑步来更好的达到瘦身的效果呢?跑步作为少有......
3个技巧教你怎么快速瘦身糖尿病介绍糖尿病(diabetes)是由遗传因素、免疫功能紊乱、微生物感染及其毒素、自由基毒素、精…[详细]糖尿病的病因|糖尿病的症状|糖尿病的治疗|糖尿......
刀豆文库小编为你整合推荐3篇3个技巧教你怎么快速瘦身,也许这些就是您需要的文章,但愿刀豆文库能带给您一些学习、工作上的帮助。......
四步骤转腰运动:平躺、膝盖弯起脚板着地,手指放在耳边;仰卧起坐后上身转向左面(此刻吐气、肩膀放松),再转回正面、缓缓躺下。右边的动作也一样,各重复10次。 躺卧曲膝:平躺、双手......
