Browse Source

improve performance by visibility: hidden

dev
xmcp 6 years ago
parent
commit
36c4298d26
  1. 5
      .gitmodules
  2. 4
      src/Flows.js
  3. 1
      src/react-lazyload

5
.gitmodules vendored

@ -1,3 +1,8 @@
[submodule "src/imasugu"]
path = src/imasugu
url = https://github.com/xmcp/imasugu
[submodule "src/react-lazyload"]
path = src/react-lazyload
url = https://github.com/xmcp/react-lazyload

4
src/Flows.js

@ -4,7 +4,7 @@ import {ColorPicker} from './color_picker';
import {split_text,NICKNAME_RE,PID_RE,URL_RE} from './text_splitter';
import {format_time, build_highlight_re, Time, TitleLine, HighlightedText, ClickHandler} from './Common';
import './Flows.css';
import LazyLoad from 'react-lazyload';
import LazyLoad from './react-lazyload/src';
import {AudioWidget} from './AudioWidget';
import {TokenCtx, ReplyForm} from './UserAction';
@ -549,7 +549,7 @@ function FlowChunk(props) {
<div className="flow-chunk">
{!!props.title && <TitleLine text={props.title} />}
{props.list.map((info,ind)=>(
<LazyLoad key={info.pid} offset={1500} height="15em" once={true}>
<LazyLoad key={info.pid} offset={1500} height="15em" hiddenIfInvisible={true}>
<div>
{!!(props.deletion_detect && props.mode==='list' && ind && props.list[ind-1].pid-info.pid>1) &&
<div className="flow-item-row">

1
src/react-lazyload

@ -0,0 +1 @@
Subproject commit b985b694eebf8970fe37d334091d1bb8a7c5f553
Loading…
Cancel
Save