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

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

• 来源:网络
• 更新日期:2020-05-29

摘要：【网站建设之网站分层架构优化】根据网站的分层架构，可以大致的分为 web 前端性能优化，应用服务器性能优化，存储服务器性能优化三大类。 这次来说一下 web 前端性能优化，一

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

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