FXML JavaFX Slowdowns | Together Java | Page 1

keen lynx Jun 25, 2024, 8:57 PM

#

Hey, I'm using fxml for javafx. im aware this causes slowdowns. However, some pages take way longer to load than others. Is there a reason why?
The page that takes longer to load only has two components but all other pages load very quickly yet they have more complicated fxml pages

junior quiverBOT Jun 25, 2024, 8:57 PM

#

<@&987246487241105418> please have a look, thanks.

icy lily Jun 25, 2024, 9:10 PM

#

keen lynx Hey, I'm using fxml for javafx. im aware this causes slowdowns. However, some pa...

show your code

#

using fxml isnt a bottleneck at all. its how you use it

#

theres a good chance your slowdowns could be caused by how your interface with FXML, or could be completely irrelevant to FXML

#

gotta see the code. more specifically, the code causing the problems

woven marten Jun 25, 2024, 9:12 PM

#

Also wdym by slowdowns? You used a profiler to check?

keen lynx Jun 25, 2024, 9:20 PM

#

Here I added my code here https://github.com/Skultrix/Wardrobe

GitHub

GitHub - Skultrix/Wardrobe

Contribute to Skultrix/Wardrobe development by creating an account on GitHub.

keen lynx Jun 25, 2024, 9:20 PM

#

woven marten Also wdym by slowdowns? You used a profiler to check?

No just by running it on my computer.

#

The "Home" page takes 2-3 seconds to load, but other pages load quickly

#

Basically. I have a UI that is a border pane with navigation on the left and logo and whatever. Then I load a "page" and set it into the borderpane's center container when the navigation is interacted with

#

This is handled here https://github.com/Skultrix/Wardrobe/blob/master/src/main/java/com/aabdalla/wardrobe/controllers/BaseUI.java

GitHub

Wardrobe/src/main/java/com/aabdalla/wardrobe/controllers/BaseUI.jav...

Contribute to Skultrix/Wardrobe development by creating an account on GitHub.

icy lily Jun 25, 2024, 9:44 PM

#

keen lynx The "Home" page takes 2-3 seconds to load, but other pages load quickly

considering the Home controller doesn't do anything, and the FXML for Home seems pretty lightweight, makes me believe its not the FXML itself

keen lynx Jun 25, 2024, 9:45 PM

#

Do you have any ideas of what might cause this?

icy lily Jun 25, 2024, 9:45 PM

#

well id recommend cleaning up your code first

#

BaseUI has an FXMLLoader field which doesnt seem to be used

keen lynx Jun 25, 2024, 9:46 PM

#

Yep I forgot that

icy lily Jun 25, 2024, 9:46 PM

#

first step is simplifying the code as much as possible

#

next step would be pinpointing exactly where the time is being taken

#

are you sure its the loading of the homepage? maybe there are some other things going on causing a slowdown

#

so timing things would give you more insight into exactly what is taking so much time

keen lynx Jun 25, 2024, 9:47 PM

#

Could it be that running it from the IDE would be slower than usual?

icy lily Jun 25, 2024, 9:51 PM

#

keen lynx Could it be that running it from the IDE would be slower than usual?

should be negligible

#

throw in some simple timing systems

#

