Metronic Mega Update!Tailwind 4, React 19, Next.js 15, KtUI, ReUI, eCommerce, User Management Apps and more
Explore Update

Metronic slowly sequencially loading assets is halting my website


Hi guys,

so, I've recently installed Metronic Laravel 8.2.5 on my machine and I've built some views with few of Metronic's components (datatables, cards, date rangepickers, etc.).
However, since start I noticed terrible performances concering assets loading on each Metronic's webpage.
I've tried Chrome, Firefox and Edge, both with custom and out-of-the-box settings but the issues persists. Metronic's assets are slowly loaded one after the other with the previous halting the second, like a sequence, like a concurrent job queue.

My colleague, who's using the same exact code from our collaborative repo is experiencing nothing like this.
I'd also say that I've just installed the starterkit and it's behaving the same way..

I'm on Windows 10 using VSCode with XAMPP on PHP 8.3 (same as my colleague's machine).

I'll attach two screenshots, on of VSCode's terminal after launching php artisan serve and the second with Google Chrome's devtools network page.

Screenshots:
https://ibb.co/hZYsNC8
https://ibb.co/VNR8g7B

Can anyone help me figure out how to speed the loading of said assets?


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (4)


Hi, I had a similar experience with slow asset loading in Metronic Laravel. It felt like every script was waiting in line, which really dragged performance down. While troubleshooting unrelated issues, I came across TND Winnipeg Winnipeg and noticed they had solid front-end optimization on their site maybe look at how they manage asset bundling or defer strategies for some inspiration.



Website performance issues can be frustrating, especially in critical fields like healthcare, where seamless access to information is vital. Just like optimizing asset loading improves user experience, ensuring smooth Carelogic login functionality is essential for medical professionals who rely on quick, secure access to patient data. A well-optimized system can make all the difference in delivering efficient and timely care.



Hi Lore Porre,

Thank you for sharing your solution! It’s great to hear that you resolved the issue.

For anyone else experiencing similar problems with Metronic, it may be helpful to check PHP.ini configuration, especially the Xdebug extension settings.

Thank you



I figured it out with help from my colleague, it was the PHP.ini configuration file that had Xdebug extension active with xdebug.start_with_request= with a "yes" value.

Now I've commented it:

[xdebug]
; xdebug.mode=debug
; xdebug.start_with_request=yes
; xdebug.discover_client_host=yes
; xdebug.client_port=9003
; xdebug.idekey = VSCODE
; xdebug.log_level=0
; xdebug.start_with_request=yes
; xdebug.client_host="127.0.0.1"
; zend_extension = xdebug

and the project is blazing fast!


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(