Question

有点连线，但这是问题所在。我有jQuery动画和许多其他事件在我的css文件中正常工作时图像的宽度和高度以像素给出，但当我设置它们的百分比或自动（高度：100％;宽度：自动; - ＆gt;我怎么样需要它），我的整个网站放慢了速度。事件不会立即触发，我的动画根本不平滑（我只看到动画的2或3帧）。任何想法可能是什么问题或如何解决？

我的动画示例（左和右是div）：

  $("#left").animate({"width":"+=15%"},"linear");
  $("#right").animate({"width":"+=15%"},"linear");

CSS：

 img {
   height: 100%;
   width: auto;
 }

Answer 1

每当我在使用动画时出现网站性能问题时，他们几乎总是涉及图片太大。当您使用百分比大小调整时，您的图像可能不会比您需要的大得多。

平均桌面屏幕尺寸现在 1366×768 ，这意味着对于大多数网站来说，全屏画廊的最大图片宽度/高度应为 1366/768 （如果这些图像充当图标/缩略图，则显然会更少。）

在开发人员面板中检查图片的原生尺寸，并确保它们不超过这些尺寸：这可能会很好地解决您的性能问题。

图像大小与百分比减慢网站

1 个答案: