大型网站架构——性能优化之前端优化

大型网站架构——性能优化之前端优化

这一系列文章会用来记录《大型网站技术架构》的总结，相当于是一个读书笔记。最近读了这本书，给我最大的感受就是它差不多是一个“面试提纲”，串联起了许多以往在面经中经常见到的知识点及需要掌握的技术，也终于粗浅地理解了为什么企业需要我们掌握这些知识，它们在网站架构中可以用来做些什么。
跳过前面的介绍，我们从优化开始。根据网站分层架构，网站的性能优化可分为：

• Web前端性能优化
• 应用服务器性能优化
• 存储服务器性能优化

三个大类。

前端除了我们熟悉的浏览器加载、图片服务之外，还有CDN也算作前端。CDN是什么呢？它是内容分发网络（Content Distribute Network），本质就是一个缓存服务器（缓存在大型网站性能方面起着非常重要的作用，总之什么性能提升都可以靠缓存，用就对了），部署在网络运营商的机房，所谓的“网络访问第一跳”，可以让用户以最快的速度获取数据。

前端性能优化的手段主要有：

1. 浏览器访问优化

这里面包括：减少http请求、使用浏览器缓存、启用压缩、调整CSS和JavaScript的顺序、减少Cookie传输。

首先http协议是无状态的应用层协议，即每次http请求都需要建立一次通信链路，进行数据传输，服务器端也需要一个独立的线程去处理。所以减少http请求的数目可以有效提高访问性能。主要手段有：合并css、合并js、合并图片。

浏览器缓存也是比较熟悉的了&#x