我的Bootstrap网站需要很多时间来加载。我用Envato的模板Celia来构建它
我从Envato元素购买了Celia模板，并编辑了大部分代码。我把我的网站托管在这里：https://github.com/rosyhnguyen/rosyhnguyen.github.io。我使用了Namec堆：https://rosyhnguyen.me中的域
我的站点不包含任何视频或媒体文件，但需要大量时间加载(加载案例研究页面几乎需要5-10秒)。
你能帮我解决一下我的环境有什么问题吗？我所有的设置都在上面的GitHub链接中。这个站点需要很长时间才能加载。
回答 2
Stack Overflow用户
发布于 2020-03-11 13:29:12
如果你想对你的网站上发生的事情有一个很好的概述，你应该检查工具上的Network瀑布。
据我所见，有一个名为“草图滑块-2.png”的资源，还有另一个名为16 is的png。图像正在扼杀你的表演。
在网站上的图像大小应该尽可能地减少，并使用缩小版本的CSS和Javascript。
你在各地都使用超重的png文件。
另外，尝试在您的代码中查找一些丢失的资源，因为我还看到了大约404。
例如，您可以使用图像还原工具(如https://tinypng.com/)或Photoshop来缩小图像的大小。
我已经做了一个截图，让你在你的案例研究页面看到问题。
希望能帮上忙。
Stack Overflow用户
发布于 2020-03-11 13:41:00
检查您的网络选项卡的铬。
草图2 and几乎为15 mb，图像大小为7001 x 3842
fitcheck.png为4.5mb，大小为8168x4000
除非你计划将你的网站投影到大屏幕电视上，否则就不需要这些尺寸了。
大尺度图像需要在1920年x 1080范围内进行优化。
如果您将草图滑块的大小调整为1920宽度，并将其保存为jpg，则可以将其足迹减少到175 kb左右。
对于fitcheck，在相同的转换下，您可以将其转换到大约100 to。
up也找不到.can，它正在消耗一些时间来解决这个问题。
https://stackoverflow.com/questions/60636998
复制相似问题
腾讯云开发者
