一次显示页面内容

 

我有一个网站，其中包含index.php中的一些图像
我面临的问题是整个页面不能立即加载，我认为图像需要一些时间才能加载
所以我所做的是，我首先显示一个加载图像，然后在显示页面一段时间后，解决了问题。 但我很想知道是否还有其他更好的方法可以做到这一点？

我更喜欢优化我的图像。

PNG图像

你可以使用pngcrush为你优化你的PNG文件，但是我个人发现，一旦我完成了它，pngcrush只能成功地扩大它。

  • 尽可能使用Indexed-PNG。 这将限制你256色，大多数图形编辑器不会允许在Indexed-PNG中的部分透明度（但它是可能的 - 你只需要正确的编辑器，我使用GD图像库的自定义PHP脚本），但你可以希望将文件大小降低到原来的一小部分。
  • 减少整体颜色的数量。 对于相同颜色的块，PNG压缩效果最佳，因此减少颜色数量可以提高压缩率。

    • GIF图像

    特别是对于动画，你可以做很多事情。

  • 减少帧数。 不惜一切代价避免重复帧，只需将前一帧设置为具有更长的显示时间即可。
  • 如果可能，使用combine而不是replace 。 您将再次遇到透明区域的问题，但通过使用combine您可以让每个后续框架只更改......更改的内容。 如果只有一小部分改变，这就避免了重写整个图像的冗余。 GIMP有一个有用的过滤器“Animation> Optimize for GIF”，它可以为你做到这一点。
  • 尽可能减少颜色。 GIF限制为256种颜色，但如果您可以将自己限制在32个左右，则会获得更小的文件。

    • 使用上述技术，我曾经设法将8MB的原始图像数据移动到125kb的动画GIF中。

    JPG图片

    JPG非常适合照片，但相机有写大量文件的倾向。

  • 玩弄压缩因子。 从大约40％开始，慢慢提起直到看起来可以接受。 GIMP会向您显示预览和结果文件大小，因此可以使用它来找到可接受的折中方案。
  • 缩小图像。 你不需要9百万像素，或者现在需要大量分辨率的相机...

    • 以上应该可以帮助您减少图像占用的大小。 显然，你也应该适当地缓存图像，所以他们只需要检索一次。 此外，请确保您指定图像元素的width和height ，以便浏览器可以为它们保留空间并避免在加载时跳跃...

    你应该很好。

    很难说在不知道页面是什么样的情况下可以使用其他选项，但一种选择是为图像预留空间，以便页面文本能够在正确的位置快速渲染，然后稍后加载图像。

    链接地址: http://www.djcxy.com/p/18727.html

    上一篇: Showing a page content at once

    下一篇: Convert IEnumerable<dynamic> to DataTable