如何提高HTML页面加载速度

降低页面的比重

1去除不必要的空白和注释， 将inline的script和css放到外部文件中。 HTML Tidy这个工具可以用来自动的去除空白。还有一些其他的工具能够压缩javascript代码，比如将比较长的标志符换成短的，通过这种方式，尽量的减少页面的比重。

减少文件的数量

将少一个webpage被加载时所需要的下载的文件数量，有些browser具有cache的设置，如果一个css或是javascript文件没有被改变的话，它就不会再去下载一遍。通过这样的设置，也可能减少文件下载的数量。

减少Domain查询

对于每个Domain的查询，都需要去检索DNS， 过多的Domian查询会导致页面加载速度变慢。

缓存重用的内容

确保所有可以被缓存的数据都已被缓存，并在恰当的时间过期。

尤其要注意的是：Last-Modified header，它会记录下静态最近被改动的时间，而对于大多数web服务器来讲，都会默认的为静态文件提供这样的头。

js：避免使用eval或者是函数构造器

js解释器在执行代码前，会进行类似预编译的 *** 作，首先会创建一个当前执行环境下的活动对象，并将那些用var声明的变量设置为活动对象的属性，但是此时这些变量的赋值都是undefined， 并将那些以funciton定义的函数也添加为活动对象的属性，而他们的值真是函数的定义。

使用eval时，传递给它的string内容，因为无法进行预编译，所以解释器也无法丢代码进行优化。这样的结果就是eval的效率相当低。

同时，在所以可以用string代替函数的地方，都不要用string来代替，而应该直接传一个函数过去。

js： 尽量使用局部变量而非全局变量

局部变量的查找速度比全局变量高出许多。

html首次加载刷新一次才更新成最新页面

这个ajax请求，几秒钟的延迟时间正常范围，它步运行的，对页面的不会造成直接影响。从图片中可看出，它的加载时间为138ms，不算长啊，后面的4.84s是它等待服务器返回数据的时间，在这段时间里，页面的其他元素是继续加载的，不会受影响。所以这个4.84s是不算在首页加载时间内的。就好比一个体育赛事直播的网页，它的比分一般都是通过ajax异步方式定时刷新的，而这个刷新的时间并不算在页面的加载时间内，因为这时候页面早就加载完毕了。

当然，这个4.84s的时间长短，是由多种因素造成的，比如电脑性能、网络状态等，但最大的影响因素通常都是后台数据库的查询速度，通过优化可以大大缩短这个查询时间。

如何优化网站性能，提高页面加载速度

c42abe5799143f7e118b6903c5d210f1.png

提升页面加载速度

1、图片大小越小打开速度越快

2、网页中代码不要臃肿所以不要有无用代码

3、js css使用外部引入

4、如果js css 不是显示用户看到的信息 而是一些特效的话放在最后加载。

怎样提高页面加载速度，论优化页面的过程

a82ba7b0082a37426238a85f636a6646.png

1、精简：去掉html页面不必要的空格释，尽量将script和css写在外部文件

可以借用第三具对页面进行加

2、减少文件数量减少页面上引用的文件数量可以减少HTTP连接数许多JavaScript、CSS文件可以合并最好合并，人家财帮子都把自己的JavaScript.functions和Prototype.js合并到一个base.js文件里去了

3、减少外部域名文件的引用

4、优化页面元素加载顺序例如：首先加载页面最初显示的内容和与之相关的JavaScript和CSS，不需要的图片文件放到后面加载，或者引用延迟加载的js

5、减少页面中inline和JavaScript的数量

6、不要在table标签中嵌套table标签，不过现在基本上都用div+css了，HTML5也出来了。

7、检查页面是否有js错误，或者空引用(检查页面有没有502错误)，有没有

---