我们始终专注于高端网站建设
助力企业品牌价值提升
小程序+公众号一体化建设
助力企业快速进入移动社交电商新时代

企业品牌设计
设计到您满意为止

关键词稳定排名
提升品牌知名度

视频、宣传片制作
抖音、短视频代运营
当前位置:首页 > 新闻中心
网站性能优化策略
2020-11-08 14:39:41
点击:
    网站性能优化是必须的,因为性能是留住(吸引)用户很重要的一环,我们希望用户与用Web构建的内容进行有意义的交互。如果是博客,我们希望人们阅读帖子。如果是在线商店,我们希望将潜在的购物者变成买家。如果它是一个社交网络网络应用程序,我们希望访问者写帖子,上传照片,并与其他人互动。     

性能在任何在线企业的成功中起着重要作用,因为高性能的网站比表现不佳的网站更好地吸引和留住用户。
网络性能优化主要分为以下四个方面:

  1. 网络请求优化
  2. 页面渲染优化
  3. js阻塞性能与内存泄露
  4. 负载均衡
那么今天我们主要从浏览器网络请求的角度来谈谈网站常用到的性能优化方法
网络请求优化
浏览器缓存
    
浏览器在向服务器发起请求前,会先查询本地是否有相同的文件,如果有,就会直接拉取本地缓存,这和我们在后台部署的Redis、Memcache类似,都是起到了中间缓冲的作用,对网络优化有奇效。我们先看看浏览器处理缓存的策略:
网站性能优化策略

    
浏览器默认的缓存是放在内存内的,内存里的缓存会因为进程的结束或者说浏览器的关闭而被清除,而存在硬盘里的缓存才能够被长期保留下去。很多时候,我们在network面板中各请求的size项里,会看到两种不同的状态:from memory cache 和 from disk cache,前者指缓存来自内存,后者指缓存来自硬盘。而控制缓存存放位置的,不是别人,就是我们在服务器上设置的Etag字段。在浏览器接收到服务器响应后,会检测响应头部(Header),如果有Etag字段,那么浏览器就会将本次缓存写入硬盘中。

资源打包压缩
我们之前所作的浏览器缓存工作,只有在用户第二次访问我们的页面才能起到效果,如果要在用户首次打开页面就实现优良的性能,必须对资源进行优化。我们常将网络性能优化措施归结为三大方面:减少请求数、减小请求资源体积、提升网络传输速率。我们还应该在服务器上开启Gzip传输压缩,它能将我们的文本类文件体积压缩至原先的四分之一,效果立竿见影

图片资源优化

  1. 不要在HTML里缩放图像
  2. 使用雪碧图(CSS Sprite)
  3. 使用字体图标(iconfont)

使用CDN

     使用CDN存放静态资源,避免带宽爆炸以及加快资源下载.