网站加载图像有 1-2 秒的延迟。我可以以某种方式提高性能吗？答案

【问题标题】：Website loads image with 1-2 second delay. Could I increase the performance somehow?网站加载图像有 1-2 秒的延迟。我可以以某种方式提高性能吗？
【发布时间】：2018-01-24 20:01:59
【问题描述】：

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

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

如果您有任何建议，我将不胜感激。

【问题讨论】：

我使用 SiteGround 作为托管服务。

标签： page-load-time load-time picturegallery

【解决方案1】：

你可以考虑的几点

使用缩略图进行预览（低分辨率），同时单击加载实际图像。
先加载可见部分的图像，然后加载底部的图像。（可能会影响用户体验）
如果你有 cpu 能力，请使用任何库，如缓存工具或压缩工具，如 https://nielse63.github.io/php-image-cache/ 。仔细进行基准测试。
如果您的服务器没有使用 gzip 压缩，请使用 gzip。

【讨论】：

感谢您的建议，我一定会尝试这些。

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

【讨论】：