我的 Bootstrap 网站需要很长时间才能加载。我使用 Envato 的模板 Celia 来构建它
My Bootstrap website takes a lot of time to load. I used template Celia from Envato to build it
我从 Envato Element 购买了 Celia 模板并编辑了大部分代码。
我在 Github 上托管了我的网站：https://github.com/rosyhnguyen/rosyhnguyen.github.io。
我使用了 Namecheap 的域名：https://rosyhnguyen.me
我的站点不包含任何视频或媒体文件，但 加载需要很多时间（加载案例研究页面几乎需要 5-10 秒）。
你能帮我看看我的设置有什么问题吗？我所有的设置都在GitHublink上面。 The site takes a lot of time to load
如果您想全面了解您网站上发生的事情，您应该检查 Chrome 开发人员工具上的网络选项卡瀑布。
据我所知，有一个名为：'sketchslider-2.png' 的资源和另一个 16mb 的 png。
图片正在扼杀你的表现。
应尽可能减小网站上的图像大小，并使用 CSS 和 Javascript 的缩小版本。
你到处都在使用超重的 png 文件。
同时尝试在您的代码中查找一些缺失的资源，因为我也看到了一些 404。
您可以使用图像缩小器工具（如 https://tinypng.com/）或 Photoshop 等缩小图像。
我做了一个屏幕截图，让您在案例研究页面上看到问题。
希望对您有所帮助。
Network waterfall screenshot
检查 chrome 中的网络选项卡。
sketchslider2.png 几乎是 15 mb，图像大小是 7001 x 3842
fitcheck.png 为 4.5 mb，大小为 8168 x 4000
除非您打算将您的网站投影到宽屏电视上，否则不需要这些尺寸。
需要在 1920 x 1080 范围内优化大型图像。
如果您将 sketchslider 的大小调整为 1920 宽度并另存为 jpg，那么您可以将其占用空间减少到大约 175 kb
对于fitcheck，在同样的转换下可以达到100kb左右
up-decor.jpg 也找不到，费了一些时间才解决。
我从 Envato Element 购买了 Celia 模板并编辑了大部分代码。 我在 Github 上托管了我的网站：https://github.com/rosyhnguyen/rosyhnguyen.github.io。 我使用了 Namecheap 的域名：https://rosyhnguyen.me
我的站点不包含任何视频或媒体文件，但 加载需要很多时间（加载案例研究页面几乎需要 5-10 秒）。
你能帮我看看我的设置有什么问题吗？我所有的设置都在GitHublink上面。 The site takes a lot of time to load
如果您想全面了解您网站上发生的事情，您应该检查 Chrome 开发人员工具上的网络选项卡瀑布。
据我所知，有一个名为：'sketchslider-2.png' 的资源和另一个 16mb 的 png。 图片正在扼杀你的表现。
应尽可能减小网站上的图像大小，并使用 CSS 和 Javascript 的缩小版本。
你到处都在使用超重的 png 文件。
同时尝试在您的代码中查找一些缺失的资源，因为我也看到了一些 404。
您可以使用图像缩小器工具（如 https://tinypng.com/）或 Photoshop 等缩小图像。
我做了一个屏幕截图，让您在案例研究页面上看到问题。
希望对您有所帮助。
Network waterfall screenshot
检查 chrome 中的网络选项卡。
sketchslider2.png 几乎是 15 mb，图像大小是 7001 x 3842
fitcheck.png 为 4.5 mb，大小为 8168 x 4000
除非您打算将您的网站投影到宽屏电视上，否则不需要这些尺寸。
需要在 1920 x 1080 范围内优化大型图像。
如果您将 sketchslider 的大小调整为 1920 宽度并另存为 jpg，那么您可以将其占用空间减少到大约 175 kb
对于fitcheck，在同样的转换下可以达到100kb左右
up-decor.jpg 也找不到，费了一些时间才解决。