Swiper is Laggy on Mobile phones

[vrinch]

The swiper works very well on desktop browsers, but gets laggy on some mobile phones, while on some, it does not show up at all

[kopax-polyconseil]

@vrinch we don't need more information obviously we will help you. Just kidding, what phones ? What code ? Do you have a snack we can use to reproduce?

[hohoaisan]

You can use props passed into each slide to determine the logic inside it should be run or not here By default Swiper tries to render all the element, by returning null in some invisible item can improve performance.

type PageProps = {
  index?: number;
  activeIndex?: number;
} & ChapterPage;

export const Page: React.FC<PageProps> = ({index, activeIndex, ...page}) => {
  if (
    index &&
    activeIndex &&
    index !== activeIndex
  ) {
    return null;
  }
  return (
  // rest of the heavy logic of the slide
  )
}

[jarvisluong]

The issue seems to be stale. Please re-open if this is still needed, thanks.