如果提高网页打开速度、网站兼容性

转载请标明是引用于 http://blog.csdn.net/chenyujing5678

欢迎拍砖!

一、提高网站打开速度

1、代码瘦身

（1）除去空白区域

（2）除去注释

（3）除掉换行

（4）把CSS和Javascript代码改为外部文件或使用工具压缩JS代码。

然后再加一行调用，这样打开速度会稍快些，因为网页里的代码少了，且有利于搜索引擎抓取。

工具：

（4、1）Jsmin下载地址 http://www.oschina.net/p/jsmin/similar_projects

JSMin 是一款JavaScript痩身工具。用于从JavaScript文件中剔除注释和没用的空格 ，它的特点就是能减少文件的大小，从而加快下载速度，它能完全降低消除下载的成本。



在CMD命令行中进入jsmin目录，然后命令操作：



这样我们得到了优化后的文件demo_opt.js，可以看出大小变小了：



我们查看内容后发现空格和换行不见了：



（5）避免旋转一些比较大的Flash视频或者其他音视频文件。

（6）尽量使用静态网页

静态网页：是指没有后台数据库、不含程序和不可交互的网页。网页后缀一般是.htm、.html，

更新麻烦，一般用于更新少的展示网站，eg：公司简介。

动态网页：在动态网页网址中有一个标志性的“？”符号，后缀一般是 .asp、.aspx、.jsp、.php，经常带个“？”。

一般来说，对于搜索页面，根据搜索内容不同要展示不同的页面内容，这就需要数据库的支持。



尽量使用静态页面：

（1）完全静态化

CMS系统一般自带静态化功能



（2）伪静态化

其实就是网页网址的改写，把动态地址改为静态地址：



其实还是动态，不会提高网页的打开速度，但搜索引擎喜欢静态网页，所以有利于搜索引擎抓取。

二、网站兼容性的好处

不同浏览器对个别CSS含义解析不一样，eg:



提高兼容性，有利于搜索引擎抓取，因为一般兼容性好的代码一般都要奠守W3C规则，而搜索引擎一般喜欢遵守W3C的代码。

如果发现网站不能对各种浏览器兼容，那么可以针对不同浏览器写相应的CSS代码来解决此问题。