long start = System.nanoTime();
loadPage(...)
long end = System.nanoTime();
long timeTaken = end - start;```

#

itll give you a rough idea of how much time is being consumed relative to other things

keen lynx Jun 25, 2024, 9:53 PM

#

Ok

#

Thats so weird

#

#

Ill try timing things inside of loadPage()

violet sage Jun 25, 2024, 10:00 PM

#

keen lynx Basically. I have a UI that is a border pane with navigation on the left and log...

You should cache pages so you don't have to load them from the hard drive each time

#

but even then

#

it's not normal that it takes so much time

#

there must be something else causing problems

keen lynx Jun 25, 2024, 10:09 PM

#

#

First time loaded

#

Second time loaded

#

Maybe I should try caching

icy lily Jun 25, 2024, 10:11 PM

#

you should, but it also shouldnt be taking that long to reload the same thing

#

so theres something else going on

violet sage Jun 25, 2024, 10:15 PM

#

keen lynx First time loaded

separate the call to load and setcenter, and calculate the time it takes for each one, just to be sure

keen lynx Jun 25, 2024, 10:16 PM

#

Yeah im working on that

#

#

So the issue is with setCenter

#

Not load

#

The only differences between other pages and home is that Home is an HBox while the others are border panes

#

I would think that an HBox would be faster to put in

icy lily Jun 25, 2024, 10:19 PM

#

keen lynx So the issue is with setCenter

thats very interesting

violet sage Jun 25, 2024, 10:20 PM

#

ah

#

hmm

icy lily Jun 25, 2024, 10:20 PM

#

ima try to run this in about 10 mins

violet sage Jun 25, 2024, 10:20 PM

#

try to verify that the dimension are exact so it doesn't need to resise anything

icy lily Jun 25, 2024, 10:20 PM

#

that seems strange that setCenter would cause such a impact on load times

keen lynx Jun 25, 2024, 10:21 PM

#

violet sage try to verify that the dimension are exact so it doesn't need to resise anything

I just tried, I removed prefwidth and prefheight but no change

icy lily Jun 25, 2024, 10:21 PM

#

the thing is, your controller does nothing, and the FXML is very simple

keen lynx Jun 25, 2024, 10:21 PM

#

Maybe I need to remove whats already there?

#

Because its fast on the first setCenter

#

Is there a function for that

icy lily Jun 25, 2024, 10:21 PM

#

i think it may be a different issue

keen lynx Jun 25, 2024, 10:43 PM

#

When I paste the fxml contents of another page into the home page's fxml, it works fine

#

So its an issue with the contents of the home page's fxml but im not sure how to debug that

icy lily Jun 25, 2024, 10:46 PM

#

keen lynx So its an issue with the contents of the home page's fxml but im not sure how to...

let me take another look at the fxml. not home yet, cant test

keen lynx Jun 25, 2024, 10:50 PM

#

#

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.text.Text?>

<HBox fillHeight="false" prefHeight="100.0" prefWidth="200.0" spacing="30.0" stylesheets="@../../../css/pages/home/home.css" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1">
   <children>
      <AnchorPane prefHeight="200.0" prefWidth="200.0" styleClass="info_container">
         <children>
            <Text layoutX="84.0" layoutY="180.0" strokeType="OUTSIDE" strokeWidth="0.0" styleClass="info_title" text="# OUTFITS" />
            <Text layoutX="26.0" layoutY="111.0" strokeType="OUTSIDE" strokeWidth="0.0" styleClass="info_count" text="00" />
         </children>
      </AnchorPane>
      <AnchorPane prefHeight="200.0" prefWidth="200.0" styleClass="info_container">
         <children>
            <Text layoutX="99.0" layoutY="180.0" strokeType="OUTSIDE" strokeWidth="0.0" styleClass="info_title" text="# PIECES" />
            <Text layoutX="26.0" layoutY="111.0" strokeType="OUTSIDE" strokeWidth="0.0" styleClass="info_count" text="00" />
         </children>
      </AnchorPane>
   </children>
</HBox>

junior quiverBOT Jun 25, 2024, 10:50 PM

#

keen lynx ``` <?xml version="1.0" encoding="UTF-8"?> <?import javafx.scene.layout.AnchorP...

Detected code, here are some useful tools:

violet sage Jun 25, 2024, 10:53 PM

#

@keen lynx you could try to run a profiler to see what is actually taking time

icy lily Jun 25, 2024, 10:56 PM

#

what does the stylesheet look like?

#

nothing in the FXML is suggesting high load times. and its strange that it loads quick the first time, but not the second

#

i dont think its the stylesheet causing the issues (although cant rule it out), i still think theres something else

#

but thats the only thing in that FXML that is suggesting time pitfalls

keen lynx Jun 25, 2024, 10:57 PM

#

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Reddit+Mono:[email protected]&display=swap');


