前端性能优化

本文首发于kmac007.me

前端性能优化_第1张图片
性能优化

资源压缩合并,减少HTTP请求

由于HTTP是无状态协议,意味着每次HTTP请求都需要建立通信链路、进行数据传输,而在服务器端,每个HTTP请求都需要启动独立的线程处理。这些通信和服务的开销是很昂贵的,减少HTTP请求的数目可有效提高访问性能。以下方法可以对资源进行压缩合并,减少HTTP请求:

  1. 合并CSS,并压缩
  2. 合并JavaScript,并压缩
  3. 图片压缩合并,通过CSS的操作偏移量显示不同的图片。(CSS Sprite,即俗称:雪碧图)

异步加载

异步加载的方式

  1. 动态脚本加载
    通过JS动态的创建
    1. async
    
    

    异步加载的区别

    如果不设置defer或者async,那么浏览器在遇到

    SSR服务端渲染

    服务端渲染可以提高性能。React.js和Vue.js目前都支持服务端渲染。在此不做深究。

    参考

    1. Web前端性能优化

你可能感兴趣的:(前端性能优化)