代码优化是如何实现的

  代码优化就是对网页中的html源代码进行必要的调整,以提高页面的有好行,页面经过优化后,一方面可以有效的精简页面中的冗余代码,加快页面的显示速度,同时降低页面占用搜索引擎服务器的存储空间,从而提高页面的用户体验及搜素引擎友好型;另一方面可以突出页面主题,提高页面的相关性。

  主要步骤:精简代码;头部优化,权重标签使用及图片优化。在这四个环节中,精简代码是最基础、最根本。

  1.精简代码是指清除或者简化页面中的代码,从而达到降低页面体积、提高页面的用户体验及搜索引擎优化性的目的。

  精简代码又分五个小步骤:1.清理垃圾代码;2.html标签转换;3.css优化;4js优化以及表格优化。

  1.1 垃圾代码是指那些在删除的情况下也不会影响页面正常显示的非必要代码。不要小看这些代码,他占据了很大的空间,不仅影响性能还影响搜索引擎的计算时间,所以代码最好是手写,如果用frontpage,word,dreamweaver,等工具写的话,产生的垃圾代码会非常多,所以手动清理掉。

  1.2 html标签转换,主要是指使用短标签替换在网页中实现同样效果的长标签。例如与,两周都是对字体加粗,但是比多出五个字符,如果页面很多的话,就会产生很多冗余代码。

  1.3 css优化。css优化主要是改变css的调用方式,以及避免使用css为重要内容定义样式。

  使用div+css方式制作页面,一方面防止垃圾代码,另一方面可以减少重复代码。这种方式对搜索引擎非常友好。

  1.4 js优化。js对搜素引擎极不友好。目前搜索引擎不能解析javascript生成的页面或者内容。所以重要的内容不能用js脚本生成;

  1.5表格优化,传统的页面基本都是用table。但是这种方式对搜索引擎非常不友好,所以不建议用table

  实战:我的网站gsm alarm system所有的页面都是手写,几乎没有任何的冗余代码,就是标签的转换,尽量避免了长便签。

  还有就是css优化,所有的样式我放在外部页面,只需在头部添加引用即可,这样大大减少了页面的体积。

  还有就是我采用了div+css的方式写了每个页面。

  还有js优化,所有的重要内容都没有使用js,用js只是显示一些特效,但是js的代码也是写在外部页面,而要在页面的底部添加引用,千万不要再头部,如果在头部也会影响页面的性能的

  而我的网站gsm alarm system所有的页面都遵守了上面所述规则。以上小弟如果有错的地方,各位大哥,可以给予指点,小弟不胜感激。好了今天就到此了,下节继续。

时间: 2024-11-05 16:33:00

代码优化是如何实现的的相关文章

JS全选功能代码优化

