Optymalizacja witryny pod kątem urządzeń przenośnych z PageSpeed Insights
3 czerwca 2014
Aby pomóc programistom i webmasterom w optymalizowaniu ich witryn pod kątem urządzeń przenośnych, wzbogaciliśmy nasze narzędzie, PageSpeed Insights, o funkcje podpowiedzi z zakresu mobilności.
Utrudnienia w obsłudze strony mogą prowadzić do zmniejszenia korzyści płynących z jej szybkiego wczytywania. Wiemy, że typowa strona dla urządzeń przenośnych wczytuje się średnio przez ponad 7 sekund. Korzystając z PageSpeed Insights oraz stosując się do naszych zaleceń z zakresu zapewnienia szybkości, możesz sprawić, że Twoja witryna będzie wczytywać się o wiele szybciej. Przyjmijmy, że Twoja szybka witryna dla urządzeń przenośnych wczytuje się nie w 7, a w 2 sekundy. Jednak, jeśli po tak szybkim wczytaniu strony, użytkownicy mobilni spędzą kolejne 5 sekund na powiększaniu i przesuwaniu ekranu celem dopasowania jego zawartości do posiadanego urządzenia, oznacza to, że w przypadku takiej witryny o szybkości nie może być mowy. Nowe reguły z zakresu wygody użytkowników zawarte w PageSpeed Insights pomogą Ci w znalezieniu i naprawieniu problemów związanych z obsługą witryny.
Te nowe zalecenia obejmują obecnie następujące obszary:
Szczegółowe wyjaśnienie opisanych zasad znajdziesz na naszych stronach pomocy. Gdy będziesz gotów, możesz przetestować swoje strony i wprowadzone ulepszenia za pomocą PageSpeed Insights. Zaktualizowaliśmy również wygląd naszego narzędzia – teraz jest bardziej przyjazny urządzeniom przenośnym. Przetłumaczyliśmy również nasze dokumenty z zakresu pomocy na kilka dodatkowych języków.
Wszelkie pytania lub opinie możesz, jak zwykle, umieszczać na naszych grupach dyskusyjnych.
Utrudnienia w obsłudze strony mogą prowadzić do zmniejszenia korzyści płynących z jej szybkiego wczytywania. Wiemy, że typowa strona dla urządzeń przenośnych wczytuje się średnio przez ponad 7 sekund. Korzystając z PageSpeed Insights oraz stosując się do naszych zaleceń z zakresu zapewnienia szybkości, możesz sprawić, że Twoja witryna będzie wczytywać się o wiele szybciej. Przyjmijmy, że Twoja szybka witryna dla urządzeń przenośnych wczytuje się nie w 7, a w 2 sekundy. Jednak, jeśli po tak szybkim wczytaniu strony, użytkownicy mobilni spędzą kolejne 5 sekund na powiększaniu i przesuwaniu ekranu celem dopasowania jego zawartości do posiadanego urządzenia, oznacza to, że w przypadku takiej witryny o szybkości nie może być mowy. Nowe reguły z zakresu wygody użytkowników zawarte w PageSpeed Insights pomogą Ci w znalezieniu i naprawieniu problemów związanych z obsługą witryny.
Te nowe zalecenia obejmują obecnie następujące obszary:
- Konfiguracja widocznego obszaru: w przypadku, gdy Twoja witryna nie ma metatagu viewport, nowoczesne przeglądarki mobilne nie rozpoznają jej jako przyjaznej dla urządzeń przenośnych i wyświetlą widoczny obszar jak dla komputerów, prawdopodobnie zwiększając czcionkę, co z kolei negatywnie wpłynie na układ strony. Konfiguracja widocznego obszaru do postaci szerokość = szerokość urządzenia to pierwszy krok w dostosowaniu witryny pod kątem urządzeń przenośnych.
- Dobór rozmiaru zawartości widocznego obszaru: użytkownicy chcą przewijać zawartość witryn mobilnych pionowo, a nie poziomo. Po skonfigurowaniu widocznego obszaru upewnij się, że zawartość strony pasuje do określonej szerokości widocznego obszaru, pamiętając o tym, że szerokość urządzeń przenośnych bywa różna.
- Korzystanie z czytelnych rozmiarów czcionek: jeśli użytkownik musi powiększać obraz, by móc przeczytać artykuł na ekranie swojego smartfona, Twoja strona okazuje się być mało przyjazna dla urządzeń przenośnych. PageSpeed Insights sprawdza, czy tekst jest wystarczająco duży i czy większość użytkowników będzie mogła go wygodnie przeczytać.
- Dobór odpowiedniego rozmiaru elementów dotykowych: nic tak nie frustruje użytkownika, jak próba naciśnięcia jednego przycisku na tablecie lub smartfonie i przypadkowe naciśnięcie innego elementu spowodowane tym, że opuszka palca jest większa od kursora komputerowej myszy. Dopilnuj, by elementy dotykowe Twojej strony mobilnej były wystarczająco duże, by można je było łatwo nacisnąć.
- Unikaj wtyczek: większość smartfonów nie obsługuje wtyczek Flash ani wtyczek innych przeglądarek, więc dopilnuj, by Twoja witryna dla urządzeń mobilnych również nie korzystała z wtyczek.
Szczegółowe wyjaśnienie opisanych zasad znajdziesz na naszych stronach pomocy. Gdy będziesz gotów, możesz przetestować swoje strony i wprowadzone ulepszenia za pomocą PageSpeed Insights. Zaktualizowaliśmy również wygląd naszego narzędzia – teraz jest bardziej przyjazny urządzeniom przenośnym. Przetłumaczyliśmy również nasze dokumenty z zakresu pomocy na kilka dodatkowych języków.
Wszelkie pytania lub opinie możesz, jak zwykle, umieszczać na naszych grupach dyskusyjnych.