使用大量资源提高单个页面的性能

时间:2018-02-22 11:16:52

标签: javascript performance load

我的网站很重 - 包含大约700个灯箱。每个都包含一些好大小的pdf和mp4。它们都位于相同的index.html(js和css是外部文件)

“网站”仅在计算机上本地运行。我不能使用像MAMP或其他任何本地服务器。

目前我的控制台出现了一些错误,因为某些文件路径(那些pdf和mp4)出错了。

启动网站时,需要45秒才能正确导航(直到控制台中的所有路径错误全部出现)。

我的问题如下:

  • 当所有路径都被纠正时,启动时的加载速度是否更好?或者它没有关系?

  • 所有pdf(大约200个)都是iframe,并且控制台显示1500个警告,因为:

  

资源被解释为文档但以MIME类型传输   应用/ PDF:

所有这些警告是否也减缓了网站的负载?我知道嵌入iframe不是最佳做法,但这是一项要求。有什么办法可以避免这个吗(coudlnt不算什么)

我知道理想情况下网站应该使用React或Angular来避免这种情况,但是没有办法解决这个问题。

使用Ajax可以帮助解决这个问题吗?但理想的解决方案是没有使用任何Web服务器的东西。有没有人会在开始时有任何指示如何改善这种加载?

谢谢大家,非常感谢对此有所了解!

编辑:

控制台中的错误有两种不同的类型:

  

GET   文件:///Users/thibaultrolando/Documents/WORK/PROJECTS/JPCREATIVE/DEV/22-02/ALL%20MERGE/content/CARRIERS/Content/ClaimsPortal.mp4

出现约200次

+

[Violation] 'setTimeout' handler took 77ms jquery.min.js:2  [Violation] 'setTimeout' handler took 63ms jquery.min.js:2

这2次

  

[违规]执行JavaScript时强制重排需要172毫秒

+

  

违规]为滚动阻止添加了非被动事件侦听器    事件。考虑将事件处理程序标记为“被动”以使其成为   页面响应更快。见

出现了85次

+

  

资源被解释为文档但以MIME类型传输   应用/ PDF:

出现1500次

2 个答案:

答案 0 :(得分:0)

在没有涉及Web服务器的情况下,使用这些资源在本地运行可能会带来一些问题。您是否在所有浏览器中都遇到这些问题?你能用控制台错误更新你的问题吗?

答案 1 :(得分:0)

只想分享我的建议,即没有代码,很难说明确切的问题是什么。 问题可能是:

  

1:数据格式不正确。

     

2:用于多圈。   等......