Dokumentacja do wtyczki "Monitorowanie wydajności wtyczek i szablonów graficznych"
Instrukcja konfiguracji wtyczki
- Zainstaluj wtyczkę.
- Przejdź do ustawień wtyczki (Sklep --> Wtyczki --> Monitorowanie wydajności wtyczek i szablonów graficznych).
- Włącz wtyczkę.
- W ustawieniach wtyczki wpisz ID użytkowników panelu administracyjnego (backend), którzy będą mieli dostęp do formularza wtyczki na stronie (frontend) po zalogowaniu się na witrynie.
- Dodaj kod formularza wtyczki: w pliku index.html szablonu graficznego przed zamykającym tagiem </body> wstaw poniższy kod: {if $wa->shop}{if method_exists("shopCodespeedPlugin","codeSpeedOutput")}{shopCodespeedPlugin::codeSpeedOutput()}{/if}{/if}
- Zaloguj się na stronie na konto, którego ID podałeś w ustawieniach wtyczki i upewnij się, że formularz wtyczki jest widoczny na dowolnej stronie frontendowej.
Instrukcja obsługi wtyczki
Wykonanie pierwszego testowego pomiaru czasu wykonania fragmentu kodu w szablonie.
-
Formularz wtyczki zawiera przyciski do generowania kodu wywołującego metodę wtyczki mierzącą czas wykonania kodu. Kliknij przycisk, aby utworzyć nowy stoper:
-
Wprowadź ID nowego stopera. Można używać liter łacińskich, cyfr i znaków specjalnych (z wyjątkiem podkreślenia jako pierwszego znaku). Na przykład wpisz „tag head”:
Po wprowadzeniu ID stopera, kod do wklejenia w szablonie zostanie automatycznie skopiowany do schowka.
-
Wklej uzyskany kod dwa razy do pliku szablonu.
Na przykład w pliku index.html: pierwszy raz nad otwierającym tagiem <head>:
A drugi raz po zamykającym tagu </head>:
-
Zapisz zmiany w pliku i otwórz stronę witryny, dla której działa zmodyfikowany plik szablonu.
Na przykład otwórz stronę główną witryny i zapoznaj się z wynikiem:
Zamiast korzystać z przycisku formularza wtyczki do automatycznego generowania kodu stopera, możesz ręcznie skopiować kod z dokumentacji. Poniżej przykład – zamień „test” na potrzebne ID stopera:
Kod Smarty:
{* CODE SPEED *} {if $wa->shop}{if method_exists("shopCodespeedPlugin","getCodeSpeed")}{shopCodespeedPlugin::getCodeSpeed( "test" )}{/if}{/if}Kod PHP:
/* CODE SPEED */ if (wa()->appExists("shop")){if(method_exists("shopCodespeedPlugin","getCodeSpeed")){shopCodespeedPlugin::getCodeSpeed( "test" );}}Dostosowanie wyglądu formularza wtyczki.
Możesz w każdej chwili zmienić wygląd formularza bezpośrednio w jego interfejsie. W tym celu:
-
Kliknij ikonę koła zębatego w prawym górnym rogu formularza:
- Dostosuj wygląd formularza według własnych preferencji.
- Zapisz zmiany.
Możesz również przesuwać i zwijać formularz w dowolnym momencie. Wszystkie ustawienia wyglądu formularza są zapisywane w plikach Cookies przeglądarki, więc każdy użytkownik Twojej witryny może skonfigurować go według własnych potrzeb.
Analiza pliku szablonu.
Spróbujmy przeanalizować plik szablonu pod kątem wydajności kodu, a dokładniej – jak szybko ładuje się szablon z produktami. Oto jak to zrobić:
-
Utwórz nowy stoper:
-
Umieść początkową pozycję stopera:
-
Umieść końcową pozycję stopera:
-
Zapoznaj się z wynikiem:
