设为首页收藏本站

莆田优搜网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 12852|回复: 1

简单代码优化可让网站瞬间提速

[复制链接]

52

主题

223

帖子

733

积分

版主

Rank: 7Rank: 7Rank: 7

积分
733
发表于 2014-8-20 19:38:01 | 显示全部楼层 |阅读模式
    不管是建站还是专门从事seo优化,网站模板的好坏直接影响今后的优化工作。而网站代码优化是网站页面优化的一个重要环节,也是页面优化的基础。我们所说的代码优化包括:精简代码、头部优化、权重标签优化和图片优化。

1.首先就是清理网站垃圾代码

    清理垃圾代码是指删除页面中的冗余代码,通常可以删除80%的冗余代码,垃圾代码主要指那些删除了也不会对页面有任何影响的非必要代码,比如空格就是常见的垃圾代码。
    空格字符是网页中最常见的垃圾代码。但并不是指标签,而是有代码编辑环境下敲击空格所产生的符号,每个空格相当一个字符,那么也就是说,一个页面,空格就占页面体积的15%,如100K的页面,有15K是空格字符。
    空格字符最常出现在代码的开始和结束处,还有就是空行中。这些都是容易产生垃圾代码的地方。消除这样的垃圾代码的方法就是选中代码然后按shift+tab键左对齐。

2.网站内容html标签的转换

    这个主要就是使用短标签替换在网页中有同样效果的长标签,例如:<b>与<strony>两者都是对字体加粗但是<strong>却比<b>多了5个字符。如果一个页面出现上百个加粗标签,就会产生不少的冗余代码。解决方法就是利用DW软件的查找功能替换长标签,这个大家自己试试,我就不举例了。

3.CSS的优化

    CSS可以以调用的方式,避免同样的标签重复写样式,从而达到精简代码的效果。另外,CSS有3种调用方式:
    (1)头部调用,也就是在<head>和</head>之间,这样是最不明智的,如果内容少则影响不大,否则的话就大大增加页面的体积,还占用了顶部的重要位置;
    (2)主体调用,例子如下:
  <body>
  <p style="font:Arial, helvetica,sans-serif; font-size:9px; line-height:12pt">我的网页</p>
  </body>
    这样的调用方式既不能发挥CSS的优势,又大大增加页面的代码量。
(3)外部调用
    也就是把CSS样式内容放到外部文件中,使CSS样式和页面分离,这样可以减少页面的代码量,而且还不会占用页面顶部的重要位置,让搜索引擎优先发现页面中相对重要的内容,这样做的同时要避免使用CSS为重要的内容定义样式。

4.还有就是JS优化

    JS无论对普通用户还是搜索引擎,都是极其不友好的。所以在规划网页时,要尽量不要使用JS。目前为止,搜索引擎不解析JS生成的页面或内容。JS代码冗长,执行效率远低于html,导致网页打开慢。
    JS优化,并不是说提高JS的代码执行效率。而是避免JS占用页面空间及重要位置。所以,我们只要改变JS代码出现的位置和调用方式就行。
    JS调用分内部和外部调用,内部又分头部和底部调用。头部调用就是把JS代码放到页面头部去,但巨量的JS代码放到页面头部不仅增加页面的体积,而且还会占用首页这样重量级位置。从而使得页面中相对重要的位置不能优先向搜索引擎展示,底部调用的原理一样。
    下面说说外部调用:就是把JS放到一个JS文件里,再在页面中调用,这样做既不占用页面的重要位置,又可以精简大量代码,加快页面显示速度。看代码:
  <script language="javescript" src="/include/web.js"></script>

5.接下来的就是表格优化了。
   
    表格优化主要就是解决嵌套问题。让表格独立,从而加快显示速度。既提高了用户体验,同时又精简代码。介绍表格
优化前我们要先搞清楚浏览器是怎样解析html的过程:
    当浏览器编译器遇到一个标签时,就开始寻找它的结束标签。直到它匹配上,才能显示它的内容。所以,当你表格嵌套很多时,打开页面就会特别慢,这样就降低了用户体验了。解决方法就是尽量不要把表格嵌套起来。这样做既有效的删除了冗余代码,减低了页面的体积,又提高了搜索引擎的友好性。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

QQ|手机版|小黑屋|莆田优搜网 ( 闽ICP备18008601号-2 )  

GMT+8, 2019-10-22 16:43 , Processed in 0.293756 second(s), 25 queries .

Powered by 莆田优搜网 X3.2

© 2014-2024

快速回复 返回顶部 返回列表