Does CSS slows the loading of the page??

**Hamad Mansoor** · Sep 17, 2003, 03:14

Hi every one

I Have just started my 1st project that I tryed to use only the CSS

I Have put all the classes in one include file (style1.css)

its work fine BUT ITS SLOW ?!!!

AND NO heavy images or complecated functions is there ?

so I thought that maybe because its calling all the styles class then its load the web pag ?

any one have any hint to help me ?

**Hamad Mansoor** · Sep 17, 2003, 03:24

Actualy its a quesion not areplay !

I have make one project with CSS and i put all the classes in one include file (style1.css)
but i notice that the site is slow !?
i dont have large images or complecated functions
so any hint ?
thanx

**TheOriginalH** · Sep 17, 2003, 03:33

This really needs a thread of its own, so I'm splitting it...

Couple of questions:

How large (in bytes) is your .css file.
Same Q about your html file.
Same Q about all images for the page.

Next....who do you host with? Free host or paid?

**TheOriginalH** · Sep 17, 2003, 03:35

Please ask questions only ONCE on these boards

**Hamad Mansoor** · Sep 17, 2003, 03:42

My style sheet size is 8.03 KB

My project totaly with incude folder , imagesfolder, and the asp + htm pages is 14.1 MB

i am hosting it on our own company server..
we make much biger and complecated projects than this one but without Css and its works fine !?
ok any more questions , i will be happy to answer

Notice: I am sorry for posting twice but i am confused little

thanx

**xhtmlcoder** · Sep 17, 2003, 04:51

The web page will be retrieved as will the external CSS file but since files tend to be cached and may people use corporate theming the cached CSS will be reused.

Posting a link to the page - assuming its not an intranet - might be of some use as was previously stipulated to some extent it depends upon the size of the CSS file and how the classes have been used and whether the syntax used is well-formed.

**Hamad Mansoor** · Sep 17, 2003, 05:54

Any one else can Help

**vgarcia** · Sep 17, 2003, 08:38

How are you including the stylesheet in your pages? <link> tags, @import, or ?

**Hamad Mansoor** · Sep 20, 2003, 23:09

I include the file by this the last way

?

**platinum** · Sep 20, 2003, 23:45

You don't need to include the CSS like that - just use

<link rel="stylesheet" href="styles.css" media="screen" />

In the head tag somewhere so that it is cached. But the actual rendering of the pages shouldn't be slowed by CSS

**Hamad Mansoor** · Sep 21, 2003, 06:10

ooooooops!!!
i am realy sorry lol
this is the way that i like the css but i gut confused when i was replaying lol
sorry

<link rel="stylesheet" href="styles.css" media="screen" />

**cfm** · Sep 21, 2003, 06:26

Hello,

Unless your server is really slow, using W3C CSS doesn't slow pages down. In fact, on 99.9% of all servers, using CSS actually speeds up the loading of pages, since a great deal of W3C (X)HTML formatting code can be replaced with only a few short lines of CSS code.

Also, using linked style sheets are great for making site management easy--if you want to update all instances of a certain style, just change the CSS code. Every page automatically reflects the change.

Compuwhiz7

**vgarcia** · Sep 21, 2003, 07:36

Originally Posted by compuwhiz7

Hello,

Unless your server is really slow, using W3C CSS doesn't slow pages down. In fact, on 99.9% of all servers, using CSS actually speeds up the loading of pages, since a great deal of W3C (X)HTML formatting code can be replaced with only a few short lines of CSS code.

Also, using linked style sheets are great for making site management easy--if you want to update all instances of a certain style, just change the CSS code. Every page automatically reflects the change.

Compuwhiz7

Its main benefit is the reduced load time in the form of caching the stylesheet, as long as you <link> or @import the CSS file in. That's when you start to see real gain (and is also why in-document styles should be avoided)

.

**Hamad Mansoor** · Sep 21, 2003, 23:25

yeah

and that whats makes me creazy lol
i dont know realy .. but at least i know that it is not from using Css .. because when i read about Css i understand that its makes the loading fast .. but i said maybe i missed some thing..
thanks guys

**xinete** · Sep 22, 2003, 01:29

how are those 14M divided in the images? do you have video? 14M for just images sounds a lot, maybe your resolution used in your images and pictures is kind of high for website purposes

**Hamad Mansoor** · Sep 22, 2003, 04:28

no animation .. i dont know if i can put the link here to let u see it ..if its alowed i will

**TheOriginalH** · Sep 22, 2003, 04:58

14 mb is HUGE.

If you can post a link, please do so. The most likely culprit is less than optimum images

**Hamad Mansoor** · Sep 22, 2003, 05:06

www.bahraintradanet.com\moi2\index.asp

this is it .. and plz comment on any thing

**TheOriginalH** · Sep 22, 2003, 05:09

Loading it now. I will remind people not to posts "review" type posts, but simply help with the problem at hand (slow loading time).

The correct link is: http://www.bahraintradanet.com/moi2/index.asp

**Hamad Mansoor** · Sep 22, 2003, 05:12

ok thanks

**hotnuts21** · Sep 22, 2003, 05:28

It loaded quite quickly for me, at least to start with.
The bar at the bottom moved along quickly, and the page background colours appeared. It sort of hang for a while but nothing major. That was at the end just before everything displayed. I couldnt really a problem, maybe its a connection thing, that was my gut reaction. But overall not that bad really.

**hurricane.uk** · Sep 22, 2003, 05:29

The CSS is only about 8kB and won't slow it down, but the total page size is 150kB and so will be slow on dial up. The main culprits being:
HTML: 44872 bytes
Images: 63081 bytes
Javascript: 53589 bytes

Your page keeps timing out for me, so I can't check to see where it can be improved - I suspect that the html file size is so large due to any of the following: nested tables, large embedded scripts, repetetive style definitions.

**Hamad Mansoor** · Sep 22, 2003, 05:33

ok .. thanks really .. at least i feel better to hear that .

**hotnuts21** · Sep 22, 2003, 05:35

Yeah looking again the javascript files seem to be taking up a lot of room. It loaded a lot slower the second time round though

**Hamad Mansoor** · Sep 22, 2003, 05:36

its kind of looping or processing some thing while there is only the menu script... and i use it in another project it was fine

The SitePoint Forums have moved.

User Tag List

Thread: Does CSS slows the loading of the page??

Thread Tools

Display

Does CSS slows the loading of the page??

Css and speed

Some Thoughts

Bookmarks

Bookmarks

Posting Permissions