Strona zawiera blokujące zasoby CSS - optymalizacja

[beginner101]

Witam,

Posiadam problem ze stroną opartą na Wordpressie.

Otóż według google insights na stronie mam blokujące rendowanie kod CSS.

themes/EarthlyTouch/style-Orange.css

themes/EarthlyTouch/style.css

Próbowałem użyć różnych pluginów WP lecz nie dawało to skutków...

Jak można naprawić ten błąd? W pliku style.css

W pliku style.css jest tylko sam komentarz o wersji szablonu i skąd pochodzi...

Macie jakieś porady na rozwiązanie takiego problemu?

Pozdrawiam

[vitar]

Błąd ? Dlaczego uważasz, że to błąd ? Usuń style CSS wtedy będziesz miał page speed 1000% ale tu chodzi o zdroworozsądkowe podejście do sprawy. Zajmij się innymi problemami aby zdobyć ten "zielony certyfikat" prędkości strony G i tyle ci wystarczy, nie musisz mieć 100%.

Style css możesz zminifikować i połączyć w jeden plik by zmniejszyć rozmiar pobieranego pliku i liczbę rządań oraz nadać odpowiedni atrybut media - screen/print, by nie pobierać np niepotrzebie arkusza dla drukarki jeżeli ktoś przegląda na ekranie. Tyle możesz zrobić.

[beginner101]

Moja strona ma problem dla urządzeń mobilnych i chciałem poprawić aby strona przechodziła test zgodności dla urządzeń przenośnych. Zlikwidowałoby to wiadomości od Google w Narzędziach dla webmasterów. Ale możliwe że źle się za to zabrałem...

Postanowiłem użyć wtyczki WP Mobile Pack 2.1 lecz nie działa właściwie... Po ustawieniu jej ustawia mi się szablon mobilny również dla deskopowych:/ Czym to może być spowodowane?

[vitar]

Moja strona ma problem dla urządzeń mobilnych i chciałem poprawić aby strona przechodziła test zgodności dla urządzeń przenośnych. Zlikwidowałoby to wiadomości od Google w Narzędziach dla webmasterów. Ale możliwe że źle się za to zabrałem...

Czyli musisz popracować nad mobilnością strony https://www.google.com/webmasters/tools/mobile-friendly/ .

Ten CSS jest najmniej ważny z tego wszystkiego.

Nie znam tej wtyczki, dlatego w tej kwestii nie mogę ci pomóc, choć sam poważnie wątpię czy istnieje jakakolwiek wtyczka która poprawnie portowała by motyw non-mobile na mobile friendly.

Skup się na najważniejszych punktach testu na mobile, ewentualnie zmień szablon na taki, który go przechodzi, może być szybciej niż jego dostosowywanie.

[beginner101]

No właśnie pracuję to naprawić. Wg testu mam za małą czcionkę, brak ustawionego okna roboczego oraz linki zbyt blisko siebie.

Powodem jest to że strona ładuje się cała w przeglądarkę mobilną... Szablon miał być również responsywny. Czy jak to się zwie:)

Szablon pochodzi od Elegant Themes.

To znacie może szablony które są dobrze zoptymalizowane oraz przechodzą test mobilności?

[tank]

Dodaj sobie adresy znanych portali do tej sprawdzarki.

[Mion]

Dodaj sobie adresy znanych portali do tej sprawdzarki.

Możesz rozwinąć swoją błyskotliwą myśl ...

Dla WP | Dla Onet