如何提高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中图片较多,怎样让图片加载速度加快

可以用gif格式的图片 如果像是那种大图背景什么的话 可以切成多块来加快网页载入速度

html编程速度 如何提升(包括CSS)

多写多练,一方面提高打字速度和思维速度,另一方面积累代码块

然后,因为这些代码块都是你自己写的,所以复制黏贴起来非常得心应手

积累足够的代码块以后,基本上能用复制黏贴+略微修改解决大部分情况了

….

不过话说回来,速度意义不大

比如我就超慢的,一天500行吧,基本上也没人催

如何优化html代码来加快网页访问速度

你可以使用代码实现:

<meta http-equiv=”expires” content=”Sunday 26 October 2008 01:00 GMT”/>

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

=========

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

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

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

1.MinimizeHTTPRequests减少HTTP请求

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

2.UseaContentDeliveryNetwork利用CDN技术

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

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

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

====

<meta http-equiv=”expires” content=”Sunday 26 October 2008 01:00 GMT”/>

====

4.GzipComponentsGzip压缩

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

5.PutStylesheetsattheTop把CSS放顶部

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

6.PutScriptsattheBottom把JS放底部

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

7.AvoidCSSExpressions避免CSSExpressions

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

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

HTML如何优化浏览速度?

你说的浏览速度,我就理解为页面的加载速度吧。要想提高页面的加载速度,主要可以从三个方面入手:

第一,减少页面的http请求,页面上的图片文件、css文件、js文件等等,每加载一个这样的文件,浏览器就要向服务器发送一次请求,服务器同时也要处理请求,如果能够将http请求数量减少,就能够加快页面的处理速度,具体做法就是合并css、js文件,利用sprite技术合并一些小图标的图片文件等等;

第二,见效页面的文件体积。页面体积减小,花费的传输时间自然也相应减少,页面加载就快了。最主要的还是图片文件,图片一定要压缩过,分辨率按照普通网页显示的要求就行了。还有css、js等一类文本文件也可以用一些软件进行压缩。服务端可以用gzip模块进行压缩传输。

第三,优化页面相关的HTML、css、js代码,主要还是js代码,这样能够加速浏览器的渲染速度,也能起到加快页面加载的作用。关于js代码的优化,涉及的东西很多,有空可以多了解了解。