search

jeroennoten / Laravel-AdminLTE

Easy AdminLTE integration with Laravel
MIT License
3.77k stars 1.08k forks source link

[QUESTION] Remove the transition effect on the page change & speed up the page loading time #1292

Closed chanakaDe closed 19 hours ago

chanakaDe commented 5 days ago

Is your request related to a problem? Please describe.

I notice the page loading time is really slow with this transition which looks like the page is loading from bottom. AdminLTE Laravel is a good package, but this effect makes it not so professional.

Describe the solution you'd like

How can we make it smooth & fast like in this page: https://adminlte.io/docs/3.0/index.html This has no any animations & page loads very fast. Check the screen recording for more information on this issue. https://www.loom.com/share/b172de22548c478eb0ee9af91e4c4acf?sid=ed68f652-e9e4-43d5-a34c-0413e07a5a0b

dfsmania commented 5 days ago

Hi @chanakaDe , please check documentation at the Wiki pages: Basic Config / Preloader Animation.

You can disable the preloader animation, or change the image shown there. Note the preloader was initially designed by the AdminLTE team to hide rendering effects of some elements, for example, when you use a jquery plugin to transform a checkbox into another with a better look and feel. The transitions effects between the two checkbox styles are hidden by this preloader.

On the other hand, the speed time for loading a page depends on a number of things, like the resources of the server, the amount of data that page uses, the time of the underlying database queries to retrieve that data, etc. The AdminLTE documentation page is just text with some style, so there's no reason to be slow.

chanakaDe commented 4 days ago

@dfsmania Thank you so much. It worked. I like this AdminLTE Laravel implementation because it work like a charm. Just for curiosity, Is there any SPA version of this? I would like to try.

Thank you in advance :-)

dfsmania commented 4 days ago

@chanakaDe I'm not sure if there is another SPA like implementation around. However, you can give a try to Livewire+Navigate. Note, this will require to publish the views to add the required customization when generating the links of the menu.

To integrate Livewire you may check Integrating Livewire.

dfsmania commented 19 hours ago

Closed, a solution was provided!