Nie jest tajemnicą, że odsetek użytkowników, którzy uzyskują dostęp do witryny z urządzeń mobilnych, stale rośnie co roku, jest to trend globalny. Wraz z rozwojem ruchu mobilnego wyszukiwarki wprowadziły nowe kryteria oceny witryn pod kątem rankingu w wyszukiwanych hasłach. Im bardziej strona spełnia kryteria wewnętrznej optymalizacji pod kątem wyszukiwarek, tym wyższa będzie pozycja w rankingu, a wszystkie inne rzeczy będą równe. Witryny, które nie są zoptymalizowane do wyświetlania na urządzeniach mobilnych, mogą nawet wypaść z indeksu, jeśli nie mają unikalnej i poszukiwanej treści. pomoc w eseju
Miesiąc temu google wysłał list, w którym wyraził ogromne zaniepokojenie słabą optymalizacją sklepu internetowego teplyipol.net dla urządzeń mobilnych.
Systemy Google zostały przetestowane w 100% z tych błędów mobilnych. Ta strona ma poważny wpływ na doświadczenie. Ta strona nie będzie postrzegana przez wyszukiwarkę Google jako przyjazna dla urządzeń przenośnych.
Aby ocenić optymalizację witryny wewnętrznej, skorzystamy z usługi. PageSpeed Insights . Usługa ocenia witrynę w 3 obszarach:
- Dla telefonów komórkowych - Prędkość - 47/100
- Dla urządzeń mobilnych - Przyjazny dla użytkownika - 66/100
- Dla komputerów - Zalecenia - 59/100
Główne problemy w opinii PageSpeed Insights:
- Zła optymalizacja obrazów, skryptów i stylów css. Na przykład jeden z obrazów 200x200 pikseli ma rozmiar 128 kilobajtów.
- Brak kompresji danych podczas przesyłania treści do użytkownika.
- Buforowanie danych nie jest stosowane w przeglądarce użytkownika, tj. po ponownym odwiedzeniu strony wczytane wcześniej pliki są ładowane ponownie.
Aby szybko naprawić te i podobne problemy, wykorzystamy moduł Moduł PageSpeed dla serwera. Moduł łączy najlepsze rozwiązania do optymalizacji ładowania stron internetowych i automatycznie wykonuje wszystkie niezbędne działania. Moduł można zainstalować na serwerze WWW apache lub ngnix i natychmiast po instalacji pozwala zwiększyć szybkość przetwarzania stron internetowych. Aby zainstalować moduł PageSpeed, witryna musiała zostać przeniesiona na serwer dedykowany. Bezpośrednio po instalacji i aktywacji moduł przechwytuje zawartość wysyłaną przez serwer do użytkownika, wycina wszystkie niepotrzebne kompresje i pamięci podręczne.
Następnym krokiem jest poprawa jakości wyświetlania witryny na wyświetlaczach urządzeń mobilnych. Podczas opracowywania szablonu sklepu internetowego zastosowano zasadę projektowania adaptacyjnego, tj. Witryna nie wymaga specjalnej wersji mobilnej i automatycznie dostosowuje się do wyświetlacza użytkownika. Jednak poszczególne elementy przycisków łączy witryny, menu są małe i zbyt blisko, aby zapewnić wygodne oglądanie z ekranu telefonu komórkowego lub tabletu. Zamiast naprawiać aktualny szablon MegaShop, który jest już przestarzały, łatwiej było zainstalować bardziej odpowiedni nowy szablon świata.
W stanie początkowym szablon świata jest również daleki od ideału i wymaga ulepszenia, usunięcia nieużywanych skryptów i stylów css w celu przyspieszenia ładowania stron internetowych, ale generalnie spełnia wymagania wyszukiwarek.
Po optymalizacji powtarzamy kontrolę sklepu internetowego, wynik:
- Dla telefonów komórkowych - Prędkość - 90/100
- Dla urządzeń mobilnych - Przyjazny dla użytkownika - 96/100
- Dla komputerów - Zalecenia - 96/100
