Unity离线文档打开太慢？[同样适用线上]

最新推荐文章于 2024-08-27 14:09:42 发布

angelgods

最新推荐文章于 2024-08-27 14:09:42 发布

阅读量3.9k

点赞数 5

分类专栏： unity 文章标签： unity 游戏引擎编辑器

本文链接：https://blog.csdn.net/angelgods/article/details/122388053

版权

unity 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

unity的在线文档，使用过程中切换较慢，有时候比较影响使用。还好官网提供了离线文档，可以下载到本地浏览。
但是！
但是！
但是！
为什么本地打开，浏览器一直转圈圈？每个页面打开要10s以上才能加载出内容？本地加载了个寂寞？

问题现象

打开Manual/index.html后，浏览器持续空白页加载，持续大约10s，加载完成后切换页面时也会出现长时间加载的问题
下面是文档加载的过程

首次加载

第一次加载耗时20s以上
第一次打开文档

切换页面

切换页面时耗时10s以上

原因分析

从现象看，像是网页加载时在加载一些耗时的内容，可以从控制台中网络(Network)中查看网页加载的全过程，看一看具体是哪些文件加载耗时影响的文档加载缓慢。
注：感兴趣的话可以从HTML页面的加载顺序中简单了解一下。
从下图可以看出，在加载的过程中，第二个资源加载花费了21s后获取失败了，还有一些其他的资源获取也有1s的耗时。看来这些是导致文档内容无法加载出来的元凶。那么如何解决呢？我们可以先查看一下index.html的内容，俗称网页的源代码。
控制台内容
这里我们关注几个关键字：
css?family=Roboto&display=swap
otSDKStub.js
可以根据关键字，在源码中看到对应的代码位置

<!DOCTYPE html><html lang="en" class="no-js">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<script type="text/javascript" src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" charset="UTF-8" data-domain-script="6e91be4c-3145-4ea2-aa64-89d716064836"></script>
<script type="text/javascript">
					function OptanonWrapper() { }
				</script>
				<script>var offline=(location.href.indexOf('docs.unity3d.com')==-1)?true:false;if(!offline){(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=   'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);  })(window,document,'script','dataLayer','GTM-5V25JL6');}</script>
				<link href="https://fonts.googleapis.com/css?family=Roboto&amp;display=swap" rel="stylesheet">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Unity - Manual:  Unity User Manual 2020.3 (LTS)</title>
<meta property="og:image" content="https://unity3d.com/files/images/ogimg.jpg">
<meta name="author" content="Unity Technologies">
......下面的省略

加载时间长的css文件或js文件都包含在head中。
从HTML页面的加载顺序中，我们知道了浏览器会按照head->body执行，若head中存在script，需要等待script执行结束后，才能进行下面的渲染，所以我们遇到的文档加载时间长，其实是在等待文件请求完成。

问题解决

既然文件加载慢，可以不加载么？
这里我整理了3个文件

名称	用途	链接
css?family=Roboto&display=swap	从链接看像是一个字体样式	https://fonts.googleapis.com/css?family=Roboto
otSDKStub.js	Onetrust cookie 管理	https://cdn.cookielaw.org/scripttemplates/otSDKStub.js
gtm.js	Google Tag Manager 可能用于网站的访问统计用途	https://www.googletagmanager.com/gtm.js?id=

百度搜索了一下网友的解决方法，大家提供了两种方法：