25
4
I am having problem with Next.js being too slow when going from "/posts" page to "/post/[postId]" and then go back to "/posts".
当我从“/post”页面转到“/post/[postID]”然后再回到“/post”时，我遇到了Next.js速度太慢的问题。
As more posts gets loaded into cache going back to "/posts" Next.js waits until every posts gets rendered then goes back (I found out this by adding console.log) in one of the components and when I press back in "/post/[postId]" page I see the console.log running and when all of the 100 (for example) posts gets console logged then the page transitions which is very slow.
随着更多的帖子被加载到缓存中，返回到“/post”，Next.js等待，直到每个帖子都被呈现，然后在其中一个组件中返回(我通过添加console.log发现了这一点)，当我返回到“/post/[postID]”页面时，我看到console.log正在运行，当所有100个(例如)帖子都被控制台记录时，页面转换非常慢。
Compare this with Twitter's timeline and going back and forth for a specific tweet page it happens almost instantly, so in twitter the page immediately goes back and then tweets gets rendered (at least feels like this way).
与Twitter的时间线相比，对于特定的tweet页面，它几乎是立即发生的，所以在Twitter中，页面立即返回，然后tweet被呈现(至少感觉是这样的)。
I am fetching the posts on the client so the page is static with no getServerSide or getStaticProps or anything else.
我在客户机上获取帖子，所以页面是静态的，没有getServerSide、getStaticProps或其他任何东西。
Is it because twitter uses SPA React-Router? How to solve this issue in Next.js? I am sure other big sites have solved this issue but how?
是因为Twitter使用了SPA反应路由器吗？如何在Next.js中解决这个问题？我相信其他大型网站已经解决了这个问题，但如何解决呢？
Note that I am in production mode (not dev) and using "/pages" directory.
请注意，我处于生产模式(不是dev)并使用“/Pages”目录。
Maybe this is similar but not answering my question:
NextJs router seems very slow compare to React Router
也许这很相似，但没有回答我的问题：与Reaction路由器相比，NextJs路由器似乎非常慢
I solved it via Delayed component and now router.back happens instantly but you will lose the SSR for SEO. (Google says that its bots will search dynamically generated content but who knows)
我通过延迟组件和现在的路由器解决了它。返回立即发生，但你会失去搜索引擎优化的SSR。(谷歌表示，其机器人将搜索动态生成的内容，但谁知道呢)
个人中心
文章发布
退出function Delayed({
timeout = 0,
children,
}) {
const [isShown, setIsShown] = React.useState(false)
React.useEffect(() => {
if (isShown) return
const timeoutID = setTimeout(() => {
setIsShown(true)
}, timeout)
return () => {
clearTimeout(timeoutID)
}
}, [timeout])
if (!isShown) return
return children
}
and then
然后
<Delayed>
<Content />
</Delayed>
If you have another way of solving this I will be glad to hear it.
如果你有别的办法解决这个问题，我会很高兴听到的。
25
4
0
我正在尝试将一个字符串逐个字符地复制到另一个字符串中。目的不是复制整个字符串，而是复制其中的一部分(我稍后会为此做一些条件......) 但我不知道如何使用迭代器。 你能帮帮我吗？ std::stri
我想将 void 指针转换为结构引用。 结构的最小示例: #include "Interface.h" class Foo { public: Foo() : mAddress((uint
这有点烦人:我有一个 div，它从窗口的左上角开始过渡，即使它位于文档的其他任何位置。我试过 usign -webkit-transform-origin 但没有成功，也许我用错了。有人可以帮助我吗？
假设，如果将 CSS3 转换/转换/动画分配给 DOM 元素，我是否可以检测到该过程的状态？ 我想这样做的原因是因为我正在寻找类似过渡链的东西，例如，在前一个过渡之后运行一个过渡。 最佳答案 我在 h
最近我遇到了“不稳定”屏幕，这很可能是由 CSS 转换引起的。事实上，它只发生在 Chrome 浏览器 上(可能还有 Safari，因为一些人也报告了它)。知道如何让它看起来光滑吗？此外，您可能会注意
我正在开发一个简单的 slider ，它使用 CSS 过渡来为幻灯片设置动画。我用一些基本样式和一些 javascript 创建了一支笔 here .注意:由于 Codepen 使用 Prefixfr
我正在使用以下代码返回 IList: public IList FindCodesByCountry(string country) { var query =
如何设计像这样的操作: 计算 转化 翻译 例如:从“EUR”转换为“CNY”金额“100”。 这是 /convert?from=EUR&to=CNY&amount=100 RESTful 吗？ 最佳答
我使用 jquery 组合了一个图像滚动器，如下所示 function rotateImages(whichHolder, start) { var images = $('#' +which
如何使用 CSS (-moz-transform) 更改一个如下所示的 div: 最佳答案 你可以看看Mozilla Developer Center .甚至还有例子。 但是，在我看来，您的具体示例不
我需要帮助我正在尝试在选中和未选中的汉堡菜单上实现动画。我能够为菜单设置动画，但我不知道如何在转换为 0 时为左菜单动画设置动画 &__menu { transform: translateX(
我正在为字典格式之间的转换而苦苦挣扎:我正在尝试将下面的项目数组转换为下面的结果数组。本质上是通过在项目第一个元素中查找重复项，然后仅在第一个参数不同时才将文件添加到结果集中。 var items:[
如果我有两个定义相同的结构，那么在它们之间进行转换的最佳方式是什么？ struct A { int i; float f; }; struct B { int i; float f; }; void
我编写了一个 javascript 代码，可以将视口(viewport)从一个链接滑动到另一个链接。基本上一切正常，你怎么能在那里看到http://jsfiddle.net/DruwJ/8/ 我现在的
我需要将文件上传到 meteor ，对其进行一些图像处理(必要时进行图像转换，从图像生成缩略图)，然后将其存储在外部图像存储服务器(s3)中。这应该尽可能快。 您对 nodejs 图像处理库有什么建议
刚开始接触KDB+，有一些问题很难从Q for Mortals中得到。 说，这里 http://code.kx.com/wiki/JB:QforMortals2/casting_and_enumera
我在这里的一个项目中使用 JSF 1.2 和 IceFaces 1.8。 我有一个页面，它基本上是一大堆浮点数字段的大编辑网格。这是通过 inputText 实现的页面上的字段指向具有原始值的值对象
ScnMatrix4 是一个 4x4 矩阵。我的问题是什么矩阵行对应于位置(ScnVector3)，旋转(ScnVector4)，比例(ScnVector3)。第 4 行是空的吗？ 编辑: 我玩弄了
恐怕我是 Scala 新手: 我正在尝试根据一些简单的逻辑将 Map 转换为新 Map: val postVals = Map("test" -> "testing1", "test2" -> "te
输入: This is sample 1 This is sample 2 输出: ~COLOR~[Green]This is sample 1~COLOR~[Red]This is sam
我是一名优秀的程序员,十分优秀！