web性能优化

1、先从html 和 CSS来说

    我们在开发中 应该高效的使用 html标签 和css的样式,尽量达到语义化,css 是用来 渲染页面的,这就存在渲染效率的问题了,因为css选择符 是从左到右进行匹配的, 当页面发生会留的时候,低效的选择符,也会引起更高的开销。 尽量不使用低效率的选择符,在进行 开发的时候 必要的的时候 可以使用 gulp 等一些 构建 工具 来进行打包,压缩,

2 、从javasscript 来考虑 

   我们尽量减少都对dom元素的操作 ,尽量 提高自己 的 编码水平的规范,避免写过多 的 重复的代码,要学会 使用 封装 和 面向 对象的方法 ,因为javascript 有阻塞的特点 ,尽量吧js代码放到标签以前,

 

  3,从前后端交互考虑,

    尽量减少对服务器的请求次数,一个正常HTTP请求的流程简述:如在浏览器中输入"www.xxxxxx.com"并按下回车,浏览器再与这个URL指向的服务器建立连接,然后浏览器才能向服务器发送请求信息,服务器在接受到请求的信息后再返回相应的信息,浏览器接收到来自服务器的应答信息后,对这些数据解释执行。所以说我们要大量的请求的服务器,解决办法 可以使用图片的懒加载,使用 json格式的数据来进行交互 ,使用图片精灵 压缩 js,css 文件等。

4 使用cdn加速

其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络,CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。

 

  

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值