首页 > 解决方案 > 是否使用 React JS - 从数据库加载图像的非交互式页面?

问题描述

我有一个从数据库加载图像的登陆网页。它不是用户交互的。它主要用于SEO目的。

目前加载页面大约需要 5 秒。此页面当前是在 ruby​​ 的 ERB 模板中创建的,并且正在使用 rails。

我们想提高它的加载速度。

使用 React JS 作为前端会减少页面的加载时间吗?如果不是,其他选择是什么?

标签: javascriptruby-on-railsreactjs

解决方案


很可能您不需要做出反应。

可能缓慢的原因是图像大小。您可以尝试优化网络图像(例如使用 WebP:https ://developers.google.com/speed/webp/和https://css-tricks.com/using-webp-images/)或使用延迟加载,例如:https ://github.com/verlok/lazyload 。

要找出页面缓慢的原因,您可以使用 Chrome 或 Firefox devtools 瀑布,或者更深入地了解,Google Chrome 在 devtools 下有“审核”。

我将从网络选项卡下的 devtools 瀑布开始。 网络选项卡下的 Chrome devtools 瀑布


推荐阅读