众所周知,网站图像优化是复杂的。我最近的博客文章强调了所涉及的众多注意事项。幸运的是,流行的Web开发框架正在加强,提供内置工具,以简化图像处理和提高性能。
几个框架提供了有用的图像组件:高img,gatsby-plugin-image,next/image和nuxt/image是主要示例。尽管这些工具简化了该过程,但它们并不总是最容易使用的。通常需要安装,配置和对图像优化的最佳实践的预先理解。这不是框架本身的缺陷。图像优化本质上是复杂的,而目标受众(开发人员)则可以欣赏细粒度的控制。
相比之下,WordPress的简单性闪耀。自动处理响应式图像,不需要额外的配置。可以通过钩子获得高级控制,而JetPack的站点加速器(免费功能)通过优化,CDN托管,懒惰加载和WebP支持进一步增强了图像性能(具有对新格式的未来支持)。 (全面披露:JetPack是赞助商,但其有效性是不可否认的。)
有趣的是,Google的“ Aurora”项目在这一趋势中起着重要作用。 Aurora的努力包括为开源工具提供资金,并直接协助诸如Next.js和Nuxt.js之类的流行框架来提高网络性能,重点是图像优化。例如,Next.js的图像组件明显减少了油漆时间和布局变化。
尽管这种合作是有益的,但值得注意的是,Aurora专注于已经建立的框架会产生“丰富的富裕”动态。尽管不一定有问题,但它引发了有关这种方法如何影响较不突出框架的问题。
以上是框架帮助图像使用的详细内容。更多信息请关注PHP中文网其他相关文章!