search

rokucommunity / sample-projects

A collection of sample projects showing ways you can configure your project with different rokucommunity tools
MIT License
9 stars 4 forks source link

help with a project #5

Closed xoceunder closed 2 years ago

xoceunder commented 2 years ago

this my proyect

https://github.com/xoceunder/RokuDev

I want to make the entry of the GridScreen section load faster so that it loads the individual categories

@TwitchBronBron @chrisdp

TwitchBronBron commented 2 years ago

This project isn't really the place to ask these types of questions. You should join the Roku Community slack and ask future questions there (here's an invite link)

You're rendering 12,869 unique grid cells! The way to speed that up is...render less. No user will realistically scroll through 11,366 comedy movies in a single row. Cap your rows at maybe 50-100 each. If you really need to display all of them, consider adding a "view all" tile at the end that takes you to a different page that shows a whole category in a new grid.

This change caps each category at 50, which makes the grid render almost instantly. image

xoceunder commented 1 year ago

And how can I then load all the content of each category @TwitchBronBron

TwitchBronBron commented 1 year ago

One option is to filter the list to 25 items from each category, with a 26th item being a button saying "view all" which would take you to a separate screen just for that category where you would show all the items in that one category.