网站建设之网站分层架构优化
网站建设新闻您的位置:网站首页 > 网站建设新闻

网站建设之网站分层架构优化

发布时间:2020/3/6 22:12:21 作者:伟置做网站 来源:伟置网站制作 浏览量:

【网站建设之网站分层架构优化】根据网站的分层架构,可以大致的分为 web 前端性能优化,应用服务器性能优化,存储服务器性能优化三大类。

这次来说一下 web 前端性能优化,一般来说,web 前端就是应用服务器处理之前的部分,包括浏览器渲染、加载,前端视图模型,图片视频资源,CDN 服务等,主要优化方法就是优化浏览器访问渲染过程,使用反向代理,使用 CDN 服务等。

01、浏览器访问渲染优化


减少 http 请求数


http 协议是无状态的应用层协议,每次 http 请求都会建立新的通信链路,并且在服务端,每个 http 连接都会开启一个单独的线程去处理请求,这都会产生额外的开销。

主要手段就是去合并压缩 css,JavaScript,图片文件,把需要的 css,JavaScript,图片资源进行合并减少建立的连接请求数。

同时使用 http 的 keep-alive 来进行连接的复用,以此来减少建立的 http 连接数,提高访问性能。

启用压缩


在服务端进行文件的压缩,减少通信传输过程中的数据量。

对于文本文件,压缩率能够达到 80% 以上,因此在服务端启用 gzip 压缩是一个很好的选择,但启用压缩的同时也会给服务器带来额外的开销,所以要具体情况具体分析。

css,JavaScript 代码优化


  • css 代码优化:

    • 尽量使用外部样式,并且放在页面顶部加载,一方面能够及时渲染,另一方面能够避免因某些样式导致阻塞渲染

    • 压缩合并 css 文件,尽量精简文件,减少通信传输数据量和请求连接数

  • JavaScript 代码优化:

    • 因为 JavaScript 代码边加载边解析,解析的过程会阻塞浏览器渲染,因此把 JavaScript 代码放在页面底部加载

    • 同样的压缩合并 JavaScript 文件,尽量精简文件,减少通信传输数据量和请求连接数

    • 写高性能的 JavaScript 代码


使用浏览器缓存


一般来说,对于网站里面不经常变化的静态资源,更新频率比较低,因此可以把这些资源缓存在浏览器中,能够很好的改善性能。

通过设置 http 头里的 Cache-Control 和 Expires 属性来设定浏览器缓存时间。

另外还有 Etags 和 opcode 的缓存,根据具体情况进行选择吧。

网站建设之网站分层架构优化

【本文标题和网址】:网站建设之网站分层架构优化    http://www.zzhaofang.com/webnews/2108.html

您可能对以下新闻还有兴趣 其它伟置新闻

标签:网站建设优化 网站建设分层 网站建设架构 网站建设分层优化

声明:本页内容由伟置电子科技有限公司通过网络收集编辑所得,所有资料仅供用户参考使用;我们制作的网站建设效果图、网页样稿为我公司设计成果。如您认为本页中有涉嫌抄写您相关的内容,请及时与我方联系进行核实,并提供相关证据,工作人员会在3个工作日内联系您,一经查实本站将立刻删除涉嫌侵权内容。如果您对做网站网站制作网站优化核心技术文章感兴趣,请点击查看网站建设知识网站建设教程的相关文章,请关注郑州网站建设公司伟置电子科技官网(www.zzhaofang.com)。

郑州浩方网络科技

专注于郑州网站建设 营销型网站开发

  • 服务热线:400-766-1123
  • 公司座机:0371-68962668 67584755
  • 电子邮箱:zzhaofang@163.com info@zzhaofang.com
  • 地址:大学路二七万达广场12A号楼602
支付方式
Copyright 郑州浩方网络科技 版权所有 豫ICP备11008655号-2 豫公网安备 41010302002361号