Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
By ManuAdam on
I have installed latest dev version of Drupal 8 (Feb 15, 2014). I am using Bartik sub theme. Everything seems fine except the fact that site is too slow. I checked with Yslow, it gives just 65 point and Page Speed of google (with fire bug) gives mere 44 point .. toooooooooooo slow reminding me of old joomla 5 or drupal 5 days or even worse. When I looked at page source file of my front page (which only has two content and a few images), I was shocked to see a long list of css and javascript files attached in the section.
Is there a way to speed up Drupal 8 site or are we doomed to live with a slow one?
Here is the log:
Home | My Site
@import url("....../core/assets/vendor/normalize-css/normalize.css?n193b9"); @import url("....../core/modules/system/css/system.module.css?n193b9"); @import url("....../core/modules/field/css/field.module.css?n193b9"); @import url("....../core/modules/user/css/user.module.css?n193b9"); @import url("....../core/modules/system/css/system.theme.css?n193b9"); @import url("....../core/modules/views/css/views.module.css?n193b9"); @import url("....../core/modules/shortcut/css/shortcut.module.css?n193b9"); @import url("....../core/modules/shortcut/css/shortcut.theme.css?n193b9"); @import url("....../core/modules/shortcut/css/shortcut.icons.css?n193b9"); @import url("....../core/assets/vendor/jquery.ui/themes/base/jquery.ui.core.css?n193b9"); @import url("....../core/assets/vendor/jquery.ui/themes/base/jquery.ui.theme.css?n193b9"); @import url("....../core/modules/contextual/css/contextual.toolbar.css?n193b9"); @import url("....../core/modules/tour/css/joyride-2.0.3.css?n193b9"); @import url("....../core/modules/tour/css/tour.module.css?n193b9"); @import url("....../core/modules/user/css/user.icons.css?n193b9"); @import url("....../core/modules/toolbar/css/toolbar.menu.css?n193b9"); @import url("....../core/modules/toolbar/css/toolbar.module.css?n193b9"); @import url("....../core/modules/toolbar/css/toolbar.theme.css?n193b9"); @import url("....../core/modules/toolbar/css/toolbar.icons.css?n193b9"); @import url("....../modules/ultimenu/css/ultimenu.css?n193b9"); @import url("....../modules/ultimenu/skins/ultimenu--blue.css?n193b9"); @import url("....../core/modules/contextual/css/contextual.module.css?n193b9"); @import url("....../core/modules/contextual/css/contextual.theme.css?n193b9"); @import url("....../core/modules/contextual/css/contextual.icons.css?n193b9"); @import url("....../core/assets/vendor/jquery.ui/themes/base/jquery.ui.button.css?n193b9"); @import url("....../core/assets/vendor/jquery.ui/themes/base/jquery.ui.resizable.css?n193b9"); @import url("....../core/assets/vendor/jquery.ui/themes/base/jquery.ui.dialog.css?n193b9"); @import url("....../core/modules/edit/css/edit.module.css?n193b9"); @import url("....../core/modules/edit/css/edit.theme.css?n193b9"); @import url("....../core/modules/edit/css/edit.icons.css?n193b9"); @import url("....../core/themes/seven/edit.css?n193b9"); @import url("....../core/modules/filter/css/filter.caption.css?n193b9"); @import url("....../core/misc/dialog.theme.css?n193b9"); @import url("....../themes/sub_bartik/css/layout.css?n193b9"); @import url("....../core/themes/bartik/css/style.css?n193b9"); @import url("....../themes/sub_bartik/css/colors.css?n193b9"); @import url("....../themes/sub_bartik/css/custom.css?n193b9"); @import url("....../core/themes/bartik/css/print.css?n193b9"); /core/assets/vendor/html5shiv/html5.js?v=3.6.2" /core/assets/vendor/modernizr/modernizr.min.js?v=2.6.2" /core/assets/vendor/domready/ready.min.js?v=master" core/assets/vendor/classList/classList.min.js?v=master" /core/assets/vendor/jquery/jquery.js?v=2.0.3" /core/assets/vendor/underscore/underscore.js?v=1.5.2" ./core/assets/vendor/jquery-once/jquery.once.js?v=1.2.3" /core/assets/vendor/backbone/backbone.js?v=1.1.0" ./core/misc/drupal.js?v=8.0-dev" /core/assets/vendor/jquery.ui/ui/jquery.ui.core.js?v=1.10.2" /core/modules/views/js/views-contextual.js?v=8.0-dev" /core/assets/vendor/jquery.ui/ui/jquery.ui.widget.js?v=1.10.2" /core/modules/contextual/js/contextual.js?v=8.0-dev" /core/modules/contextual/js/models/StateModel.js?v=8.0-dev" /core/modules/contextual/js/views/AuralView.js?v=8.0-dev" ./core/modules/contextual/js/views/KeyboardView.js?v=8.0-dev" /core/modules/contextual/js/views/RegionView.js?v=8.0-dev" /core/modules/contextual/js/views/VisualView.js?v=8.0-dev" /core/modules/history/js/history.js?v=8.0-dev" /core/modules/comment/js/node-new-comments-link.js?v=8.0-dev" /core/modules/toolbar/js/escapeAdmin.js?v=8.0-dev" /core/misc/tabbingmanager.js?v=8.0-dev" /core/misc/debounce.js?v=8.0-dev" /core/misc/announce.js?v=8.0-dev" /core/modules/contextual/js/contextual.toolbar.js?v=8.0-dev" /core/assets/vendor/jquery.ui/external/jquery.cookie.js?v=1.10.2" /core/modules/tour/js/jquery.joyride-2.0.3.js?v=2.0.3" /core/modules/tour/js/tour.js?v=8.0-dev" /core/misc/matchmedia.js?v=8.0-dev" /core/misc/displace.js?v=8.0-dev" ./core/modules/toolbar/js/toolbar.menu.js?v=8.0-dev" /core/modules/toolbar/js/toolbar.js?v=8.0-dev" /core/modules/toolbar/js/models/MenuModel.js?v=8.0-dev" /core/modules/toolbar/js/views/ToolbarAuralView.js?v=8.0-dev" ./core/modules/toolbar/js/views/ToolbarVisualView.js?v=8.0-dev" /modules/ultimenu/js/ultimenu.js?v=8.0-dev" /core/assets/vendor/jquery-form/jquery.form.js?v=3.39" /core/assets/vendor/jquery.ui/ui/jquery.ui.position.js?v=1.10.2" /core/assets/vendor/jquery.ui/ui/jquery.ui.button.js?v=1.10.2" /core/assets/vendor/jquery.ui/ui/jquery.ui.mouse.js?v=1.10.2" /core/assets/vendor/jquery.ui/ui/jquery.ui.draggable.js?v=1.10.2" /core/assets/vendor/jquery.ui/ui/jquery.ui.resizable.js?v=1.10.2" /core/assets/vendor/jquery.ui/ui/jquery.ui.dialog.js?v=1.10.2" /core/misc/dialog.js?v=8.0-dev" /core/misc/dialog.position.js?v=8.0-dev" /themes/sub_bartik/js/slide_jquery.js?n193b9" /core/misc/active-link.js?v=8.0-dev" /core/misc/form.js?v=8.0-dev" /core/misc/ajax.js?v=8.0-dev" ./core/misc/progress.js?v=8.0-dev"
Comments
I haven't used Drupal 8 yet,
I haven't used Drupal 8 yet, but every version of Drupal since 5 (and maybe even before) has had the option to turn on CSS and JS aggregation, so I'd be extremely surprised if D8 didn't.
Do we require all these css, js
I know, there are ways to optimise the Drupa 8 sites. One can aggregate css and js from performance section in Drupal 8 too. But my question is: Do we really require to call all these css and js files for every single page in Drupal 8?
ManuAdam__
No, you don't require them
No, you don't require them all at all - you use CSS aggregation to combine them. So it's irrelevant how many there are, because on a live site you would never have aggregation turned off.
As to why there are so many, the system and various modules all can add their own CSS sheets. This is what keeps Drupal modular, which is one of its major strengths.
_
It's also still alpha and likely a year from release-- there's probably lots of intermediate code in there and it's doubtful there's been much real optimization yet. But each version is usually somewhat slower then the previous one.
Slow Drupal 8 basic website
Hello,
My Drupal 8 websites are very slow also, have you found any explanation ?
Thank you.