大型网站技术架构（3）：WEB 前端性能优化

正文

请到「今天看啥」查看全文

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

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

启用压缩

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

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

css，JavaScript 代码优化

• css 代码优化：

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

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

• JavaScript 代码优化：

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

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

• 写高性能的 JavaScript 代码

请到「今天看啥」查看全文