如何提高网页加载速度(什么可以提高网页的加载速度)

如何提高网页加载速度,什么可以提高网页的加载速度

内容导航：

如何加快网站的打开速度

如何提高网页页面的响应速度

如何提高HTML页面加载速度

如何提高网页加载速度

一、如何加快网站的打开速度

网站打开速度的快与慢，直接关系到访客的用户体验度。网站被加载的速度与多个要素相关，如服务器优于劣，网络带宽大与小，页面代码繁与简等。如果受限于资金，那么通过优化网页代码来加速网站打开速度，就是很有效的方法。

一、压缩或精简Javascript代码和css代码。

无论什么类型的网站，用户第一次点击网站的时候，都会加载网站的Javascript和css代码，假设这些代码冗多，势必会降低网站打开速度。

如果有这样的问题，就要对代码进行压缩或精简。压缩方面，有大量的第三方工具如站长之家的CSS\JS压缩工具可供大家直接免费试用，经过压缩的代码，普遍能减小40%到65%。精简方面，能用一个样式控制就不用两个，思路是既能满足网站的页面布局，又是最小的代码量。

二、对Javascript代码和css代码以及图片进行服务器端的缓存设置。

大家有发现这样一个情况，假设用户第一次访问了你的网站，那么用户下一次再次访问你的站点，速度就会更快。这是什么原因呢?原因在于浏览器缓存。

大多数服务器，或空间已经默认设置了缓存功能，站长或者seoer要做的就是在后台设定相应文件类型以及过期时间。在此，建议为：如果是windows主机，就将图片，css和Javascript文件的缓存时间设置为30天;如果是Apache
Web服务器，则使用mod_cache模块开启缓存功能。

三、压缩图像。

有数据显示，图片加载时间是造成网站速度的最大因素，将图片加载速度问题解决，页面速度问题就解决了一大半。假设网站有大量jpg等格式的图片，需要在不影响视觉的前提下，尽量对其压缩，以减少图片本身的大小。与压缩Javascript文件类似，有大量的在线工具提供相应压缩服务，有大量的图像编辑软件如美图秀秀等，都有压缩功能。

四、网站需要全站静态化生成

就是页面的后缀是.html或.php等其它的，为什么这样说呢?你想一下，一般动态的网站，打开页面是，首先他就必须去读取数据库的资料，然后在显示到页面上，走了个弯路，并还有数据库访问的速度和数据库数据多少，数据库的大小所决定。你想不慢都难，静态页面就不同了，它不需要访问数据库，因为它在生成出来时就已通过读取数据库的资料，资料生成出一个页面来了，走的是直路，想不快都难;

尽可能的减少HTTP请求数量。
如果用户打开网站时会出现更多数量的HTTP请求，那么就会降低网页打开速度，比如一个网页中拥有很多backgroup图像，那么每个图像都会产生一个HTTP请求，于是打开一个页面会出现很多时间。所以我们可以通过CSS样式技术，将Backgroup图像运用CSS样式来代表，这样就能够有效的降低HTTP请求，从而提升网站的打开时间。另外还可以采用图像映射属性来进行设计，降低网页图片的直接加载，从而降低HTTP的请求。

总而言之，网站打开速度越快，用户的浏览网站就会感觉越爽，同时也乐意打开更多的页面。当然我们提升网站打开速度不能够一味的降低图片的使用量，以及网页的精美度，而是在此基础上进行技术上的创新，在不影响用户体验的基础上进行优化，才能够有效提升网站的竞争力和盈利能力。百度会对那些一秒以内打开的网站就行额外加分呦。

二、如何提高网页页面的响应速度

无论怎么成功的网站，页面加载延迟总是不可避免的。但是我们可以通过优化网站，最小化延迟时间。是什么原因导致网站的响应速度变慢呢？
平常我们说到网站的响应速度，最常用的方法就是减少网站文件的尺寸，减少网站的内容。实际上，影响网站响应速度的因素还有很多： HTML文档的大小。
页面中嵌入的脚本、图像、多媒体元素文档的大小。 HTML页面的复杂程度。 用户的接入速度 会被页面访问的第三方内容所在服务器的访问速度。
网站域名的DNS解析速度。 计算机的性能。 服务器的加载速度。
以上都是技术上的原因导致网站响应变慢，另外还有很多是因为网站设计师门在设计上的因素还有一些人为设计上的因素。例如：为了网站的美观，加入了一些flash元素，从而导致网站加载速度变慢；页面被设计为需要页面内容完全加载完毕后才一起显示。
影响网站响应速度的原因是找到了，要怎样才能使网站响应速度变快呢？长沙锋锐网络科技经过时间总结了下面的一些经验，对于解决由于技术和人为因素影响网站响应速度变慢有所帮助。
在不影响网站页面显示质量的前提下，尽可能的优化HTLM代码。页面中尽可能少的包含其他外部引用，减少文档之间的依赖。
确保你没有从外部服务器上引用第三方的内容：用一个脚本将远程的RSS源缓存在本地。这样可以避免DNS解析所造成的延时。
尽可能的制定图片及包含图片的元素的尺寸。这样可以避免页面展现时由于图片陆续加载而造成页面元素跳动的现象。
在页面的末端加载大的脚本，这样页面的可以在大的脚本加载完成前展示出来。如果把大的脚本在页面头元素中加载，浏览器会等到脚本全部加载完全后才会显示内容。
访客通常不会有足够耐性等待你的网站加载的，所以网站响应时间的长短直接影响着用户对你网站的第一印象。

三、如何提高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： 尽量使用局部变量而非全局变量 局部变量的查找速度比全局变量高出许多。

四、如何提高网页加载速度

你晚上开网页的速度慢的话，可能有几个原因，如果你开所有的网站都很慢的话，应该是你用的不是电信的ADSL，用的应该是一般的小区宽带或者其他宽带，宽带有一个缺点就是，他有一个峰值，这个峰值不是针对个人的，而是一个服务器，如果同时有200人通过这个服务器上网，这个服务器的带宽是100M，那样的话，每个人的最大带宽就是0.5M，那样的话，你上网的速度就会很慢，晚上8点到10点刚好是这个上午人最多的时间，所以很变慢。如果你只是看部分网站很慢，部分还是很快，那就可能是这样网站的流量达到了峰值，说明有很多人去浏览这个网站，这个就和你自己的网速没有关系了。