【合肥网站建设】网站建设之网站分层架构优化

网站建设之网站分层架构优化】根据网站的分层架构,可以大致的分为 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 的缓存,根据具体情况进行选择吧。

新闻由键坤信息原创发布,转载转发或复制请保留版权信息

十年的天津网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。网络营销推广的优势是能够根据用户设备显示端的尺寸不同,自动调整天津建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联建站从事“天津网站设计”,“天津网站推广”以来,每个客户项目都认真落实执行。
新闻标题:【合肥网站建设】网站建设之网站分层架构优化
网页URL:http://scyanting.com/article/cpjcsh.html