Comments on: don’t use @import

By: Steve Souders

Steve Souders — Thu, 02 Feb 2012 17:00:06 +0000

@ShaunR: I've written 3 blog posts about fonts. Here's a good place to start: Frontend SPOF.

By: ShaunR

ShaunR — Thu, 02 Feb 2012 16:04:46 +0000

This article was pointed out to me a while ago by a CSS guru and as a result Miser (http://sourceforge.net/projects/miser/) merges all @imports to mitigate this. Great article.

Have you also looked at web fonts? (eg *.eot). They also force sequential downloads and unfortunately are becoming more and more prevalent.

By: Matt Wrock

Matt Wrock — Sun, 20 Nov 2011 15:33:38 +0000

I’ve been working on an OSS project https://github.com/mwrock/RequestReduce that among other things, combines and minifies css for .net web apps. One feature I implemented fairly recently is the ability to recursively automatically expand @imports. This has proven to takes the bite out of @import perf yet allows web dev/designers to keep them.

By: Marco

Marco — Thu, 07 Jul 2011 10:23:32 +0000

There is a simple concluusion to what happens if You want to download externla ressources in parallel. One point is that there ist limited number of request that run parallel. Even if there is no browser limitation on that maybe the server has one. Another point is, that for each download a single request is done with all its overhead regarding IO.

So maybe another appoach might be to concatenate the ressources on the server side (where You can easily manage the dependencies), pack them and deliver them in one respones to one request to client. This works fine for all server side progarmming languages.

By: Tek Parcha

Tek Parcha — Thu, 31 Mar 2011 20:24:07 +0000

yea you are right, but when we use @import our page is loading faster.. am I doing something wrong?

By: Steve Souders

Steve Souders — Thu, 10 Mar 2011 23:29:37 +0000

@Ncage: IE9 behaves the same as IE8.

By: Ncage

Ncage — Wed, 09 Mar 2011 04:14:23 +0000

Just being curious…have you tried this out in IE9 yet? I would think with all the performance improvements that they have fixed this problem?

By: optimizacija sajta

optimizacija sajta — Wed, 02 Feb 2011 19:02:22 +0000

I tried both, but it`s better and faster to use link then @import

By: Dizi izleme sitesi

Dizi izleme sitesi — Thu, 20 Jan 2011 15:01:29 +0000

We have also started to change our @import > Link, because based on our test link really load faster.

By: Bhagwati

Bhagwati — Mon, 17 Jan 2011 06:45:10 +0000

@import is basic dependency management for big projects

U can use some build script for production, which internalize your @imports