提高网站打开速度的18点要素分享
1、减少HTTP请求
图片、css、script、flash等等这些都会增加 http请求数,减少这些元素的数量就能减少响应时间。把多个JS、CSS在可能的情况下 写进一个文件,页面里直接写入图片也是不好的做法,应该写进CSS里,利用 将小图拼合后利用background来定位。
2、设置头文件过期或者静态缓存
浏览器会用缓存来减少http请求数来加快页面加 载的时间,如果页面头部加一个很长的过期时间,浏览器就会一直缓存页面里的元素。 不过这样如果页面里的东西变动的话就要改名字了,否则用户端不会主动刷新,看自己 衡量了~ 这项可以通过修改.htaess文件来实现。
3、Gzip压缩
Gzip格式是一种很普遍的压缩技术,几乎所有的 浏览器都有解压Gzip格式的能力,而且它可以压缩的比例非常大,一般压缩率为85%。
4、不要在HTML中缩放图片
图片要用多大的就用多大的,1000X1000的图片 被width=”100″ height=”100″以后,本身的KB数是不会减少 的。
5、优化图片
将你的GIF转为PNG8会是个减小体积的好办法, 有很多方法处理你的JPG及PNG图片以达到优化效果。
6、不要出现404页面
站点本身里(非搜索结果)出现404页面,无意 义的404页面会影响用户体验并且会消耗服务器资源。
7、减小Cookie
Cookie在服务器及浏览器之间的通过文件头进行 交换,尽可能减小Cookie体积,设置合理的过期时间,能够很好的提高效率。
8、减少iframe数量
需要更有效的利用 ifames。
iframe 优点有利于下载缓慢的广告等第三方内 容,安全沙箱,并行下载脚本
iframe 缺点即使为空也会有较大资源消耗,会阻止页面的onload,非语义
9、尽早的释放缓冲
当用户进行页面请求时,服务器端需要花费200 到500毫秒时间来拼合HTML,将写在head与body之间,释放缓冲,这样可以将文件头先 发送出去,然后再发送文件内容,提高效率。
10、删除重复脚本
重复调用的代码浏览器并不会识别忽略,而是会 运算一遍,这是大大的浪费。
11、减小JS和CSS的体积
写JS和CSS都是有技巧的,用最少的代码实现同 样的功能,减少空白,增强逻辑性,用缩写方式等等,也有不少工具也能够帮你实 现这一点。
12、减少DNS查找
减少网站从外部调用资源,网页加载效率会大大 提高。
13、将JS和CSS外链
一些较为公用的JS和CSS,我们可以使用外链的 形式,譬如我就是从Google外链来的Jquery文件,如果我的浏览者在浏览别的使用了这 个外链文件的网站时已经下载并缓存了这个文件,那么他在浏览我的网站的时候就不需 要再进行下载了!
14、避免CSS表达式
CSS表达式很可怕,这个只被IE支持的东西执行 时候的运算量非常大,你移动一下鼠标它都要进行重计算的,但有时候为了做浏览器的 兼容必须要用到这个||| IE6去死去死!
15、把CSS放顶部
让浏览者能尽早的看到网站的完整样式。
16、把JS放底部
网站呈现完毕后再进行功能设置,这些JS要 在你的加载过程中不影响内容表现。
17、用GET方式进行AJAX请求
Get 方法和服务器只有一次交互(发送数据), 而 Post 要两次(发送头部再发送数据)。
18、减少DOM的访问次数
JS访问DOM是很慢的,尽量不要用JS来设置页面 布局。
长沙网站设计
- 如何自己建一个网站 自己想建个网站,怎么建
- 如何制作网站免费建站 创建网站免费注册
- html简单网页代码 html简单网页代码超链接
- dreamweaver网页制作 dreamweaver网页制作模板
- 上海网站建设 上海网站建设制作微信
- 如何制作网站和网页 如何制作一个网页
- html网页制作代码大全 端午节html网页制作代码大
- app开发公司 app开发公司前十名
- html网页制作 html网页制作文字居中
- app制作一个需要多少钱 请人制作一个app多少钱
- 成都网站制作 成都网站制作维护
- 百度建一个网站多少钱 百度做个公司网站要多少
- html+css网页制作成品 web网页制作成品css+javascrip
- html网页制作案例 html网页设计案例
- html+css网页制作成品 web网页制作成品css+javascrip
- 个人网站模板 个人网站模板HTML