降低页面的比重
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代码的优化,涉及的东西很多,有空可以多了解了解。