Open qubitsky opened 4 years ago
Image Optimization Made Easy with Gatsby
该文章介绍了如何在 gatsby 项目中使用 gatsby-image 工具对图片做优化,其好处是
作者举了一个制作 demo restaurant site (餐厅网站演示页)的列子,使用 gatsby-image 进行优化后,该网站性能跑分从 32 提升到了 65。
文章中还解释了 gastby-image 相关的 GraphQL 语句含义,其中重点是 gatsby-image 中有两种类型图片( fixed 和fluid ),以及 gatsby-image 提供了 query fragments
Image Optimization Made Easy with Gatsby
该文章介绍了如何在 gatsby 项目中使用 gatsby-image 工具对图片做优化,其好处是
作者举了一个制作 demo restaurant site (餐厅网站演示页)的列子,使用 gatsby-image 进行优化后,该网站性能跑分从 32 提升到了 65。
文章中还解释了 gastby-image 相关的 GraphQL 语句含义,其中重点是 gatsby-image 中有两种类型图片( fixed 和fluid ),以及 gatsby-image 提供了 query fragments