Наша команда-партнер Artmisto
Kompleks prac miał na celu przyspieszenie ładowania witryny i optymalizację wyświetlania zawartości sklepu z artykułami sportowymi online na Bitrix. Zmień konfigurację platformy i podstawowe ustawienia hostingu, aby poprawić wydajność testu Google PageSpeed Insights i GTmetrix dla Megaturnik.ua.
Zadanie:
- Przeprowadź audyt i sprawdź możliwe sposoby przyspieszenie witryny
- Osiągnięcie poprawy maksymalnej liczby wskaźników bez drastycznych przeróbek szablonu i ingerencji w główny układ szablonów
- Popraw wyniki testu Google PageSpeed Insights
- Popraw błędy wykryte przez testowanie Łatwość przeglądania na urządzeniach mobilnych.
- Popraw maksymalną liczbę parametrów testowych GTmetrix
Linia bazowa:
W momencie rozpoczęcia pracy test pokazywał znajomy, smutno-czerwony obraz:
Prędkość pobierania Dla telefonów komórkowych - 39/100
Prędkość pobierania Dla komputerów - 45/100
Pobierz Speed Friend Friendliness - 68/100
Warto zauważyć, że dla absolutnej większości sklepów liczby powyżej 90/100 są nieosiągalne. W warunkach, w których nie ma możliwości ingerencji w szablony i układ, nawet 80/100 jest uważany za doskonały wynik. Do nich i będziemy dążyć.
Postęp:
Ponieważ prace były prowadzone na żywo, byliśmy w stanie szybko zweryfikować wyniki pracy i obniżyć koszty pracy.
Tradycyjnie wszystkie prace można podzielić na następujące etapy:
- Zmiana kolejności połączenia javascript i css
- Zmiana zasad łączenia skryptów i stylów w celu połączenia mechanizmów optymalizacji platformy
- Rekonfiguracja funkcji Bitrix miała na celu przyspieszenie wydajności w oparciu o rzeczywiste wskaźniki
- Ustawienia hostingu dla właściwego buforowania plików statycznych
- Łączenie modułów i ustawień w celu optymalizacji wszystkich obrazów na stronie
- Czyszczenie szablonów i plików z niepotrzebnych komentarzy i zapomnianych komponentów
- Wyłącz żądania niepotrzebnych lub zablokowanych usług
Sklep klienta znajduje się na VPS jeden z ukraińskich dostawców. Wydajność konfiguracji serwera początkowo nie spełnia podstawowych wymagań systemu i pokazuje 10 punktów z zalecanych 30. Opcja przeniesienia zasobu do innego dostawcy lub zmiana serwera została odrzucona i musiała działać z tym, czym jest. Dostępne triki i ustawienia udało nam się osiągnąć na poziomie 17 punktów.
Ponieważ możliwości administrowania serwerem były ograniczone, skupiliśmy się na podstawowych ustawieniach (dostępnych na większości witryn hostingowych) i konfiguracji komponentów.
Potem pojawiło się pytanie o optymalizację wcześniej załadowanych obrazów i zmniejszenie ich rozmiaru w przyszłości. Stare zdjęcia zostały zaciśnięte na serwerze, niuanse optymalizacji nowych rozwiązano poprzez zainstalowanie dodatkowych modułów w Bitrix.
Opcja z włączeniem autokompozytu pokazała jego niespójność i ujawniła szereg problemów z szablonami, które nie pozwolą na jego użycie.
Wyniki:
Testy GTmetrix wykazały również wzrost wyników.
A tradycyjną premią dla naszych klientów jest dobry zielony test sprawdzający wygodę przeglądania na urządzeniach mobilnych
Wnioski
Osiągnięte wyniki przekroczyły nasze oczekiwania na wersję desktopową i oczekiwano w wersji na urządzenia mobilne.
Aby poprawić wyniki wersji mobilnej, potrzebne jest inne podejście do jej wyświetlania i ogólna struktura, co jest przedmiotem oddzielnej publikacji. Dla wersji desktopowej zrobiliśmy wszystko, co mogliśmy, zgodnie z ich istniejącymi ograniczeniami. Osiągnięcie doskonałych wyników i zwiększenie szybkości pracy było możliwe dzięki zastosowaniu szeregu zalecanych zmian. Wśród złożonych i intensywnie wykorzystujących zasoby rozwiązań jest zmiana układu szablonu i wielu używanych komponentów. Wśród średnich i prostych - zaktualizuj konfigurację sprzętu i przejście na php 7 .