JS全选功能代码优化     最近在看javascript MVC那本书,也感觉到自己写的代码也并不优雅,所以一直在想 用另一种模式来编写JS代码,所以针对之前的简单的JS全选功能来做个简单的demo,使用目前现在的编码方式来重新编码,当然以后会一直用这种方式来编写自己的代码.下面是如下代码:  JS所有代码: /**  * JS全选  * @class Checkall  * @param {Object} cfg  * @param {Elementselector} [cfg.contai

Meta代码优化:如何通过Title来吸引蜘蛛

网站的代码优化是我们每个SEO人员都知道的,但是在优化标题时,我们总是在想怎么让标题新颖的同时又要有利于优化,下面说说关于Meta标签标题的优化问题. 一.标题字数的限制 Title标题的字数在25个字,一个中文汉字是两个字节,那么就是说50个字节以内的都是符合要求的.超过25个字,搜索引擎搜索的时候就可能不会出来,但是不同的浏览器字数可能有区别. 二.标题关键词的位置 关键词的位置很重要,关键词越靠前越容易被用户关注,关键词也就越重要,如果你的网页做了3个关键词,那么你就需要按照关键词的重要次

JavaScript代码优化新工具UglifyJS

jQuery 1.5 发布的时候 john resig 大神说所用的代码优化程序从Google Closure切换到UglifyJS,新工具的压缩效果非常令人满意. UglifyJS 是一个服务端node.js的压缩程序.我测试了一下压缩率确实比较高. 所以值得写篇文章推荐下. 你也可以尝试一下在线版的Uglifyjs: http://sweet.fengyin.name/ 如果你对 uglifyjs 有兴趣可以按照以下安装方式进行安装. 1. 安装 node.js 环境 2. 进入 https

代码优化的另一面

  优化软件是一件好事,但如果使用不当,就会好事变坏事.如果你在优化代码时走向了错误的道路,那么这种优化会提高开发成本.降低生产力.在软件开发过程中,成本需要时刻谨记在心.一般来说,优化的软件需要花费更长的时间来交付,因为你需要花费精力使它质量更高.有时候,你并不是为了运行速度而做优化.对于嵌入式系统来说,可能是减少内存使用,对于手持设备,可能是硬件资源限制.优化的代码通常难以调试和维护,因为你需要牺牲一些代码可读性.优化良好的软件带来的好处要多于坏处,但是如果你做了错误的优化,那么结果恰恰相反

浅释Flash ActionScript代码优化原则

优化 本文浅谈Flash ActionScript代码优化,主要针对Flash 8帮助里面提到的一些代码编写优化原则加以解释. 1.避免从一个循环中多次调用一个函数. 在循环中包含小函数的内容,可使效果更佳.小函数生命期短,利于资源释放.尤其是在大的循环中时. 2.尽可能使用本机函数. 本机函数要比用户定义的函数运行速度更快.本机函数即Flash中内有的一些函数(intrinsic),比如hitTest(),你没必要自己写一个类似的. 3.不要过多使用 Object 类型. 数据类型注释应力求精

浅释ActionScript的代码优化

优化 本文既为浅谈代码优化,那么就不深入到OOP设计层面.仅涉及Flash8帮助里面提到的一些代码编写优化原则,并加以解释. 准则来源于Flash8 帮助,我做了一些解释: 1.避免从一个循环中多次调用一个函数. 在循环中包含小函数的内容,可使效果更佳.小函数生命期短,利于资源释放.尤其是在大的循环中时. 2.尽可能使用本机函数. 本机函数要比用户定义的函数运行速度更快.本机函数即Flash中内有的一些函数(intrinsic),比如hitTest(),你没必要自己写一个类似的. 3.不要过多使

如何让你网站代码优化的更合理

相对SEO而言,大家都知道一个网站在搜索引擎中的排名位置,多 数是取决也这个网站的域名年龄.有效外部链接.内容是否原创等很 多综合问题,对现在的搜索引擎来说,优秀的网站界面不能获得很好 的排名,毕竟,现在,它还没智能到能够在排名的因素中加上网站界 面这一条.如果把网站比喻成博物馆,那么搜索引擎就像是来参观的旅客, 或许这个比喻有点不恰当.一个旅客来参观一个陌生的博物馆,能让 他充分了解这个博物馆信息的并不是博物馆外表的样子,而是博物馆 里收藏的物品,网站就像是这样的,我见过很多网站界面很友好,但

简介Java代码优化的过程

衡量程序的标准 衡量一个程序是否优质,可以从多个角度进行分析.其中,最常见的衡量标准是程序的时间复杂 度.空间复杂度,以及代码的可读性.可扩展性.针对程序的时间复杂度和空间复杂度,想要优化程序代码,需要对数据结 构与算法有深入的理解,并且熟悉计算机系统的基本概念和原理:而针对代码的可读性和可扩展性,想要优化程序代码,需 要深入理解软件架构设计,熟知并会应用合适的设计模式. 首先,如今计算机系统的存储空间已经足够大了,达到 了 TB 级别,因此相比于空间复杂度,时间复杂度是程序员首要考虑的因素.为

VC++.NET 2003代码优化方法

概要:这篇文章介绍了Visual C++.NET 2003中的代码优化.另外,有些读者可能对VC.NET 2002的优化不太了解,所以我们会简短介绍一下全程优化(Whole Program Optimization).最后我们用一些例子充分表现一下VC.NET的优化性能,并对其讨论. 前言 人们在使用一个新的编程工具时总会感到缺乏自信,本文试图让你对VC的代码优化有更直观的感觉,希望你能通过阅读本文从VC中"得到"更多的东西. Visual C++ .NET 2003 VC.NET 2