vb.org Archive - Understanding the CSS Rollup

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB4 Programming Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=252)

- - Understanding the CSS Rollup (https://vborg.vbsupport.ru/showthread.php?t=294482)

brandondrury

01-28-2013 08:50 AM

Understanding the CSS Rollup

I'm approaching this from a performance standpoint. I'm trying to reduce my http requests.

Using Firebug I see that sidebar.css, widget.css, and tagcloud.css use up a combined < 1Kb but cause quite a bit of latency.

I'd love to merge these in a way that makes unmerging possible in the event of an edit. (Best of both worlds. :)) So far none of the mods I've found have been helpful.

It's my understanding that the css rollup options are simply a rendering down of multiple CSS files (and the stylevars variable system, I presume). It seems like it would be super straight forward to say, "Hey rollup, why don't you toss in sidebar.css, widget.css, and tagcloud.css".

Anyone know how this works?

Brandon

kh99	01-28-2013 09:24 AM

The file includes/xml/cssrollup_vbulletin.xml determines which css templates go in each rollup, so you could probably just modify that.

squidsk

01-28-2013 02:49 PM

You might not want to edit the default vbulletin files though in case they get changed. Just create a new file call cssrollup_myrollups and put the following content :

Code:

<?xml version="1.0" encoding="ISO-8859-1"?>

<css product="product_name_here">

  <rollup name="my-rollup.css">

    <template>sidebar.css</template>

    <template>widget.css</template>

    <template>tagcloud.css</template>

  </rollup>

</css>

This will create the rollup file, you'd then need to change the default behaviour for the rollup to be used instead of the individual css files. This would require a plugin that both removes the three css files in question and adds the rollup file.

EDIT: You can use existing rollup files if there's one that suits your needs, just use the name of the existing rollup file and the css will be added to it. Also don't forget you'll need to rebuild the styles for the changes to occur.

kh99	01-28-2013 03:00 PM

Quote:

Originally Posted by squidsk (Post 2400087)

You might not want to edit the default vbulletin files though in case they get changed.

That's a good point. And I think if you create a new xml file but use the name of an existing rollup (like "main-rollup.css") you can add to that rollup without needing to modify the existing file.

nhawk

02-01-2013 03:03 PM

Also be careful with the size in bytes and the number of rules in the rolled up CSS.

If it is too big, Internet Explorer will ignore anything beyond it's CSS file size limit.

All times are GMT. The time now is 07:18 AM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01188 seconds Memory Usage 1,720KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (5)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: