玩转html5移动页面，怎样优化代码_随笔

一、内部优化

（1）TITLE，KEYWORDS，DESCRIPTION等的优化

（2）HEAD,ALT属性等标签的优化

（3）内部链接的优化，包括相关性链接，锚文本链接，各导航等链接页

（4）有规律地保持站内的更新(主要是文章的更新等)

二、外部优化

（1）外部链接：博客，论坛，B2B等尽量保持链接的多样性,广泛性以及相关性

（2）每天添加一定数量的外部链接，提升稳定关键词的排名

（3）与一些和你网站相关性比较高,整体质量比较好的网站交换友情链接,巩固稳定关键词排名

影响关键词排名的因素有很多,SEO是一项系统工程,需要每天坚持,相信只要每天做好自己的工作,排名上升只是一个时间问题!

你可以使用代码实现：

注意修改网页过期时间，时间设置为第二天早上就可以了

=========

建站定要看网站加速权威三十四计

我们对网络的要求除了稳定外就是高速了，究竟有哪些方法能达到提高网速的目的，众说纷纭，大大小小的相关公司机构都给出了不同的优化措施，雅虎官方给出的优化网站加速的方法就是比较权威代表。

以下就是具体详细说明，部分来自境外网站译文。

1.MinimizeHTTPRequests减少HTTP请求

图片、css、script、flash等等这些都会增加http请求数，减少这些元素的数量就能减少响应时间。把多个JS、CSS在可能的情况下写进一个文件，页面里直接写入图片也是不好的做法，应该写进CSS里，利用CSSsprites将小图拼合后利用background来定位。

2.UseaContentDeliveryNetwork利用CDN技术

CDN确实是好东西，不过服务器提供商的这项服务一般是要收费的。

3.AddanExpiresoraCache-ControlHeader设置头文件过期或者静态缓存

浏览器会用缓存来减少http请求数来加快页面加载的时间，如果页面头部加一个很长的过期时间，浏览器就会一直缓存页面里的元素。不过这样如果页面里的东西变动的话就要改名字了，否则用户端不会主动刷新，这项可以通过修改.htaccess文件来实现。

====

====

4.GzipComponentsGzip压缩

Gzip格式是一种很普遍的压缩技术，几乎所有的浏览器都有解压Gzip格式的能力，而且它可以压缩的比例非常大，一般压缩率为85%。压缩没压缩，可以到这里做下测试。

5.PutStylesheetsattheTop把CSS放顶部

让浏览者能尽早的看到网站的完整样式。

6.PutScriptsattheBottom把JS放底部

网站呈现完毕后再进行功能设置，当然这些JS要在你的加载过程中不影响内容表现。

7.AvoidCSSExpressions避免CSSExpressions

CSS表达式很可怕，这个只被IE支持的东西执行时候的运算量非常大，你移动一下鼠标它都要进行重计算的，但有时候为了做浏览器的兼容必须要用到这个IE6。

...完整内容请查阅参考资料

一、用好html标签重定义，精简代码!

Html标签重定义比Class要节省页面代码。html里常见的标签有span、u、i、small、big、cite等，我们都可以用到页面中，然后在Css文件重定义样式。例如：如果是需要三个div才达到的效果，用 i、span、p三个标签就能很简洁达到，根本不用class和div。

二、标签使用要让搜索引擎易于理解。

h1只能用于页面主标题，一个页面只能有一个，有的模板默认把logo链接或文字链接设置成h1，这是非常错误的，h1应该只给标题纯文字h2用于次一级重要的标题h3可在列表页用于文章标题。 h2和h3根据需要适量使用，不能太多。

h标签后面可以跟着p或ul，p是对h进行完善描述，ul是调用相关文章，这两个都有助于搜索引擎理解。

在文章内容页，strong用于段落小标题，段落用p，这样不但看上去比较美观，搜索引擎也会明白。

三、想样式美观而且代码精简，请用好background。

欢迎分享，转载请注明来源：内存溢出

玩转html5移动页面，怎样优化代码