如何更快地在索引中加载内联源

具有Webpack和pahser的

html文件。所有游戏代码和外部库都直接内联到index.html。

有人知道一种实现内联源但页面加载速度更快的方法吗?以某种方式加载带有嵌入式图像的页面,然后加载外部脚本?

我需要这样做的原因是我正在制作一个可播放的广告,以保持统一性,但由于加载缓慢,他们的质量检查持续使我的广告失败。他们没有对所需的特定加载时间提出任何要求,所以我需要对此进行猜测。

目前,我的索引页是使用1个代码块中的javascript内联源导出的。我已经注意到其他一些广告客户的游戏会将其所有代码拆分为多个标签,这样可以加快加载速度吗?

我曾经尝试使用块,但是所有这些都是将代码分割开来,但是将其全部保留在一个脚本块中。

select t.id,v.value,datediff(day,coalesce(max(fromd),created),coalesce(max(tod),getdate)
               ) as days_in_stage
from t cross apply
     (values (t.old_value,t.action_date,null),(t.new_value,null,t.action_date)
     ) v(value,tod,fromd)
group by t.id,v.value;

如果有人知道更快地加载它的方法,将不胜感激。从侧面看,Unity Ads似乎只抱怨我们在2mb以上的应用程序上的加载速度。不到2mb的广告似乎加载速度足够快,这就是为什么我假设其只是页面加载而不是Phaser初始化

king84338585 回答:如何更快地在索引中加载内联源

答案可能取决于他们如何定义“缓慢加载”。通过将源分成多个脚本标签,您将不会使该文件更快地加载,它的字节数是相同的(如果您有多个<script>标签,则实际上会多一些)。

但是他们如何测量“缓慢加载”?如果他们只是看到通过网络加载文件需要多长时间,那么是的,您将不得不考虑使文件更小的方法:确保有效地丑化/摇树以最小化代码尽可能将其尽可能地应用到库代码中,并一定要使用专用的图像压缩工具来压缩图像(就文件大小而言,这可能是低挂的果实;图像很大)。>

另一方面,如果他们正在测量触发文档“加载”事件需要多长时间,则您可以进行调整。默认情况下,浏览器将按顺序加载所有代码,并阻止脚本标签,因此只有在解释完所有脚本标签后,页面才会加载。但是,如果您可以将大部分代码执行放入在页面加载时触发的事件处理程序中,那么浏览器将看到您已为load事件定义了事件处理程序,并继续进行加载以加载页面, load事件,然后执行您的代码。这可能足以获取您所需的快速指标。

本文链接:https://www.f2er.com/3164522.html

大家都在问