MegaTurnik - podkręcamy sklep z artykułami sportowymi

1. Zadanie:
2. Linia bazowa:
3. Postęp:
4. Wyniki:
5. Wnioski

Наша команда-партнер 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:

1. Zmiana kolejności połączenia javascript i css
2. Zmiana zasad łączenia skryptów i stylów w celu połączenia mechanizmów optymalizacji platformy
3. Rekonfiguracja funkcji Bitrix miała na celu przyspieszenie wydajności w oparciu o rzeczywiste wskaźniki
4. Ustawienia hostingu dla właściwego buforowania plików statycznych
5. Łączenie modułów i ustawień w celu optymalizacji wszystkich obrazów na stronie
6. Czyszczenie szablonów i plików z niepotrzebnych komentarzy i zapomnianych komponentów
7. 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 .