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

yh4922 · 2023-12-18T03:45:06Z

💻 系统环境 | Operating System

Windows

🌐 浏览器 | Browser

Chrome

🐛 问题描述 | Bug Description

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

🚦 期望结果 | Expected Behavior

No response

📷 复现步骤 | Recurrence Steps

No response

📝 补充信息 | Additional Information

No response

lobehubbot · 2023-12-18T03:45:18Z

👀 @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 · 2023-12-18T03:59:04Z

有计划优化

lobehubbot · 2023-12-18T03:59:15Z

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

Planned optimization

Feliks151450 · 2023-12-20T17:05:49Z

有计划优化

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

lobehubbot · 2023-12-20T17:06:03Z

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 · 2023-12-21T02:37:00Z

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

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

lobehubbot · 2023-12-21T02:37:11Z

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 · 2023-12-21T02:43:59Z

最好是能录屏演示下

lobehubbot · 2023-12-21T02:44:12Z

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 · 2023-12-21T15:58:46Z

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

lobehubbot · 2023-12-21T15:58:57Z

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 · 2023-12-21T16:10:11Z

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

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

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

lobehubbot · 2023-12-21T16:10:25Z

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 · 2023-12-22T02:17:17Z

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

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

lobehubbot · 2023-12-22T02:17:28Z

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 · 2023-12-22T02:57:00Z

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

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

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

lobehubbot · 2023-12-22T02:57:10Z

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 · 2023-12-22T03:02:27Z

OK 我们会继续优化的

lobehubbot · 2023-12-22T03:02:38Z

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

OK we will continue to optimize

lobehubbot · 2024-01-05T06:44:14Z

✅ @yh4922

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

kangfenmao · 2024-01-10T01:25:13Z

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

lobehubbot · 2024-01-10T01:25:26Z

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 · 2024-01-10T01:37:22Z

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

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

lobehubbot · 2024-01-10T01:37:33Z

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 · 2024-01-10T01:53:37Z

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

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

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

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

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

lobehubbot · 2024-01-10T01:53:49Z

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 · 2024-01-10T01:58:24Z

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

lobehubbot · 2024-01-10T01:58:37Z

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 · 2024-01-10T02:01:07Z

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

yh4922 · 2024-01-10T02:12:56Z

我是私有化部署的

lobehubbot · 2024-01-10T02:13:10Z

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

I deployed it privately

arvinxx · 2024-01-10T02:16:43Z

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

这个路由我也做下预取吧

mushan0x0 · 2024-01-10T02:18:34Z

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

偷懒又被发现了😂（不是

lobehubbot · 2024-01-10T02:18:47Z

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 · 2024-01-10T02:19:28Z

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

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

lobehubbot · 2024-01-10T02:19:39Z

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 · 2024-01-10T02:21:13Z

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

lobehubbot · 2024-01-10T02:21:25Z

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 · 2024-01-10T02:32:29Z

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

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

lobehubbot · 2024-01-10T02:32:41Z

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 #531

gngshn · 2024-01-10T02:39:48Z

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

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

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

补充, 刚才重新配置了nginx

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

这样就没问题了.

lobehubbot · 2024-01-10T02:40:01Z

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 · 2024-01-10T02:45:47Z

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

lobehubbot · 2024-01-10T02:45:59Z

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 · 2024-01-16T20:34:56Z

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

mwnu · 2024-02-23T08:00:17Z

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

lobehubbot · 2024-02-23T08:00:29Z

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 · 2024-02-23T08:46:35Z

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

有问题建议新开 issue

lobehubbot · 2024-02-23T08:46:46Z

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

yh4922 added the 🐛 Bug Something isn't working | 缺陷 label Dec 18, 2023

github-project-automation bot added this to Lobe Chat Routine Dec 18, 2023

github-project-automation bot moved this to Roadmap - Chat 1.x in Lobe Chat Routine Dec 18, 2023

arvinxx mentioned this issue Dec 22, 2023

⚡️ perf: prefetch page to improve performance #749

Merged

7 tasks

arvinxx mentioned this issue Jan 5, 2024

⚡️ perf: support smooth message output #945

Merged

7 tasks

arvinxx closed this as completed Jan 5, 2024

github-project-automation bot moved this from Roadmap - Chat 1.x to Done in Lobe Chat Routine Jan 5, 2024

arvinxx mentioned this issue Jan 21, 2024

🐛 fix: refactor and fix to imporve UX detail #1117

Merged

7 tasks

lobehub locked as resolved and limited conversation to collaborators Feb 23, 2024

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

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

Comments

yh4922 commented Dec 18, 2023

💻 系统环境 | Operating System

🌐 浏览器 | Browser

🐛 问题描述 | Bug Description

🚦 期望结果 | Expected Behavior

📷 复现步骤 | Recurrence Steps

📝 补充信息 | Additional Information

lobehubbot commented Dec 18, 2023

arvinxx commented Dec 18, 2023

lobehubbot commented Dec 18, 2023

Feliks151450 commented Dec 20, 2023

lobehubbot commented Dec 20, 2023

arvinxx commented Dec 21, 2023

lobehubbot commented Dec 21, 2023

Asuka109 commented Dec 21, 2023

lobehubbot commented Dec 21, 2023

hqw567 commented Dec 21, 2023

lobehubbot commented Dec 21, 2023

Feliks151450 commented Dec 21, 2023

lobehubbot commented Dec 21, 2023

arvinxx commented Dec 22, 2023 • edited Loading

lobehubbot commented Dec 22, 2023

Feliks151450 commented Dec 22, 2023

lobehubbot commented Dec 22, 2023

arvinxx commented Dec 22, 2023

lobehubbot commented Dec 22, 2023

lobehubbot commented Jan 5, 2024

kangfenmao commented Jan 10, 2024

lobehubbot commented Jan 10, 2024

arvinxx commented Jan 10, 2024

lobehubbot commented Jan 10, 2024

kangfenmao commented Jan 10, 2024

lobehubbot commented Jan 10, 2024

yh4922 commented Jan 10, 2024

lobehubbot commented Jan 10, 2024

mushan0x0 commented Jan 10, 2024

yh4922 commented Jan 10, 2024

lobehubbot commented Jan 10, 2024

arvinxx commented Jan 10, 2024

mushan0x0 commented Jan 10, 2024 • edited Loading

lobehubbot commented Jan 10, 2024

kangfenmao commented Jan 10, 2024

lobehubbot commented Jan 10, 2024

gngshn commented Jan 10, 2024 • edited Loading

lobehubbot commented Jan 10, 2024

arvinxx commented Jan 10, 2024 • edited Loading

lobehubbot commented Jan 10, 2024 • edited by arvinxx Loading

gngshn commented Jan 10, 2024 • edited Loading

lobehubbot commented Jan 10, 2024

arvinxx commented Jan 10, 2024

lobehubbot commented Jan 10, 2024

xianjuntang commented Jan 16, 2024

mwnu commented Feb 23, 2024

lobehubbot commented Feb 23, 2024

arvinxx commented Feb 23, 2024

lobehubbot commented Feb 23, 2024

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

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

arvinxx commented Dec 22, 2023 •

edited

Loading

mushan0x0 commented Jan 10, 2024 •

edited

Loading

gngshn commented Jan 10, 2024 •

edited

Loading

arvinxx commented Jan 10, 2024 •

edited

Loading

lobehubbot commented Jan 10, 2024 •

edited by arvinxx

Loading

gngshn commented Jan 10, 2024 •

edited

Loading