Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在同构React应用中,有哪些好方法可以减少FID(首次输入延迟)?_Javascript_Reactjs_Performance_Isomorphic Javascript_Isomorphic - Fatal编程技术网

Javascript 在同构React应用中,有哪些好方法可以减少FID(首次输入延迟)?

Javascript 在同构React应用中,有哪些好方法可以减少FID(首次输入延迟)?,javascript,reactjs,performance,isomorphic-javascript,isomorphic,Javascript,Reactjs,Performance,Isomorphic Javascript,Isomorphic,在我的应用程序中,pointerdown事件的FID非常常见。这是一个等纯反应应用。有谁能提出一些好的方法来减少它吗。最近谷歌搜索控制台引入了速度(实验)。它显示,由于FID高(>300ms),我的大多数网站页面都很慢。 减少束大小 使用服务器端渲染(我想你使用它是因为你有一个同构的应用程序) 使用 查看网站(它可以帮助您识别“最薄弱”的部分,而且谷歌的这项服务还提供了如何改进页面的建议) 此外,我还需要有关网络瀑布的更多详细信息(例如,它可以是大图像(您可以对其进行优化或对图像使用延迟加载)

在我的应用程序中,pointerdown事件的FID非常常见。这是一个等纯反应应用。有谁能提出一些好的方法来减少它吗。最近谷歌搜索控制台引入了速度(实验)。它显示,由于FID高(>300ms),我的大多数网站页面都很慢。

  • 减少束大小
  • 使用服务器端渲染(我想你使用它是因为你有一个同构的应用程序)
  • 使用
  • 查看网站(它可以帮助您识别“最薄弱”的部分,而且谷歌的这项服务还提供了如何改进页面的建议)

此外,我还需要有关网络瀑布的更多详细信息(例如,它可以是大图像(您可以对其进行优化或对图像使用延迟加载)或其他可以减少fid的请求)

服务器端呈现同构react应用程序。在服务器端渲染的应用程序中,FID通常很高。它将如何降低FID?我知道。是的,通常是这样,但对你来说不是这样。我刚才提到它是因为它可以帮助一些人我们已经实现了路由和基于组件的拆分。我们还对图像使用延迟加载。对于css,我们使用样式化组件。我认为我们不会因为这些问题而遇到高FID。您是否使用react ssr framework作为next.js、gatsby等?不,我们没有使用任何服务器端渲染框架您是否可以发送网络瀑布(不带缓存)以在特定情况下提供帮助您是否可以添加有关服务器端框架的信息?