【发布时间】:2025-12-04 01:45:01
【问题描述】:
根据 Google Page Speed 建议,我想 Specify image dimensions 来“优化浏览器呈现”。
指定所有的宽度和高度 图像允许更快的渲染 消除不必要的需要 回流和重绘。
我正在研究如何遍历我的静态内容项目中的图像文件(PNG、JPEG)并输出一个文件,其中包含每个图像文件的路径和文件名以及以像素为单位的高度和宽度。然后,我将使用它来帮助我构建标签,方法是使用 src 属性数据来查找用于高度和宽度属性的值。
\images\logo.png,100,25
我的第一个想法是寻找 ANT 任务,因为我们的静态内容构建将 Ant 用于其他目的(例如在 JavaScript 和 CSS 文件上使用 YUI Compressor)。我也对其他想法持开放态度,包括解决此问题的其他方法。我宁愿不必手动完成这项工作。
【问题讨论】:
标签: html optimization ant browser