The first article you cited (Steve Souders' "don't use @import") specifically addresses the case of an @import
inside a stylesheet imported through <link>
— it's just as bad for performance as putting the @import
inside a <style>
tag. In fact, it's a little worse: the browser first has to fetch the linked stylesheet, then parse that stylesheet, then discover the @import
rule, then fetch the imported stylesheet.