Obecnie tworzę profesjonalną stronę internetową i osiągnąłem około 750 linii kodu CSS na około 4 strony, z których większość znajduje się na stronie głównej. Mam nawiasy klamrowe w osobnych liniach. Prawdopodobnie mógłbym ją nieco zmniejszyć, przechodząc przez to jeszcze raz.Ile CSS to za dużo CSS?
Ale zastanawiałem się, co byś uważał za za dużo css?
Pozdrawiam,
Jak duży jest twój plik CSS? Jasne, musisz się martwić o to, że przeglądarka musi pracować pod względem obciążenia podczas interpretowania CSS ... czy jest wydajna, czy nad nią pracujesz?
Zachowaj swój rozmiar na najniższym możliwym poziomie, ale jest kilka czynników, o których warto pomyśleć. Zawsze możesz zminimalizować kompresję gzip po zakończeniu, aby zaoszczędzić trochę czasu. Spójrz na narzędzie do testowania http://tools.pingdom.com/
Jest wiele artykułów na ten temat, więc nie przeszkadza Odwijanie moja osobista opinia, więc sprawdzić te obecnie
Myślę, że nie ma limitu w ogóle. Po prostu napisz kod, który potrzebujesz, a kiedy skończysz, spróbuj optimize it.
Zgadzam się. Dodam tylko, że ważne jest udokumentowanie swojej pracy. Ponieważ Twój CSS ma dużo treści, łatwo byłoby zgubić się w teraźniejszości i przyszłości. Na szczęście link udostępniany przez @simone odnosi się do tego aspektu. –
To zależy od tego, co ma robić twoja strona internetowa. Jeśli jest to mały blog i potrzebujesz, powiedzmy, 3000 linii CSS, to prawdopodobnie za dużo. Jeśli jest to sklep internetowy z wieloma sekcjami i skomplikowanym układem, może to nie wystarczyć. To zależy od twoich potrzeb.
Zakładając, że twoja strona główna nie ma dziesiątek zagnieżdżonych komponentów, które mają różne role/wygląd, prawdopodobnie będziesz trochę niezadowolony ze swojego CSS. Są dwie rzeczy martwić tutaj:
Przepustowość: Jeśli rozmiar pliku CSS jest bardziej niż 50KBs lub tak, niektórzy z twoich klientów z prędkością niski połączeń/przepustowość może doświadczyć niektóre godne lag.
Rendering: Jest możliwe, że plik CSS jest na tyle skomplikowane, aby zmusić klienta layout/rendering engine aby trochę dodatkowego wysiłku podczas renderingu.
Oba problemy zmniejszyłyby efektywność czasu witryny. Co robić?
Najprostszym przykładem optymalizacji pliku CSS jest zbieranie reguł dla wielu elementów w jednej klasie. Istnieje wiele innych innych wskazówek, które pomogą zmniejszyć rozmiar pliku CSS; inne odpowiedzi już zawierają link do niektórych artykułów z przydatnymi wskazówkami, ale jeśli chcesz dać programom, które zautomatyzują proces, spróbuj, spójrz na CSS Tidy (i an online tool based on CSS Tidy).
Mam nadzieję, że pomogło!
haczyka na to (nie związane bezpośrednio z PO, ale dla innych, którzy mogą przyjść tutaj) ...
IE9 i poniżej rozpoznaje tylko pierwsze 4096 selektorów w pliku CSS. Wszystko po tym jest po cichu ignorowane.
Pierwszy link jest dość interesujący. Zatem linie kodu nie zawsze mają znaczenie, który selektor, którego używasz, jest również ważny. –