[Bug] 网页操作起来有点卡顿 UI很好看就是动画不流畅 卡卡的

[yh4922]

💻 系统环境 | Operating System

Windows

🌐 浏览器 | Browser

Chrome

🐛 问题描述 | Bug Description

网页操作起来有点卡顿 UI很好看就是动画不流畅 卡卡的

🚦 期望结果 | Expected Behavior

No response

📷 复现步骤 | Recurrence Steps

No response

📝 补充信息 | Additional Information

No response

[lobehubbot]

👀 @yh4922

Thank you for raising an issue. We will investigate into the matter and get back to you as soon as possible. Please make sure you have given us as much context as possible.\ 非常感谢您提交 issue。我们会尽快调查此事，并尽快回复您。 请确保您已经提供了尽可能多的背景信息。

[arvinxx]

有计划优化

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

Planned optimization

[Feliks151450]

有计划优化

lobechat 哪里都好，就是真的卡，一大堆按钮点了都要半秒以上才能有反应，很多功能其实用不上，在部署的时候多弄几个环境变量，方便关掉一堆功能，软件逻辑都会清楚很多

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

Planned optimization

lobechat is good everywhere, but it is really stuck. It takes more than half a second to respond when clicking a lot of buttons. Many functions are actually useless. It is necessary to add a few more environment variables during deployment to facilitate turning off a lot of functions. The software logic will be much clearer

[arvinxx]

一大堆按钮点了都要半秒以上才能有反应

哪些按钮点了需要半秒以上？

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

Clicking a lot of buttons takes more than half a second to respond.

Which buttons take more than half a second to click?

[Asuka109]

最好是能录屏演示下

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

It would be best if you could record the screen and demonstrate it.

[hqw567]

卡是真的，每个页面点击都有延迟，AI输出也明显慢了很多

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

The card is real, there is a delay on every page click, and the AI ​​output is obviously much slower.

[Feliks151450]

一大堆按钮点了都要半秒以上才能有反应

哪些按钮点了需要半秒以上？

设置界面，对话界面，机器人商店来回切换的时候很明显，设置界面不同部分来回切换也很明显的延迟，你们readme的性能测试也很明显暴露出卡的问题了，桌面端才59分，移动端甚至只有44分，卡的不行，启动也很慢。建议去体验一下ChatGPT Next web，体验一下快如闪电是什么感觉

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

A lot of buttons take more than half a second to respond.

Which buttons take more than half a second to click?

It is obvious when switching back and forth between the setting interface, dialogue interface, and robot store. There is also an obvious delay when switching back and forth between different parts of the setting interface. The performance test of your readme also clearly exposed the card problem. The desktop version only scored 59 points, and the mobile version Even with only 44 points, it was stuck and started very slowly. It is recommended to try ChatGPT Next web and experience what it feels like to be as fast as lightning

[arvinxx]

设置界面，对话界面，机器人商店来回切换的时候很明显，设置界面不同部分来回切换也很明显的延迟

