静态图片加载速度非常慢

时间:2019-05-11 12:00:50

标签: image performance

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

  

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

     

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

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

Network statistics attached

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:-1)

您可以使用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