测试 React 应用程序响应能力的请求

Question

我正在测试用 React.js 编写的应用程序，以便在移动设备上进行响应。因此，我请求您从这个角度测试应用程序并分享您对可以改进的地方的想法。当然，我想提高应用程序的性能，使其加载速度更快。减轻照片的重量并为一些照片添加延迟加载属性就足够了吗？

Application link

Answer 1

这是在模拟移动客户端的小窗口上测试的

这部分有两个问题。一是按钮中的文字没有正常显示，二是不确定是不是故意的，但是浅色背景上重叠的白色文字的设计让人有点看不清。

在这里，线条位于较小屏幕上的按钮顶部，并且悬停在某些内容上。假设您点击中间的那个按钮，它不起作用，因为它上面有这条线，而且这可能不是您想要的：

在这里，您的图像在 x 轴上溢出：

最后，移动设备上的导航栏绝对位于屏幕顶部，我不确定您是否打算这样做，我建议将其贴在屏幕上，以便即使用户滚动，它仍然存在，完全暴露出来，这样做的作用是，用户不必一直滚动到顶部即可找到该导航栏。

但是，总的来说，这看起来很不错，而且配色方案真的很适合主题。