0

最近我为我的摄影制作了一个网站。htttp://www.simotamas.com 我是新手，所以它不是最好的网站，但对我来说效果很好，我只有一个问题，当第一次在设备上加载网站时，图库加载时间最多需要 1-2 秒。

你们能检查一下我是否弄乱了代码吗？还是我应该把图片做得更小？任何方式我都可以提高加载性能。

我会非常感谢任何建议。

4

3 回答 3

0

您的网站不等待图像加载这一事实被认为是一个优点（查看异步网页内容加载以获得良好的阅读），这表明您应该在上传图像之前对其进行压缩。tinypng.com是一个很好的工具它...但是如果它是一个摄影网站，这样做会降低图片质量...尝试使用 Photoshop 保存设置来找到质量和大小之间相对于“内存”大小的理想折衷...图片很重..高清晰度和分辨率显然会导致下载较重的文件

更新：您可以做的另一件事实际上是显示（较小的）缩略图，并且仅根据请求加载完整图片。即：用户点击和图像在新标签中打开

于 2018-01-24T20:07:27.717 回答
0

如果您创建图像的较小拇指版本会有所帮助，以便浏览器最初可以加载这些图像以进行概览，而无需在渲染页面时缩小大图像的方式。应始终按照将要呈现的维度下载图像。

于 2018-01-24T20:15:39.047 回答
0

您可以考虑的几点

  1. 使用缩略图进行预览（低分辨率），同时单击加载实际图像。

  2. 首先加载仅可见部分的图像，然后加载底部的图像。（可能会影响用户体验）

  3. 如果你有 cpu 能力，请使用任何库，如缓存工具或压缩工具，如 https://nielse63.github.io/php-image-cache/。仔细对其进行基准测试。

  4. 如果您的服务器没有使用 gzip 压缩，请使用 gzip。

于 2018-01-24T20:20:31.440 回答