Pagination and eager loading - mmedrano9438/peripheral-brain GitHub Wiki

Lazy loading is also known as infinite scrolling. This process constantly makes the page larger as the user scrolls. The page can feel like it never ends. This is ideal for a page where there is no other content under the lazy loading section. Social media feeds use lazy loading.

Advantages:

  1. Users never have to click a button to see more content.
  2. Since scrolling is the only effort required to see more content, users typically stay on the website longer.
  3. The content loads a little at a time, so loading is usually fast.
  4. Google sees multiple pages, which helps with SEO.
  5. It’s easier to use with small devices.

Disadvantages:

  1. The content is difficult to navigate.
  2. Users have to continuously scroll, which can be tiring and cause hand cramps.
  3. Users are not aware of the amount of content they’ve seen or have left.
  4. It can be frustrating if the user wants to find the footer for more information about the company.
  5. It can be difficult to get back to the top of the page or back to a certain piece of content such as a blog post or product.
  6. The website’s page loading can slow down with a lot of content loaded on the page.
  7. The lazy loading section needs to be the last section of the page.
  8. It’s difficult to see the oldest content since users may need to scroll through several years’ worth of posts.

Pagination displays a certain number of posts, such as products or blog posts, at one time and provides buttons to see the next or previous portion of content. Each portion is one page. To view the next page of content, the user clicks on a button or arrow. A number shows the page they’re currently viewing. The pagination is placed within a section of the web page, so the web page itself doesn’t change. Pagination is a popular option on desktops where there’s enough screen space to show the navigation.

Advantages

  1. You can determine the number of posts or products that are shown in the section, giving you more control over the page’s design.
  2. Users can navigate through the pages.
  3. Viewing older content is easy since users can click a button to see the oldest or select specific pages.
  4. The content can include filters, searching, and sorting options, making it easier to navigate.
  5. The content takes up the same amount of space on the page, keeping the page design consistent.
  6. The website’s page loading doesn’t slow down because the amount of content on the page remains the same.
  7. Only one page of content loads from the database when the user navigates to each page of content.

Disadvantages

  1. Users might have to scroll back to the top of the page to see the start of each page, so they might scroll in both directions.
  2. It requires two actions: tapping/clicking and scrolling if the content doesn’t fit within the screen.
  3. It limits the amount of content that a user can see at one time.
  4. Navigation, search, and sorting options require space on the webpage.
  5. Navigation, search, and sorting options require styling to fit the branding, so there’s extra work involved in adding them to the pages.
  6. It’s more difficult to use with smaller devices.