图片花费了太多时间加载

Question

我正在使用html，css和js（jquery，angularjs）开发一个网站 当我的网站开始加载时，所有图像都会在其他书面内容之后加载。我希望同时加载所有元素并快速加载。 我使用的图像都是.svg格式，除了标题图像 我找到了一些关于快速加载网站的答案，其中我得到的一些建议就是将所有页面的css文件组合在一起，使用缩小版本的javascript文件，压缩图像等等。我也遵循了这些建议，但仍然是加载的问题内容保持不变后的图像。 请提出一些解决方案。

Answer 1

在网页的所有内容之后加载图像实际上被认为是一种很好的做法。您可以尝试使用以下内容 -

• 清除缓存或尝试使用Incognito和其他浏览器和设备检查问题是否属于。
• 在AWS或类似服务中存储图像以加快加载速度。

Answer 2

1. angular js加载准备加载且没有错误的脚本和样式，稍后加载错误。
2. 如果图像尺寸很大，肯定会加载缓慢，高分辨率图像往往会加载缓慢。
3. 您是否在代码中使用外部脚本和样式，如字体，jquery或任何其他框架，请尝试在本地加载它们以提高网站速度。
4. 像xamp，wamp等本地服务器基于系统速度加载，所以你无法判断你是否处于生产阶段。
5. 你是正确的缩小版本可以工作。

替代

像facebok，yahoo和google这样的大型网站使用site.loader来检查是否已加载所有网站内容，如果加载了两个网站，则显示所有网站内容。

因为你正在使用js，检查所有脚本是否是最新的，没有人使用过时的功能

检查控制台中的错误。

限制您使用图片。

希望这很有帮助。

Answer 3

正如其他人所说，页面的加载方式是正常的。

如果您无法再减小文件大小，则可能有兴趣在加载完整尺寸的图片时显示高度压缩的版本：

在上面的代码片段中，一张25kb的图像快速加载并在700kb图像仍在加载时显示。您可以通过在开发人员工具中禁用缓存并限制连接速度来观察操作过程。