SIMD助力Photoshop迁移Web?浏览器为何沉迷SIMD?( 二 )

  • ? 提供ES6 模块、CommonJS 和 UMD版本
  • ? CSP兼容
  • ? gzip压缩后~640B
  • 4.2 浏览器中的 SIMD 支持下图展示了Fixed-Width 128 位 SIMD的浏览器支持情况 。
    SIMD助力Photoshop迁移Web?浏览器为何沉迷SIMD?

    文章插图
    Fixed-Width 128 位 SIMD浏览器支持情况
    【SIMD助力Photoshop迁移Web?浏览器为何沉迷SIMD?】如图所示 , WebAssembly SIMD 支持默认从 Chrome 91 开始 。确保使用最新版本的工具链 , 以及最新的 wasm-feature-detect 来检测支持最终版本规范的引擎 。Firefox 89 及更高版本也支持 WebAssembly SIMD 。
    5.总结本文只是告诉大家什么是SIMD , 为什么WebAssembly需要引入SIMD?因为笔者不是这方面的专家 , 关于SIMD也就浅尝辄止 。但是文末的参考资料提供了大量优秀文档以供学习 , 如果有兴趣可以自行阅读 。其中值得一提的WebAssembly SIMD的典型示例:
    • google Meet借助WebAssembly实现了视频的实时背景虚化以及背景替代 , 利用WebAssembly SIMD使其性能提升了至少2倍 。
    • 2021年 , Photoshop迁移到了Web也是通过WebAssembly实现的 , 其中 , WebAssembly SIMD发挥了重要的作用 , 将性能平均提升了3~4倍 , 有些场景下甚至达到惊人的80~120倍 。
     
    参考资料https://chromestatus.com/feature/6533147810332672
    https://v8.dev/features/simd
    https://developer.aliyun.com/article/860557
    https://github.com/GoogleChromeLabs/wasm-feature-detect
    https://github.com/WebAssembly/simd/blob/main/proposals/simd/SIMD.md




    推荐阅读