大公司里怎样开发和部署前端代码?

原文链接
作者:张云龙
日期:2014年10月31日

原始的前端开发

大公司里怎样开发和部署前端代码?_第1张图片

304 协商缓存

强制使用本地缓存(cache-control/expires)

缓存如何更新?

更新资源路径

通过更新页面中引用的资源路径,让浏览器主动放弃缓存,加载新资源。

大公司里怎样开发和部署前端代码?_第2张图片

如果所有链接都更新版本,会导致资源浪费。

大公司里怎样开发和部署前端代码?_第3张图片

精确缓存控制

利用数据摘要算法对文件求摘要信息,精确到单个文件粒度的缓存控制。

大公司里怎样开发和部署前端代码?_第4张图片

CDN

大公司里怎样开发和部署前端代码?_第5张图片

非覆盖式发布

大公司里怎样开发和部署前端代码?_第6张图片

静态资源优化方案

  1. 配置超长时间的本地缓存 --- 节省带宽,提高性能
  2. 采用内容摘要作为缓存更新依据 --- 精确的缓存控制
  3. 静态资源CDN部署 --- 优化网络请求
  4. 更新资源发布路径实现非覆盖式发布 --- 平滑升级

建议前端工程师多多关注前端工程领域。

图片使用 mockups 制作。

你可能感兴趣的:(大公司里怎样开发和部署前端代码?)