@Feliks151450 针对这一部分做了下预取优化 ( #749 )，再体验下。

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

There is an obvious delay when switching back and forth between the settings interface, dialogue interface, and robot store. There is also an obvious delay when switching back and forth between different parts of the settings interface.

@Feliks151450 has made prefetch optimization for this part, let’s try it again.

[Feliks151450]

设置界面，对话界面，机器人商店来回切换的时候很明显，设置界面不同部分来回切换也很明显的延迟

@Feliks151450 针对这一部分做了下预取优化 ( #749 )，再体验下。

感谢，试了一下，虽然还有点延迟，但是确实快了很多，这个体验目前还不错

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

It is obvious when switching back and forth between the setting interface, dialogue interface, and robot store. There is also an obvious delay when switching back and forth between different parts of the setting interface.

@Feliks151450 has made prefetch optimization (#749) for this part, let’s try it again.

Thanks, I tried it. Although there is still a little delay, it is indeed much faster. The experience is not bad so far.

[arvinxx]

OK 我们会继续优化的

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

OK we will continue to optimize

[lobehubbot]

✅ @yh4922

This issue is closed, If you have any questions, you can comment and reply.\ 此问题已经关闭。如果您有任何问题，可以留言并回复。

[kangfenmao]

还是卡，建议直接把所有资源启动的时候下载下来，现在网速那么快，总比点击的时候卡一下要好，点击的时候卡一下多么影响心态呀。启动的时候卡，顶多是觉得自己网不行。

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

It's still stuck. It is recommended to download all the resources directly when starting up. The Internet speed is so fast now, it is better than being stuck when clicking. It will affect the mentality of being stuck when clicking. If it freezes when starting up, the most likely reason is that the network is not working properly.

[arvinxx]

还是卡，建议直接把所有资源启动的时候下载下来，现在网速那么快，总比点击的时候卡一下要好，点击的时候卡一下多么影响心态呀。启动的时候卡，顶多是觉得自己网不行。

点哪里还卡？应该几乎都做了下载了

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

It's still stuck. It is recommended to download all the resources directly when starting up. The Internet speed is so fast now, it is better than being stuck when clicking. It will affect the mentality of being stuck when clicking. If it freezes when starting up, the most likely reason is that the network is not working properly.

Where can I get stuck? Almost all of them should have been downloaded.

[kangfenmao]

还是卡，建议直接把所有资源启动的时候下载下来，现在网速那么快，总比点击的时候卡一下要好，点击的时候卡一下多么影响心态呀。启动的时候卡，顶多是觉得自己网不行。

点哪里还卡？应该几乎都做了下载了

是的，比之前快了很多。因为一些资源已经预加载过了。

可能是因为用 next 的原因，举例说明。点击右上角设置的时候，大概会有 100ms 延迟，虽然不影响使用，但是能主观感受到这个微弱的延迟。

后续有没有客户端的计划，资源在本地一切都能做到非常快。

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

It's still stuck. It is recommended to download all the resources directly when starting up. Now that the Internet speed is so fast, it is better than being stuck when clicking. It will affect the mentality of being stuck when clicking. If it freezes when starting up, the most likely reason is that the network is not working properly.

Where can I get stuck? Almost all of them should have been downloaded.

Yes, much faster than before. Because some resources have been preloaded.

It may be because of the use of next. Let’s give an example. When you click on the settings in the upper right corner, there will be a delay of about 100ms. Although it does not affect the use, you can subjectively feel this weak delay.

Are there any plans for the client in the future? Everything can be done very quickly with local resources.

[yh4922]

现在前端页面优化的怎么样了 之前好卡 临时换成了NextChat

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

How is the front-end page optimization going now? It was good before, but it was temporarily replaced by NextChat.

[mushan0x0]

https://lobe.ai0x0.com/ 部署在国内服务器就不卡了

[yh4922]

我是私有化部署的

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

I deployed it privately

[arvinxx]

@kangfenmao 你们真的是苛刻啊 😅 之前优化的时候唯独右上角那个 settings 我没做预取，就是觉得普通用户应该不太会点那个地方，稍微等一会也还好 🤡

这个路由我也做下预取吧

[mushan0x0]

@kangfenmao 你们真的是苛刻啊 😅 之前优化的时候唯独右上角那个 settings 我没做预取，就是觉得普通用户应该不太会点那个地方，稍微等一会也还好 🤡

这个路由我也做下预取吧

偷懒又被发现了😂（不是

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

@kangfenmao You guys are really harsh 😅 When optimizing before, I did not prefetch only the settings in the upper right corner. I just thought that ordinary users would not be able to click on that place. It would be fine if I waited for a while 🤡

I will also do prefetching for this route.

Being lazy was caught again😂

[kangfenmao]

@kangfenmao 你们真的是苛刻啊 😅 之前优化的时候唯独右上角那个 settings 我没做预取，就是觉得普通用户应该不太会点那个地方，稍微等一会也还好 🤡

这个路由我也做下预取吧

当然，用户群体广了，自然会有各种各样开发者想象不到的应用场景。我通常会在这里对会话做一些设置，所以会经常点击设置和返回。

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

@kangfenmao You are really harsh 😅 When optimizing before, I did not prefetch only the settings in the upper right corner. I just thought that ordinary users would not be able to click on that place. It would be fine if I waited for a while 🤡

I will also do prefetching for this route.

Of course, with a wide user base, there will naturally be various application scenarios that developers cannot imagine. I usually do some settings for the session here, so I hit settings and back a lot.

[gngshn]

流式传输是不是有点问题呀. 问了问题要等好久才开始有回应, 开始有回应的时候, 刷的一下全部都出来了.

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

Is there something wrong with the streaming? When I asked a question, I had to wait a long time for a response. When I started to respond, everything came out in one swipe.

[arvinxx]

流式传输是不是有点问题呀. 问了问题要等好久才开始有回应, 开始有回应的时候, 刷的一下全部都出来了.

应该是你的配置问题，看看 https://github.com/lobehub/lobe-chat/discussions/531

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

Is there something wrong with the streaming? When I asked a question, I had to wait a long time for a response. When I started getting a response, I swiped and everything came out.

It should be your configuration problem, take a look at https://github.com/lobehub/lobe-chat/discussions/531

[gngshn]

流式传输是不是有点问题呀. 问了问题要等好久才开始有回应, 开始有回应的时候, 刷的一下全部都出来了.

应该是你的配置问题，看看 #994

我刚用IP直接访问试了下, 似乎没有问题. 感觉应该是nginx反代的问题. 之前nextchat没有额外的反代配置是没出现这个现象的. 谢谢

补充, 刚才重新配置了nginx

        location / {
            proxy_pass http://127.0.0.1:3210/;
            proxy_buffering off;
        }

这样就没问题了.

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

Is there something wrong with the streaming? When I asked a question, I had to wait a long time for a response. When I started getting a response, I swiped and everything came out.

It should be your configuration problem, take a look at #994

I just tried it with direct IP access, and there seems to be no problem. It feels like it is an nginx reverse generation problem. I don’t know if there is any reference. This phenomenon did not occur before nextchat did not have additional reverse generation configuration. Thanks

[arvinxx]

@guangzhengli 我刚发的链接有问题，改了，你再看下

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

@guangzhengli There is something wrong with the link I just sent. I have changed it. Please take a look again.

[xianjuntang]

你们有遇到过这个吗window本地开发，启动卡死，cpu直接干到75多

[mwnu]

的确至今UI响应延迟依然非常高，由其是在手机上操作，而且点按控件比较小，非常不跟手。

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

Indeed, the UI response delay is still very high so far, because it is operated on a mobile phone, and the click control is relatively small, which is very difficult to follow.

[arvinxx]

的确至今UI响应延迟依然非常高，由其是在手机上操作，而且点按控件比较小，非常不跟手。

有问题建议新开 issue

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

Indeed, the UI response delay is still very high so far, because it is operated on a mobile phone, and the click control is relatively small, which is very difficult to follow.

If you have any questions, please open a new issue