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

Website loads image with 1-2 second delay. Could I increase the performance somehow?

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

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

非常感谢任何建议。

您的网站不等待图像加载这一事实被认为是一个加号(查看异步网页内容加载以获得良好的阅读),这表明您应该在上传图像之前压缩图像.. tinypng.com 是一个很好的工具......但是如果它是一个摄影网站,这样做会降低图片质量......尝试使用 Photoshop 保存设置来找到你在质量和尺寸之间的理想折衷 "memory"尺寸...图片很重..高清晰度和分辨率显然会导致下载的文件更重

更新:您可以做的另一件事是实际显示(较小的)缩略图,并且仅根据要求加载完整图片。即:用户点击并在新标签页中打开图片

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

可以考虑的几点

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

  2. 先加载可见部分的图片,再加载底部的图片。 (可能会影响用户体验)

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

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