关注大学生就业,培养泛IT高端人才

陕西新榜样官方网站

您的位置:  > 新闻动态 > 公司动态 >

WEB开发网页性能的优化

来源:WEB开发培训 发布时间:2018-10-24 浏览量:

  在WEB开发中,我们经常会遇到一些网页响应时长过长等一些问题,那么今天就由陕西新榜样软件科技有限公司的WEB开发培训专家来跟大家聊聊关于WEB开发网页性能优化的一些方法。

  一、减少HTTP请求次数

  一般情况下,网页的响应时间全部花费在下载的网页内容上,例如:JS、Flash等等,我们想要优化网页性能,首先就要减少请求次数,从而缩短时长!并且可以通过简化页面设计来减少请求次数。以下是几个减少请求次数的技巧。

  1、捆绑文件:将多个文件捆绑成为一个单独的文件,将多个样式表文件捆绑成一个文件,以此来减少文件的下载次数。

  2、Css Sprites:可以把很多图片拼成一个大图,通过CSS来控制在什么地方显示这整张图片。

  3、Image Maps:也是将多幅图拼在一起,然后通过坐标来控制显示导航。

  4、Inline images:通过编码的字符串将图片内嵌到网页文本中。

  二、减少DNS查询次数

  DNS查询的响应时长也是非常的高,如果我们的网页内容从不同的Domain而来(比如嵌入了开放广告,引用外部图片或脚本),客户端在第一次解析Domain时,需要耗费很长时间。DNS查询结果缓存在本地系统和浏览器中一段时间,所以DNS查询一般是对首次访问响应速度有所影响。

  三、避免页面跳转

  Ajax可以帮助我们同步下载网页内容,但是有些网页内容即使是同步的,用户还是在等待它的返回结果。

  四、提前加载

  与延迟加载目的相反,提前加载的是为了提前加载接下来网页中访问的资源。

  五、减少DOM元素数量

  网页中元素过多对网页的加载和脚本的执行都是沉重的负担,500个元素和5000个元素在加载速度上会有很大差别。如果想知道我们的网页中有多少元素,可以通过在浏览器中的一条简单命令就可以算出。

  六、根据域名划分内容

  浏览器一般对同一个域的下载连接数有所限制,按照域名划分下载内容可以浏览器增大并行下载连接,但是注意控制域名使用在2-4个之间,不然DNS查询也是个问题。

  总的来说,一般网站规划会将静态资源放在类似于xinbangyang.com,动态内容放在www.xinbangyang.com上。希望上述的网页优化方法能给你带来帮助。

  更多相关WEB开发培训资讯,请点击: www.xinbangyang.com

  联系地址:陕西省西安市碑林区东大街端履门云龙大厦9楼

IT培训 服务