出于多种原因,许多“网站站长指南”(例如 Google 和 Yahoo! 的网站站长指南/准则)多次重复,最好始终放置宽度<img 标签的/em> 和 height 属性。
最明显的原因之一是,在加载每张图片后,页面中的元素似乎不会“跳来跳去”到新位置(始终设置正确的宽度/高度肯定会摆脱这种行为) 。遵循这些准则/最佳实践还有其他原因。
所以:
- 如果我们认为这些确实是好的做法
- 如果图片很多并且经常变化
- 如果图片在两个 .war 重新部署之间没有变化(即:没有用户提供的图片)
- 如果我们不想手动编辑所有这些宽度/高度属性
我们如何自动/以编程方式提供 HTML 页面,其中每个 img 标记都按照最佳实践建议正确设置其 width/height 属性?
最佳答案
我们有一个更复杂的构建过程,其中所有 .jsp、.css、.html 等都经过优化。
-
包含大量包含内容的
.css 文件会折叠在一个文件中(如果您热衷于网站优化,则另一个主要文件,只需使用 Chrome 的开发人员工具或 YSlow! 并检查差异有和没有 .css 折叠)
.jsp 和 .html 文件在构建时
设置了所有图像宽度/高度<图像被赋予唯一的名称,并被设置为永久可缓存(与 GWT 对其生成的 JavaScript 所做的不同,其中使用唯一标识符)。在下一个版本中,它们将获得新的唯一名称,并且将再次永久可缓存。
等等
有很多理由需要一个比“编译并压缩所有文件”更先进的构建过程。
回答您的问题:我们在构建过程中执行了大量 Unx shell 脚本。我们使用一些 Unx shell 功能来处理 .jsp、.css、.html 等。我可以告诉你,如果无法结合所有这些 Shiny 的 shell 命令的力量,人们将很难复制我们正在做的事情:)
关于Java网络应用程序: where/how to automatically set each picture's width/height,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2962654/