With this change, on my browser, reloading a page in development after changing a CSS file is about 25% faster than simply splitting the CSS code between `application.css` and `vendored.css`. Compared to using only one `application.css` file containing everything, reloading a page in development is about 35% faster. The combined size of all the generated stylesheets is now about 0.5% bigger. Not sure why (maybe placeholder selectors?), but the difference is negligible. Note that we could load the `administration.css` file only in the admin area, reducing the size of the page for people accessing the public area. However, the size of this stylesheet (compressed) is 28K, which is less than 3% of the overall size of a page and, on the other hand, there's a risk of some styles no longer being applied because we might have overlooked the fact that some styles in the `administration.css` are also applied to the public area. So, for now, we're still loading the administration styles in the public area. We might reconsider in the future.
22 lines
558 B
JavaScript
22 lines
558 B
JavaScript
//= link ckeditor/application.css
|
|
//= link ckeditor/application.js
|
|
//
|
|
//= link_tree ../images
|
|
//= link application.css
|
|
//= link application-rtl.css
|
|
//= link administration.css
|
|
//= link administration-rtl.css
|
|
//= link vendored.css
|
|
//= link vendored-rtl.css
|
|
//= link application.js
|
|
//
|
|
//= link ckeditor/config.js
|
|
//= link stat_graphs.js
|
|
//= link dashboard_graphs.js
|
|
//= link dashboard_poster.css
|
|
//= link noscript.css
|
|
//= link print.css
|
|
//= link pdf_fonts.css
|
|
//= link_tree ../../../vendor/assets/images
|
|
//= link_tree ../../../node_modules/leaflet/dist/images
|