Hack to Lighten Drupal 6 css Size

Even when using css agregator the size of the css file in a Drupal 6 site is too big.
Why? Because with every module Drupal has a tendency to load the module css style that goes with it.

You know how important is page speed for visitors and SEO also, so before doing any changes you may want to check your page speed and page size with Yslow or Page Speed plugins.

The lighter is your page, the faster it will load.

This trick is valable if you are using a diferent theme for the front page and let's say that for administration purposes you use Garland, so we are not goig to modify the admin Garland theme in this case as some of the functions related to styles classes with javascript may not work.

To lighten Drupal css sytle sheet, first you need to go to Performance setting and uncheck compress css styles.
Then open the template.php file on your active theme folder, for example if you are using the theme basic open the /sites/all/themes/basic/template.php file, but first of all make a copy of it!
Then find the preprocess_page function and add all the lines marked in pink:

function basic_preprocess_page(&$vars, $hook) {
  // Hack to lighten css
  $css = $vars['css'];
  unset($css['all']['module']['modules/system/defaults.css']);
  unset($css['all']['module']['modules/node/node.css']);
  unset($css['all']['module']['modules/system/admin.css']);
  unset($css['all']['module']['modules/system/system-menus.css']);
  unset($css['all']['module']['modules/user/user.css']);
// Modules installed by you
  unset($css['all']['module']['sites/all/modules/views/css/views.css']);
  unset($css['all']['module']['sites/all/modules/cck/theme/content-module.css']);
  unset($css['all']['module']['sites/all/modules/filefield/filefield.css']);
  unset($css['all']['module']['sites/all/modules/cck/modules/fieldgroup/fieldgroup.css']);
  $vars['styles'] = drupal_get_css($css);
  // end of hack

  // .. more code here
}

The path to sites/all/modules/ may change depending where you have installed your particular modules, if you are not sure of this do not include these lines.

Once you've done this go to Performance setting and check compress css styles back again.
Then check again speed and size of your page and see the difference.


Thanks to this trick my page loads 1 second faster!

Comments

Post a Comment

Your opinion is very appreciated, thank you!

Popular posts from this blog

Repair Dolce Gusto Circolo Leaking Problem

Image
My Dolce Gusto coffee machine started leaking without even plugin in to the socket. Water was leaking at the base, the tank would get completely empty in a few seconds, so I dismounted the back cover to see. Use a Torx tool.  Fisrt start removing the two screws down besides the reservoir connector. Down there you see the join inside the water connector. That small rubber joint was apparently in a good shape but the problem really came from it. I took the small water filter and descaled it by diping it in white vinegar for a few minutes. Then I took a rubber tap joint from my tool box and put it on top of the rubber joint as you see it in the circle. Then I mounted all back again and it works! The joint was just too used, and you can replace it with a tap rubber joint, just find the right size. Descale the coffe machine This is always a good thing to do every two or three months to keep the inside clean. I descaled completely by filling the water tank with a mixture
Read more

Root Nook Simple Touch with updated NookManager

Image
I have just rooted my Nook Simple Touch and it works really well. The screen quality is better than some other android readers which are really expensive on the market. After rooting everything flows and works fine, even browsing with Opera Mini. Upgrade the firmware to 1.2.2 With the old firmware 1.1.0 the wifi network does not work, so to upgrade the firmware you have to side download it to the reader and once it gets in sleep mode it will begin to upgrade itself Go to the page: https://help.barnesandnoble.com/hc/en-us/articles/5379840873371-Having-trouble-connecting-to-your-NOOK-#ManualDL and follow the instructions, then download the file: https://su.barnesandnoble.com/nook/nook2/1.2.2/351e26527e80156183e74be2da2ce89f/nook_1_2_update.zip Upgrade the firmware Register your Nook Simple Touch Root the Nook Simple Touch This update is only for firmware 1.2.2, I was impatient and tried to do it on the old firmware and it does not work well as you cannot install apk files or have Wi
Read more

How to Change the Gear Shift Knob of the Peugeot 306

Image
Well, last week the gear shift knob of my car got teared down in my hand as I was driving as you can see it in the picture. It was so really broken that the official knob from Peugeot would not fit anymore. The good thing about it is that now I can replace it by a nice one. But it was a real pain to figure out how to dismount it, the main thing is to lift up the leather bag around it first, from the bottom and then turn the knob twice to the left and then pull from it till it comes off . As you can see the white base support was broken too, so I had to dismount the whole thing and look for an universal knob to replace it. Well here is the gear shift itself all alone, I had to stick around it a piece of plastic and then tighten it up with a wire (I did this with my pliers to hold it tight), so that the leather bag will not move down later. Here is the new knob, it has a nice fairy on it, well, I know you are smiling :) but it was the only one in the store one that fitted
Read more