CSS: @import vs. <link href = „”> [duplikat]
To pytanie ma już tutaj odpowiedź:
Różnica między @import i linkiem w CSS 7 odpowiedzi@import vs link 1 odpowiedźOk, słyszałem milion sposobów na optymalizację szybkości ładowania strony: im mniej żądań HTTP, tym lepiej (dlatego rodziły się obrazki); Wstaw tylko pliki JavaScript, których potrzebuje jedna strona. Używaj CSS do ulepszeń wizualnych w jak największym stopniu, a może rozważ grafikę SVG(chociaż ten wciąż jest dyskusyjny); kompresuj pliki CSS i JavaScript oraz znaczniki HTML; skonsoliduj swoje skrypty w jednym pliku (ponownie mniej żądań HTTP); rozpakuj swoje aktywa; itd itd.
Ale dziś znajduję ten komentarz na stronie internetowej:
„Ponieważ dbamy o najlepsze praktyki tworzenia stron internetowych, nie używamy już zasad @import w naszych projektach”.
Aby wyjaśnić, moje pytanie NIE dotyczy różnicy między:
<link rel="stylesheet" href="file.css">
vs.<style type="text/css">@import url("styles.css");</style>
Czy chodzi o różnicę między dodaniem tego do dokumentu HTML:<link rel="stylesheet" href="file.css">
vs. dodawanie tego@import url("styles.css")
WEWNĄTRZ głównego pliku CSS.
Jaka jest różnica między ładowaniem plików CSS z HTML a ładowaniem plików z innego pliku CSS?
Chodzi mi o to, że żądania HTTP nadal tam będą, są tylko tworzone z różnych lokalizacji.
Czytałem Steve'a Soudersanie używaj @import artykuł i artykuł About.comJaka jest różnica między @import a linkiem do CSS?, ale porównują metody, o których wspomniałem powyżej, o których nie mówiłem, więc nie było dla mnie jasne, dlaczego nie używać@import
.
BTW, nie obchodzi mnie Netscape 4 lub IE6 (dzięki Bogu mogę to teraz powiedzieć) lub IE7 i FOUC.
Z góry dziękuję.