如何提高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： 尽量使用局部变量而非全局变量

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

在进行web前端网站设计的过程中，网站网页的加载速度是非常关键的，每1秒的页面加载时间，它将页面浏览量减少11％，客户满意度降低16％，转换率降低7％。

打开网页的速度与网站的直接收入息息相关，所以说时间就是金钱，减少网站的加载速度是非常关键的。

下面佳音电脑培训为大家介绍提高网站加载速度的方法。

1、图片优化一般情况下，用户倾向于放弃在3秒内未加载的网页。

因为加载图像占用了网页上可供下载的大部分字节空间，因此影响网页下载时间的关键来自图像优化。

佳音IT培训发现确保正确图像优化的最佳方法之一是使用正确的大小和格式，如JPEG，GIF或PNG格式。

我们的目标是在不影响图像质量的情况下尽可能减小文件大小。

2、缓存缓存是一种临时存储网页的机制，可以减少带宽并提高性能。

当访问者到达您的站点时，缓存模式开始。

这节省了服务器时间并提高了效率。

启用浏览器缓存后，访问者可以更快地访问网站。

3、压缩Gzip是一个文件压缩软件的应用程序，就像把你的网站变成一个zip文件。

大多数服务器和客户都支持Gzip。

佳音IT培训发现当兼容Gzip的浏览器请求服务器向浏览器资源发送响应时，它可以很快的减少网站的时间延迟。

4、简洁的代码代码的简洁性是非常关键的，这样能够很好的将HTML，JavaScipt和CSS文件打包并压缩为较小的文件以运行。

在进行网站运行的过程中，佳音电脑培训发现如果移动网站有五个JavaScript文件，浏览器将发出五个单独的HTTP请求来获取它们。

为了减少拥塞和延迟，还有一种方法就是将五个文件缩小并连接在一起。