静态图片加载速度非常慢

Question

因此，我在Angular应用中的 assets文件夹的大小约为1GB ，其中图像接近 134MB 和738 MB的视频。显示 这些图像的组件大约需要3-4秒才能在本地渲染 ，并且需要 一分钟以上 PCF的应用程序上（甚至在使用AOT之后）上的“ strong>”。

  

奇怪的是，这些组件仅渲染了   如果我们重新访问它，则为秒。

     

我尝试通过使用deferload对图像进行延迟加载。但，   问题仍然没有解决。

有人可以分享他们的想法吗？

Answer 1

最有可能获取如此大的图像会导致应用加载缓慢。 拥有如此大的图像尺寸可能是不必要的。您可以尝试使用lambda调整图像大小来调整图像的大小。

此外，如果您重新访问该站点，则所有数据都已缓存在浏览器中。您可以尝试在“网络”标签中禁用缓存，并且每次访问该网站的速度都应很慢

Answer 2

您可以使用npm安装软件包 -rw-r--r-T 1 mydomain apache 1627831 May 11 01:00 mydomain.com_access_log

细述描述和用法文档的网址

https://www.npmjs.com/package/ng-lazyload-image