Навигация по сайту

Популярные статьи

Optymalizacja CSS we własnym zakresie

  1. Optymalizacja CSS w WordPressie
  2. Optymalizacja CSS za pomocą narzędzi online
  3. Sprawdzanie poprawności CSS

Optymalizacja na Twojej stronie pliki stylów (CSS) Możesz zwiększyć prędkość pobierania strony, czasami bardzo znacząco, co będzie miało pozytywny wpływ nie tylko na wzrost oceny w szybkości strony, ale również przyczyni się do promocji witryny.

Optymalizacja (kompresja) CSS to świetny sposób na zmniejszenie wagi witryny - mniej danych zostanie przekazanych do przeglądarki użytkownika końcowego poprzez zminimalizowanie kodu i stylów w plikach CSS. Bez względu na to, jak dużo stylów CSS na twojej stronie, w każdym razie 50% lub więcej ich treści można po prostu usunąć (!) Bez uszkodzenia witryny, co jest z pewnością ważnym elementem w optymalizacji szybkości witryny.

Optymalizacja CSS może i powinna być przeprowadzana na dowolnej platformie. W zależności od oprogramowania witryny można to zaimplementować za pomocą wtyczek i modułów dla systemu CMS. Można to również zrobić za pomocą narzędzi online.

Optymalizacja CSS w WordPressie

W WordPress optymalizacja CSS może być zaimplementowana automatycznie za pomocą wtyczek. Jak działają te dodatki? Wtyczki optymalizacji CSS minimalizują i kompresują pliki CSS:

  • usuń komentarze z CSS
  • usuń nowe i puste linie, podwójne spacje, karty itp.
  • połącz ten sam styl
  • przetłumacz wartości kolorów na krótkie (#ffffff i #fff - działają równie dobrze)
  • użyj kompresji gzip dla zoptymalizowanego css

Popularne wtyczki obejmują:

Nawiasem mówiąc, optymalizacja CSS powinna być przeprowadzana razem z Javascript . Dwie ostatnie wtyczki działają dokładnie w obu kierunkach (wiedzą, jak optymalizować JS wraz z CSS).

Optymalizacja CSS za pomocą narzędzi online

Istnieje wiele optymalizatorów kodu CSS online, które są przydatne w przypadku witryn statycznych. Mogą być również wykorzystane do optymalizacji WordPressa CSS, jeśli temat nie obejmuje aktualizacji, ciągłych ulepszeń itp.

Optymalizator CSS online to narzędzie online do zmniejszania rozmiaru pliku kaskadowego arkusza stylów. Po prostu podaj link do pliku stylu lub załaduj style w specjalnym oknie. Przykłady internetowych optymalizatorów CSS obejmują:

http://www.cssdrive.com/index.php/main/csscompressor/
http://www.cy-pr.com/tools/css/
http://www.css-school.ru/optimiser/
http://www.pagecolumn.com/tool/css_compressor.htm
http://www.online-code.net/minify-css.html
http://csscompressor.com
http://www.askapache.com/online-tools/compress-css/
http://refresh-sf.com
i tak dalej

Sprawdzanie poprawności CSS

Popularne i rozpoznawalne W3C CSS Validation Online Service może znaleźć wszystkie błędy stylu i automatycznie wygenerować prawidłowy plik stylu dla Twojej witryny. Ważny jest „ zgodny z CSS ”. W usłudze możesz określić adres URL witryny (w tym przypadku wszystkie dołączone pliki CSS zostaną załadowane i sprawdzone), pełną ścieżkę do wymaganego pliku CSS lub style CSS z tekstem.

W usłudze możesz określić adres URL witryny (w tym przypadku wszystkie dołączone pliki CSS zostaną załadowane i sprawdzone), pełną ścieżkę do wymaganego pliku CSS lub style CSS z tekstem

Usługa optymalizacji CSS W3C: wyczyść nieprawidłowy kod ze stylów witryny

Pamiętaj, aby wykonać kopię zapasową pliku CSS przed nadpisaniem go „poprawną wersją” z usługi W3C. Usługa sprawdza twoje arkusze stylów pod kątem zgodności ze specyfikacjami CSS2.1 lub CSS3, a niektóre stare motywy i szablony mogą ucierpieć w wyniku walidacji! Dlatego pilnie sprawdzaj wszystko, dbając o swoje
odwiedzający!

Jak działają te dodatki?