Site not publishing, timing out, in any browser, in incognito mode or otherwise, while my other sites from same account publish fine in 5-10 seconds. Other sites on other client accounts (with larger page/class/image numbers) publish with no problem in 5-10 seconds.
Occurred instantly after a major Designer crash last night (I submitted the report it requested) which I have not seen in over 3 years of using Webflow.
A look through site backups showed that concurrently with publishing issue described above, a fast/inaccurate increase in display of “# on page / # on site” elements was occurring.
The save (july5th.1230AM.PST) prior to the last publish showed an increase to of 4 to 61 overall elements coinciding with an addition of a symbol which only contained 2 instances of the element.
From the code export of the current site, the css file is giant at 17mb, mostly due to the auto generated ID’s for the grid parts — as initially discussed here - CSS Grids Exported Code.
Would be interesting to know how many of those are unused, and does the system clear the unused one? Given how easy grid is to play around with, one can end up with a myriad classes just by editing a single grid over during the design stage?
The code export for the last published version (july5th.1230AM.PST) has the css file at 16mb, which is appears to somehow minify to 74kb when analyzed with web inspector. I am guessing there must be at least some ID cleaning up done on your end during the publishing process?
Having turned off “minify CSS” on your advice and the site is back to publishing. I am in the process of removing all of the grid elements not crucial to the layout, and it has reduced css file in the code export to 11mb from 17mb.
Grid seems to be very useful for complex layouts, but a little taxing in excessive use under the current version.
Splitting the file between ID-based and CLASS-based content:
ID-CSS — 17.8MB
CLASS-CSS — 90kb
I do not have the capacity to check the precise source of the ID’s but it appears virtually all of them are GRID-positioning and alignment.
I assume there was a valid reason on your end for not attaching GRID-positioning and alignment to the CLASS in the original implementation.
I understand you are working on the solution the the original problem in this thread. The source of the problem appears to be the ID bloat described above. A few questions:
Is this cache related, and does the CSS file gets cleared of unused ID’s?
Is there any chance of this problem being fixed? either through CLASS based approach or something else you are working on.
I have exported the site code a few items, while adjusting GRID items in Designer and isolated the exact problems for the CSS bloat:
A. Grids inside Symbols creates extensively duplicated CSS
When GRID element is used inside a symbol, ID’s (and accompanying CSS) of the GRID’s children is replicated several hundred times. 231 times for most occurrences on this site.
Removing the symbol removes the duplicate ID CSS.
B. ID’s of Grid children do not get removed on when parent element is not set to GRID anymore — creating unused CSS.
Cutting/pasting the children elements back in after removing the GRID parent removes the ID’s and accompanying CSS.
After removing all of the above site CSS reduced from 19MB to 2.6MB, CSS is able to be minified again, and the site publishes fine.
I assume both of these issues are what you are working on addressing