Question

Why @import is not advisable to link css? What @import can’t do which can be done by <link> and does @import have any incompatibility with browsers?

What in <Link> make it’s advisable? And is there any specialty in @import which is useful?

Should we always ,always use <link>?

Answer 1

Here’s a link to an article that talks about performances and <link> vs @import : don’t use @import ; quoting a small portion of it :

use LINK instead of @import if you
want stylesheets to download in
parallel resulting in a faster page.

It’s not that old (it’s from April 2009 — i.e. less than one year ago), so it should still be mostly true — and it’s written by Steve Souders, whose name is quite well-known when it comes to front-end performances.

On a more subjective point, I quite prefer using several <link> from my main HTML file : this way, I am able to see in only a quick glance what css files are called — either looking at the template file on the server, or looking at the generated HTML source on the client side.