2.3 firewall tab -rules slow

maverick_slo

I literally clicked through ALL pages and only this one is superslow.
NAT for example is very fast and it has lots of entries.

Steve_B

Nor me. I have 25 rules and the page loads in 380 mS according to the Chrome profiler.

Tough without being able to reproduce it.

maverick_slo

Maybe is this specific issue limited only to my firewall…
I did upgrade a lot from 2.X to every version until today...

maverick_slo

In latest tests on fresh win 10 only firefox is problematic, ie, chrome, opera all load page in less than 2 seconds only firefox takes 8 :S

iamzam

FWIW I also have the slowness problem in Firefox (Currently 44.0) and not in Chrome/Safari. For me it takes about 16 seconds total for the main WAN rules to finish the first time. I have the Firefox Web Developer Performance Profiler (Shift F5) .json export that you can import into your Firefox and see for every line where it spent the time but it is 1.8 MB and .json files won't attach here. For instance one of the most plentiful entries is "Recalculate Style" and if you select it, over on the sidebar you see the files it was processing such as pfsense.js:187

Here is a screenshot of that:

Performance-Firewall-Rules-WAN.png_thumb

maverick_slo

Yeah we have same problem :)

Steve_B

We have tried everything we can to reproduce this, but no luck so far. Were I able to reproduce it, I would probably troubleshoot like this:

From the command line, or from Diagnostics->Command prompt, create an empty CSS file:

touch /usr/local/www/bootstrap/css/empty.css

Now from the System->General setup page, change the web configurator theme to "empty" and save.

The screen will now look horrible, but it will still be functional. You wont have a menu any more, but you will have links you can click on, so click firewall_rules. Does the page load more quickly? Much more quickly?

If it is improved, I would go back to the pfSense theme (have to click the general setup link), copy the pfSense theme:

cp /usr/local/www/bootstrap/css/pfSense.css /usr/local/www/bootstrap/css/pfSense-TEST.css

now select that pfSense-TEST theme from the setup page. You can now start commenting out sections of the pfSense-TEST.css file to try and locate the culprit. Probably best to start commenting out from the bottom up :)

I'm not asking anyone to do this or even suggesting that it is a good idea, but it is about all I can think of at this point.

maverick_slo

Ok I will do it if you already ask for it :)

maverick_slo

BTW, if we nail it, you owe me a bear, lol :)

maverick_slo

Funny…

I just did it, page loads exactly the same amount of time.

nocss.PNG_thumb

Steve_B

OK good. So we know it is not related to the pfSense CSS then.

Thanks for taking the time to do that.

I'll suggest the next step shortly.

jwt

Pingle seems to have a handle on it (Internal communication)

Steve_B

Let's try this please:

Diagnostics->Edit file

Browse to /usr/local/www/firewall_rules.php

GoTo line 889 using the GoTo control in the top right

Comment out the code that makes the rules sortable:


events.push(function() {
/*
	// Make rules sortable
	$('table tbody.user-entries').sortable({
		cursor: 'grabbing',
		update: function(event, ui) {
			$('#order-store').removeAttr('disabled');
			reindex_rules(ui.item.parent('tbody'));
			dirty = true;
		}
	});
*/

Obviously the code will no longer be sortable, but lets see if it loads faster.

maverick_slo

Yup, thats it :)
Now they're flyin :)

Steve_B

OK cool. Thanks for doing that.

There is an issue reported in Firefox where initializing the sorting is extremely slow. Trying to find a work-around now.

Steve_B

I have just pushed a work-around for this. Would you please gitsync and try it when you have time?

maverick_slo

Hi!

We can close it :)

Chrome is fastest, IE and FF little slower (1.3sec load time) which is excellent :)

Steve_B

Yay!

Thanks to everyone who helped to track this down and test the fix. I learn something from you guys every day :)