SF讲堂：PHP 进阶之路 - 亿级 pv 网站架构实战之性能压榨

SegmentFault

前端优化

• 雅虎军规
• 浏览器缓存

• 减少 http请求数
  
  • 将多个js或者多个css最后打包成一到两个文件，比如利用grunt, gulp, webpack等
  • 图片写进css中
  • icon做成字体，矢量高清，减少网络请求，例如font-awesome
• 利用浏览器缓存
  
  • expires
  • cache-control
  • last-modified
  • etag
  • 资源更新通过前端打包工作改变目录以防止缓存
• 本地缓存
  
  • localstorage
  • sessionstorage
• 分布式缓存