I would like to open a thread based on the facebook thread from Olcay Can Ertan, in which we as a community try to collect as much data as possible on performance problems.
What helps:
Videos recorded with https://jam.dev/, as the technical data and browser console are tracked at the same time.
sandbox instances on which the problem occurs and is traceable (maybe with temporary logins to test if the problem appears on other machines too)
Hosting provider, hosting package or generally where the instance is running
the user machine on which Bricks is operated (hardware + browser)
The more cases we get together, the more likely we are to find overlaps and overlapping problems that the Bricks team can then solve.
I created an open Google spreadsheet, where I will record the cases, data and any kind of usefull informations (it’s only a draft, I will add more and formated infos of course).
All forms of structural improvement and additional ideas are always welcome!
Personally I will add the next days two sandboxes on Timme Hosting and All-Inkl based on my blueprint with AT, ACSS and ACF Pro.
Hi Sebastian thank you so much for the thread. I hope we can solve this. I already sent you a temporary link to a sandbox. You can edit the homepage to reproduce the issues.
Client Server Details:
PHP-Version 7.4
Memory limit 768M
Unfortunately I cannot provide more for now because they are hosting the website themselves.
Sandbox Server Details:
Hosting by: Hostinger
Plan: Cloud Startup
Ram: 3GB
CPU: 2
Resource usage at the moment: 20%
PHP-Version: 8.2
Memory Limit: 512M
Issues:
Structure Panel
Drag and drop sections is sometimes slow and buggy (client server has little more lag than mine)
Opening a section and trying to drag an element inside right after, results into not responding at all or faulty other behaviors
Disabling Advanced Themer did not result into better performance (in the Facebook thread I mentioned that it did, but later it also started to lag in vanilla Bricks)
Dropping an element always creates a 1sec unresponsiveness for the whole structure panel. Continuing to drag and drop elements one after another sometimes makes things worse
Selecting a parent div and adding an element by click results in the element being put at the end of the child elements (that’s fine). Selecting a child element and adding an element by click also puts it at the bottom (I don’t know if this is an error or should be a suggestion, but that should result in the element being put right under the selected child element)
Other Suggestions:
Indicator that the element is going to be inserted at the end of the child elements while hovering over the parent element.
When the child elements list is so long, that its going beyond the visible window you don’t see the insert indicator at the end. Maybe It would be better if the parent element also gets a border for example, so you get visible feedback to attempt the insert no matter the circumstances
Control Panel
Tabs always take a while till they open
Sometimes clicking on an element on the canvas does not open the controls for that (rare)
Control Panel could open faster after clicking on an element
Automatic expanding and retracting of the control panel could be smoother and faster
Other rare occasions
Element appearing at the end of the page by itself - on the last occasion it was a button
Sometimes selecting any kind of text element and writing something directly on the canvas or from the control panel does not get registered. I need to deselect and reselect the element to have it working again.
Sometimes putting a margin is not rendered in the canvas. Refreshing the canvas is also not solving it - I need to reload the page (after saving) to find that my margin setting has not been set at all. probably connected with the issue above
So that’s it for now, these are the most pressing issues for us. I will keep reporting if we have any further findings.
Maybe also Bricks with Framework, AT and Bricksforge or BricksExtras (BricksExtras could be interesting because its adding Elements to the list)… not sure about if these could be relevant or not
When I have some time left I will add as promised my installations for all-inkl and timme.
As already predicted, the community is much more interested in complaining than in participating in finding a solution. I will definitely remember this when the next thread on this topic comes up.
If we are lucky, we will find deviations or causes for performance leaks in our installations.
Server Environment
Server info: Apache
MySQL version: 10.5.25
PHP version: 8.2.20-nmm1
PHP post max size: 512M
PHP execution time limit: 300
PHP max input vars: 6000
PHP safe mode:
PHP memory limit: 512M
PHP max upload file size: 512M
Server Environment
Server info: nginx/1.25.2
MySQL version: 10.11.8
PHP version: 8.2.21
PHP post max size: 100M
PHP execution time limit: 300
PHP max input vars: 1000
PHP safe mode:
PHP memory limit: 1024M
PHP max upload file size: 100M
Thanks so much for opening this thread! I’m out of business for a bit while I move into my new place, but as soon as I’m back, I’ll be sure to keep this bookmarked and contribute when I can. It’s very much appreciated!
Inserting a heading resulted into getting 2 elements in the canvas but they did not appear in the structure panel.
Reloading the page resulted into seeing both elements on the canvas and the structure panel
deleting 1 Element resulted into deleting both elements.
This happened 2 Times in short amount of time. I should note that my browser gave me a notice that the tab was passively suspended because of high CPU usage (because of a particle animation). I don’t know if this putting tabs to sleep automatically has a impact on the editor behavior but could be something to look into.
