Move the CSS out of every single page and into a style sheet

[iCER7]

Had a user give the following idea im forwarding on. Is this active already and im just a patch down or something?

----------

Move the CSS out of every single page and into a style sheet... come on GAS, you still need to do it!

Example:
This page with CSS (compressed): 33kb
This page without CSS (compressed): 20kb


40% saving of bandwidth just by fixing that faeces.
Makes pages load faster, less load on server, etc.

It's the same CSS on every page, what you do is cut the CSS from the template file, paste it into a new file called like, "forums.css" then add this in the header
<link rel="stylesheet" type="text/css" href="forums.css" media="all" />

It's an easy task... admin panel > templates > edit template html > CUT CSS

New file: PASTE CSS

Add that link tag into header.

Yes, the CSS must be read even in a CSS file, but browsers do a little thing called caching which means it won't download the CSS file over and over again

---------------------------

Cheers
-iCER

[Michael]

You can already do this. If you need assistance with this, please post in the peer-to-peer forums or open a ticket in your client center.

[Robert Simons]

actually sounds like a suggestion for the IPB staff and not an issue per say ...

with that said .. I'd agree that it could use some alterations.

[Michael]

What he's asking for is already a feature, you can load the CSS from a separate CSS file instead of having it all show up in the page source.

[bfarber]

If you're referring to OUR site, the CSS embedded into the page source is from the custom header bar at the top of the page. Sure, we could move it out, but it's not a big deal and wouldn't affect YOUR site.

If you're referring to the CSS for the IPB skin, then as Michael said this is already supported by IPB out of the box.

[Sailing Anarchy]

When I view the Source for our forums I can see.

<style type="text/css" title="Main" media="screen">
/* Inline CSS */

/* CSS: calendar_select*/
.calendar_date_select {
color:white;
border:#777 1px solid;
display:block;
width:195px;
z-index: 1000;
}
and on and on and on




How do I eliminate this, where is the setting to set it so it is not downloaded with every page??

Thanks

[Michael]

When I view the Source for our forums I can see.

<style type="text/css" title="Main" media="screen">

/* Inline CSS */

/* CSS: calendar_select*/

.calendar_date_select {

color:white;

border:#777 1px solid;

display:block;

width:195px;

z-index: 1000;

}

and on and on and on

How do I eliminate this, where is the setting to set it so it is not downloaded with every page??

Thanks

As mentioned above, if you need assistance with this, open a ticket in your client center or post in the peer-to-peer support forums. This forum is not for technical support questions.