.info_container {
    -fx-effect: dropshadow(gaussian, rgba(157, 141, 195, 0.16), 30, 0, 10,10);
    -fx-background-color: linear-gradient(to bottom, #ffffff, #f1f7f8);

    -fx-background-radius: 7; /* Set the radius for the background */
    -fx-border-radius: 7; /* Set the radius for the border */
    -fx-border-color: #ffffff;
    -fx-border-width: 5px;
}

.info_title {
    -fx-font-family: "Poppins", monospace;
    -fx-font-size: 20px;
    -fx-font-weight: 900;
    -fx-fill: #636973;

}

.info_count {
    -fx-font-family: "Reddit Mono", monospace;
    -fx-font-size: 90px;
    -fx-font-weight: 500;
    -fx-fill: #40454c;
    -fx-effect: dropshadow(gaussian, rgba(114, 255, 180, 0.37), 0, 0.5, 5, 5);
}

junior quiverBOT Jun 25, 2024, 10:57 PM

#

keen lynx ``` @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,10...

Detected code, here are some useful tools:

Formatted code

@import
url('https : //fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Reddit+Mono:[email protected]&display=swap');
.info_container {
   - fx - effect : dropshadow(gaussian, rgba(157, 141, 195, 0.16), 30, 0, 10, 10);
   - fx - background - color : linear - gradient(to bottom, #ffffff, #f1f7f8);
   - fx - background - radius : 7;
  /* Set the radius for the background */
   -fx-border-radius: 7; /* Set the radius for the border */
   - fx - border - color : #ffffff;
   - fx - border - width : 5px;
}
.info_title {
   - fx - font - family : "Poppins", monospace;
   - fx - font - size : 20px;
   - fx - font - weight : 900;
   - fx - fill : #636973;
}
.info_count {
   - fx - font - family : "Reddit Mono", monospace;
   - fx - font - size : 90px;
   - fx - font - weight : 500;
   - fx - fill : #40454c;
   - fx - effect : dropshadow(gaussian, rgba(114, 255, 180, 0.37), 0, 0.5, 5, 5);
}

keen lynx Jun 25, 2024, 10:57 PM

#

this is the stylesheet

icy lily Jun 25, 2024, 10:58 PM

#

alright, so you are using a url to access a font

#

im not sure why that would take more time the 2nd occurrence

keen lynx Jun 25, 2024, 10:58 PM

#

Yes but I am doing the same in all other stylesheets

#

This is so strange

icy lily Jun 25, 2024, 10:58 PM

#

yeah, so probably not the issue

violet sage Jun 25, 2024, 10:58 PM

#

well

#

remove it

#

just to be sure

keen lynx Jun 25, 2024, 10:59 PM

#

Ok

violet sage Jun 25, 2024, 10:59 PM

#

if the problem is still here, it's not that

keen lynx Jun 25, 2024, 10:59 PM

#

nope

#

still slow

icy lily Jun 25, 2024, 10:59 PM

#

just seems strange that it would take longer the 2nd time

violet sage Jun 25, 2024, 10:59 PM

#

but like I said, you should use a profiler, a profiler should be able to pin point what is exactly taking this much time

keen lynx Jun 25, 2024, 10:59 PM

#

I kinda did a botchy profiler

#

Its slow at BorderPane.setCenter

icy lily Jun 25, 2024, 11:00 PM

#

profiler isnt easy to comprehend though, they'd have to be able to analyze the results properly

#

otherwise they'd be confused on why byte[] is taking so much memory

violet sage Jun 25, 2024, 11:00 PM

#

keen lynx Its slow at BorderPane.setCenter

A profiler would step inside and see exactly what is taking time

icy lily Jun 25, 2024, 11:00 PM

#

when in reality, its because strings are backed by it

keen lynx Jun 25, 2024, 11:00 PM

#

Wait

violet sage Jun 25, 2024, 11:00 PM

#

icy lily profiler isnt easy to comprehend though, they'd have to be able to analyze the r...

yes but we are here to assist him

keen lynx Jun 25, 2024, 11:00 PM

#

youre RIGHT!

violet sage Jun 25, 2024, 11:00 PM

#

?

keen lynx Jun 25, 2024, 11:01 PM

#

The font was slowing it

icy lily Jun 25, 2024, 11:01 PM

#

ayy

violet sage Jun 25, 2024, 11:01 PM

#

ah?

violet sage Jun 25, 2024, 11:01 PM

#

keen lynx nope

then?

keen lynx Jun 25, 2024, 11:01 PM

#

I removed the font from another file by accident and tested

#

Yes that was a mistake

#

I removed it from base.css instead of home.css

violet sage Jun 25, 2024, 11:01 PM

#

but why only on second time?

keen lynx Jun 25, 2024, 11:01 PM

#

Thats no longer my problem 😀

icy lily Jun 25, 2024, 11:02 PM

#

lmfao

keen lynx Jun 25, 2024, 11:02 PM

#

Maybe some sort of limit from the google api? IDK

icy lily Jun 25, 2024, 11:02 PM

#

ima still try to troubleshoot

violet sage Jun 25, 2024, 11:02 PM

#

can you try to make a Minimal reproducible example so we can find the problem?

#

still

icy lily Jun 25, 2024, 11:02 PM

#

its still an interesting problem

keen lynx Jun 25, 2024, 11:02 PM

#

Okay I will do that after I cook dinner then I will send a link here

#

Thank you

violet sage Jun 25, 2024, 11:03 PM

#

keen lynx Maybe some sort of limit from the google api? IDK

Wait, can you try to load it from code and then test if it takes time and when?

keen lynx Jun 25, 2024, 11:03 PM

#

violet sage Wait, can you try to load it from code and then test if it takes time and when?

How can I do that?

icy lily Jun 25, 2024, 11:03 PM

#

keen lynx Here I added my code here https://github.com/Skultrix/Wardrobe

this should contain an MRE

#

@violet sage

keen lynx Jun 25, 2024, 11:03 PM

#

Whats an MRE

icy lily Jun 25, 2024, 11:03 PM

#

Minimal Reproducable Example

keen lynx Jun 25, 2024, 11:03 PM

#

Im a cs student with no practical experience guys

icy lily Jun 25, 2024, 11:03 PM

#

the minimal code to reproduce the example

#

and even though this isnt minimal, its still not much

keen lynx Jun 25, 2024, 11:04 PM

#

Will do

icy lily Jun 25, 2024, 11:04 PM

#

so id consider it good enough for an MRE

icy lily Jun 25, 2024, 11:05 PM

#

keen lynx Im a cs student with no practical experience guys

no worries, we're here to help bring you up to par

#FXML JavaFX Slowdowns