在显示网站前几秒钟，角加载白色屏幕
在显示网站前几秒钟，角加载白色屏幕
提问于 2019-03-07 20:21:33
发行：
角加载白色屏幕几秒钟前，显示应用程序。这只会发生1/6的尝试加载网站，主要是当我关闭浏览器并重新打开它，然后进入我的网站。
预期结果：
该网站/应用程序本身加载时间最多为1.6秒。我基本上想要白屏幕停止显示6-8秒随机。这几乎就像网站没有睡着，但我确实获得了不错的流量网站。
技术：角形版本7，AngularCLI，Cloudflare和托管与Firebase。
信息
我在控制台中得到了这4条奇怪的黄色警告信息。我不确定这些是否造成了麻烦。
下面的屏幕截图显示了我所看到的5秒加上：
回答 1
Stack Overflow用户
发布于 2019-03-08 01:37:24
您可以尝试使用预压一些轻量级的关键css，在浏览器从服务器加载其他更重的资源时显示一些动画/启动屏幕。这将减少‘白色屏幕’占用的时间，并给用户的印象是网页正在加载和某些事情正在进行。
此外，您可以在这里阅读更多关于预压的内容。假设您使用的是index.html，在<head>标记中：
<!-- preload css-->
<link rel="preload" as="style" onload="this.rel='stylesheet'" href="your-path/assets/preload.css">在您的<body>上，您呈现了一些在浏览器获取其他脚本文件时显示的旋转器。
<div class="app-loading">
<svg class="spinner" viewBox="25 25 50 50">
<circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" />
</svg>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55052202
复制相关文章
相似问题
腾讯云开发者
