DE{CODE}: 6 sztuczek deweloperskich WooCommerce do tworzenia szybkich witryn eCommerce

Obok sprzedaży szybkość witryny jest prawdopodobnie najważniejszym wskaźnikiem dla Twoich witryn e-commerce. Dlaczego? Szybkie witryny eCommerce generują większy ruch, mają wyższe współczynniki konwersji, niższe współczynniki odrzuceń i generują więcej powracających użytkowników. Podczas tej sesji starszy menedżer produktu WP Engine, Jeremy Benoit i kierownik ds. inżynierii, Catherine Kelly, poznają sztuczki programistów, funkcje WP Engine i inne narzędzia, dzięki którym Twój sklep WooCommerce będzie jeszcze szybszy.

Slajdy sesji

Transkrypcja pełnego tekstu

JEREMY BENOIT : Witam wszystkich na DE{CODE} 2022. To jest ścieżka e-commerce. Nazywam się Jeremy Benoit, starszy menedżer produktu w WP Engine i jesteśmy tutaj, aby porozmawiać o sześciu wskazówkach, jak poprawić wydajność WooCommerce. Dołączy do mnie dzisiaj moja koleżanka, Catherine Kelly i zaczynajmy.

Zacznę więc od cytatu jednego z naszych inżynierów oprogramowania, Chrisa Weigmana. I jak to ujął, Według Google, 53% użytkowników opuści witrynę, jeśli prędkość ładowania strony trwa dłużej niż trzy sekundy. Oznacza to, że masz dokładnie trzy sekundy, aby przekazać im wszystkie dane na stronie tego produktu, wszystkie zdjęcia, które im wysłałeś, wszystkie informacje na ten temat, wszystkie małe widżety i reklamy, a to pokaże ci trochę, dlaczego my' mówimy dziś o szybkości, ponieważ szybkość obsługi klienta ma kluczowe znaczenie.

Szybkość strony to czas ładowania pojedynczej strony i można ją mierzyć na różne sposoby. Dwa krytyczne sposoby to Czas do pierwszego bajtu, który jest używany przez Google PageSpeed ​​Insights, lub Czas do pełnego załadowania strony lub Ostatni bajt, który często odzwierciedla doświadczenia kupujących. Szybkość strony wpływa również na współczynniki konwersji w Twojej witrynie zakupów, a także wpłynie na SEO Twojej witryny e-commerce.

Jednym z krytycznych elementów szybkości jest doskonały hosting zapewniający jakość obsługi klienta. Na platformie zoptymalizowanej pod kątem obliczeń WP Engine zapewniamy ulepszone doświadczenie w handlu elektronicznym w celu poprawy wydajności wszystkich Twoich zakupów, statycznych lub dynamicznych. Porozmawiamy o tych dwóch różnych typach treści tutaj za chwilę, przechodząc do 6 porad i wskazówek. Teraz przekażę to mojej koleżance, Catherine.

CATHERINE KELLY : Pozdrawiam. Dzięki za to, Jeremy. Dzisiaj omówimy sześć wskazówek dotyczących WooCommerce, jego konfiguracji i zakładania sklepu e-commerce. Niektórym z was, doświadczonych programistów, te wskazówki i porady będą dość znane, ale niektórzy nowi programiści mogą zyskać przydatne informacje.

Więc dzisiaj zajmiemy się WooCommerce i buforowaniem, optymalizacją mediów, optymalizacją wyszukiwania, fragmentami koszyka Ajax, niestandardową tabelą zamówień i szybkością headless. Tak więc po raz pierwszy omówimy WooCommerce i buforowanie. Zanim do tego przejdziemy, chcemy zrozumieć, jakie są różne opcje związane z buforowaniem, co to jest, a następnie możemy podejść do tego, jak zamierzamy to ulepszyć.

Tak więc buforowanie może sprawiać wrażenie świętego Graala w odniesieniu do problemów z wydajnością. Podczas gdy w rzeczywistości buforowanie zostało pierwotnie stworzone nie w odniesieniu do wydajności, ale tak naprawdę komputery miały automatyczną odpowiedź na to samo żądanie w kółko, zamiast konieczności ponownego obliczania go za każdym razem. Buforowanie to technika używana do tymczasowego przechowywania odpowiedzi na żądanie, a następnie dostarczenia tej samej odpowiedzi na dokładnie to samo żądanie do tego samego zasobu w późniejszym czasie.

Więc to trochę jak jedno z tych irytujących dzieci – irytujące dziecko, które codziennie zadaje ci to samo pytanie, na przykład dlaczego, dlaczego, dlaczego, a ty po prostu chcesz udzielić na nie automatycznej odpowiedzi. To może działać naprawdę dobrze, a kiedy udostępniasz statyczne informacje statycznym witrynom, zawsze udzielasz tej samej odpowiedzi. Jednak to podejście nie sprawdza się zbyt dobrze w przypadku e-commerce, ponieważ wprowadza w błąd, ponieważ żądania, które są wysyłane do serwera za każdym razem, nie zawsze będą takie same i trzeba obsługi i kontroli w odniesieniu do wózków, różnych żądań od różnych użytkowników w tym samym czasie.

Chcesz również pamiętać poprzednie transakcje, które masz w stosunku do swoich klientów, co jest w ich koszyku, chcesz pamiętać, co nie jest już dostępne w Twoim sklepie, aby koszyk mógł dokładnie odzwierciedlać to, co jest serwowane temu użytkownikowi. Chcesz również upewnić się, że w odniesieniu do buforowania nie dajesz koszyka, który jest powiązany z klientem A, klientowi B, i mogą oni faktycznie zobaczyć, co faktycznie zamawia ktoś inny, w zasadzie wyciekając informacje, których nie chcesz . Istnieje skończona równowaga, którą możesz mieć w odniesieniu do buforowania, które ty – co jest dość trudne do serwowania, gdy próbujesz zaoferować swoim klientom coś, co jest osobiste, aby pozostali zaangażowani w twoją witrynę. Mamy więc różne poziomy i rodzaje pamięci podręcznej — pamięć podręczną serwera.

A pamięć podręczna serwera jest ogólnie taka sama jak każda inna pamięć podręczna. Zasadniczo jest to pamięć podręczna, która znajduje się na twoim serwerze, jeśli chodzi o to, kiedy budujesz stronę i obsługujesz ją na konkretne żądanie. Kiedy stoisz tuż obok tego serwera i wysyłasz prośbę, Twoja odpowiedź może być natychmiastowa. Jednak gdy znajdujesz się około 1000 kilometrów stąd, na przykład osoba z branży e-commerce lub użytkownik, odpowiedź może zająć dużo czasu.

Następnie masz pamięć podręczną aplikacji. A pamięć podręczna aplikacji w WordPress i WooCommerce, możesz użyć wtyczek do zarządzania nią. wtyczki, takie jak W3 Total Cache, WP Rocket, mają opcje zarządzania pamięcią podręczną aplikacji, a te wtyczki zasadniczo przechowują tymczasową wersję żądanej strony i plik na swoich serwerach. Może to być – jednak może to być bardzo nieefektywny sposób buforowania i nie należy go używać, jeśli masz możliwość buforowania na samym serwerze lub w usłudze takiej jak przyspieszone domeny lub Cloudflare, która dystrybuuje pamięć podręczną na całym świecie.

Następnie masz pamięć podręczną przeglądarki. A pamięć podręczna przeglądarki to w zasadzie pamięć podręczna użytkownika końcowego. Czy zdarzyło Ci się na przykład, że coś w witrynie zostało zaktualizowane i nie widzisz tego automatycznie w interfejsie, kiedy tworzysz i przeglądasz swoją witrynę? Dzieje się tak dlatego, że została zbuforowana w tej rzeczywistej przeglądarce. Zasadniczo jest to tymczasowa wersja tej strony lub zasobu przechowywana w przeglądarce użytkownika na komputerze lub telefonie.

Jest tam, więc nie musisz wielokrotnie pobierać tej samej strony lub zasobu, aby przyspieszyć wyświetlanie tej strony, co znowu działa całkiem dobrze, gdy masz witrynę statyczną. Ale kiedy masz dynamiczną witrynę, taką jak witryna handlu elektronicznego, zawsze staramy się wyświetlać produkty, opisy i informacje. Może być – nie jest tak skuteczny, jak byś chciał.

Masz wtedy tak zwaną pamięć podręczną proxy CDN. Pamięć podręczna proxy CDN to pamięć podręczna, która znajduje się między serwerem źródłowym – czyli serwerem, który opracowuje i prezentuje pierwszą oryginalną stronę – a samą przeglądarką użytkownika. To przyspieszone domeny, a Cloudflare to rodzaj proxy CDN. Wszystkie żądania i odpowiedzi przechodzą przez ich domeny, zanim trafią na oryginalny serwer.

Zasadniczo jest to grupa serwerów, które są strategicznie rozmieszczone na całym świecie w celu przyspieszenia dostarczania statycznej zawartości dla użytkowników. Więc to prawie tak, jakby stali tuż obok oryginalnego serwera obsługującego, gdy są 1000 mil stąd. Przyspiesza to obsługę tej strony. A gdy zasoby statyczne zostaną zapisane w pamięci podręcznej na wszystkich serwerach brzegowych w określonej lokalizacji, wszyscy kolejni odwiedzający i żądania informacji statycznych są dostarczane z tak zwanych serwerów brzegowych, zamiast z oryginalnego serwera, co zmniejsza obciążenie i przyspiesza działanie i poprawiając skalowalność.

Więc to wszystko działa bardzo dobrze ogólnie w odniesieniu do witryn statycznych, jak wspomniano. Ale pamięci podręczne e-commerce stawiają klucz w pracy. A e-commerce – powodem, dla którego trwają prace nad kluczem, są twoje zalogowane strony, twoje koszyki, twoje kasy, twoje listy życzeń, które są dynamicznie aktualizowane przez cały czas. Nie są więc statyczne, jak wymagałoby to normalnej witryny, na przykład blogowej.

Ogólnie rzecz biorąc, możesz buforować żądanie GET. A z żądaniami GET lub, jak sugeruje nazwa, prośbą o uzyskanie jakiegoś zasobu. Mimo że żądania GET są często bezpieczne do buforowania, jak wspomniano, nie chcesz ponownie buforować zalogowanej strony, koszyków i kas. Chcesz serwować je zawsze tak świeże i nowe, jak to możliwe dla klienta, aby były aktualne i dokładne.

Więc nie chcesz dostarczać czegoś z koszyka i nie pisać – nie zapisuj tego z pamięcią podręczną. Ogólnie rzecz biorąc, gdy masz coś w koszyku, większość serwerów całkowicie pomija pamięć podręczną. W ten sposób powracasz do problemu polegającego na tym, że obsługujesz go z oryginalnego serwera, a nie z CDN. Więc musisz być sprytny i wymyślić, OK, jak mogę obsługiwać statyczne elementy od mojego dostawcy CDN, ale zawsze stosować dynamikę z mojego rzeczywistego oryginalnego serwera, aby wszystko było aktualne i dokładne?

Więc na co należy zwrócić uwagę – w przypadku pamięci podręcznej serwera, ponieważ serwer generuje stronę internetową, buforowanie serwera umożliwia zapamiętanie części strony na całej stronie, która nie jest generowana za każdym razem od nowa. Dzięki buforowaniu przeglądarki pomaga to przeglądarce zapamiętać wygląd strony internetowej, dzięki czemu nie musi tracić czasu na wymianę danych z serwerem. Jest to przydatne, jak wspomniano, dla odwiedzających, którzy uzyskują dostęp do wielu stron, ponieważ mogą istnieć pliki statyczne. Na przykład arkusze stylów i pliki JavaScript mogą być przechowywane w przeglądarce.

Aby uzyskać najlepsze praktyki dotyczące buforowania, zawsze buforuj HTML selektywnie. Zasadniczo, jako pierwszy poziom, przechowuj wszystko w pamięci podręcznej, aby działać jak statyczny anonim - dla statycznej anonimowej treści. A następnie spójrz na ominięcie pamięci podręcznej w plikach cookie i buforuj wszystko, co znajduje się w twoim koszyku, na liście życzeń, używając pliku cookie do ominięcia określonych elementów pamięci podręcznej. I zawsze ustawiaj swoją pamięć podręczną wieku, swój czas życia, uwzględniając ją w odniesieniu do konfiguracji Cloudflare. To powinno zapewnić, że pamięć podręczna jest zawsze aktualna i zgodna z oryginalnym źródłem.

Tak więc jedną z rzeczy, które rozumiemy z rozmów z naszymi klientami z branży e-commerce, jest to, że jest to problem, który generalnie programiści muszą rozwiązać samodzielnie. Tak więc w ramach naszego rozwoju w WP Engine pracujemy nad rozwiązaniem specyficznym dla e-commerce, które domyślnie umożliwia dostarczanie i instalowanie WooCommerce ze wszystkimi tymi regułami buforowania ustawionymi domyślnie. Więc przechowujemy w pamięci podręcznej wszystkie statyczne rzeczy, a następnie nie buforujemy wszystkich dynamicznych rzeczy, więc zawsze są świeże. Jest zawsze odświeżany w sposób ciągły dla Ciebie. Dzięki temu nie masz konfliktów, takich jak fragmentacja koszyka dla swoich użytkowników.

Optymalizacja mediów – kolejna rzecz, która ma kluczowe znaczenie w dostarczaniu treści z Twojego serwera do użytkownika końcowego, który jest na Twojej stronie e-commerce, dotyczy optymalizacji mediów. Pierwszą rzeczą, o której należy pomyśleć, jest to, czym jest optymalizacja mediów? Co możemy z tym zrobić? Jak możemy zapewnić klientom szybkie, skuteczne i dynamiczne przeglądanie i korzystanie z ich witryny?

Więc jeśli chodzi o obrazy i wideo, wymagają one różnych rodzajów optymalizacji, aby zapewnić Twoim klientom optymalne wrażenia w oparciu o urządzenie, z którego faktycznie korzystają. Tak więc optymalizacja mediów to proces korzystania z najlepszych narzędzi, zaawansowanych strategii i eksperymentów, ponieważ zawsze chcesz eksperymentować, aby zapewnić wydajność witryny e-commerce. Chcesz optymalizacji zasobów. Stara się znaleźć równowagę między wydajnością a niezawodnością.

Chcesz więc zawsze dostarczać treści swoim klientom w najszybszy możliwy sposób, który nie wpłynie negatywnie na wydajność Twojej witryny. Chcesz udostępniać najlepiej wyglądające treści w jak najkrótszym czasie, biorąc pod uwagę różne platformy i zasoby, na których media mogą być konsumowane, na przykład laptop, komputer stacjonarny lub urządzenie mobilne. przenieść się do świata bezgłowych, wielu różnych typów urządzeń, takich jak ekrany telewizorów, iPady i tym podobne, w których treść może być dostarczana zarówno ze sklepu e-commerce, jak i konsumowana.

Więc to, o czym chcesz pomyśleć, to poprawa optymalizacji obrazu, aby ulepszyć sieć – wydajność Twojej witryny, aby zwiększyć ruch, zwiększyć liczbę konwersji, zwiększyć przychody dla właściciela sklepu, Twojej marki lub sprzedawcy. I jeden z najbardziej krytycznych aspektów optymalizacji strony internetowej, ma wpływ na wyszukiwanie i optymalizację. Więc jeśli Twoje obrazy i wideo są szybkie i szybkie, faktycznie otrzymujesz lepszą ocenę w zakresie optymalizacji pod kątem wyszukiwarek.

Zoptymalizuj zasoby nie tylko sprawiają, że Twoje produkty są bardziej atrakcyjne i widoczne dla potencjalnych klientów, ale także sprawiają, że częściej pojawiają się w wyszukiwaniu, ponownie w optymalizacji pod kątem wyszukiwarek. Najważniejsze rzeczy do zapamiętania to leniwe ładowanie obrazów i filmów. Leniwe ładowanie to w zasadzie strategia identyfikowania nieblokujących lub niekrytycznych zasobów i ładowania ich tylko wtedy, gdy są potrzebne. Tak więc zawartość, zasadniczo powyżej zakładki, jest ładowana i wyświetlana użytkownikowi jako priorytet, a następnie opóźniamy całą resztę renderowania dla wszystkiego poniżej tego ekranu, aby przewinąć w dół.

Ta technika optymalizacji pozwala wyświetlać jako pierwsze – pierwsze obrazy i treści, które zobaczy użytkownik. A potem nie marnujemy zasobów na pobieranie rzeczy, których tak naprawdę nie zamierzają jeszcze oglądać i oglądać. Sam Google zaleca leniwe ładowanie i zasadniczo określa je jako odraczanie obrazów poza ekranem. A potem powiedziałbym, że nie zawracaj sobie głowy ładowaniem.

Możesz ręcznie, jako programista, oznaczyć każdy ze swoich obrazów, jeśli chcesz, lub swój film jako ładowany z opóźnieniem. Ale jak możesz sobie wyobrazić w przypadku witryny e-commerce, byłoby to dość dużym wysiłkiem. Ponadto, jeśli nie czujesz się komfortowo oznaczając ręcznie każdy z tych obrazów, możesz to zrobić za pomocą wtyczki. Jeśli masz szybkie wyszukiwanie w Google najlepszych wtyczek ładujących do WordPressa, znajdziesz tam kilka zaleceń dotyczących najlepszych wtyczek do użycia.

Ale dla nas i dla e-commerce polecamy wpięcie ich np. do WP Rocket. Oferuje optymalizację leniwego ładowania Adobe. Rzeczy, które również chcesz wziąć pod uwagę, to zawsze pamiętaj o swoich użytkownikach mobilnych. Ich ekrany i wydajność są mniejsze, więc nie trzeba ładować ogromnych obrazów. Chcesz to zmniejszyć.

Chcesz użyć kompresji dla wszystkich swoich obrazów, ponieważ pozwoli to zaoszczędzić ogromne, 40%, na przepustowości, a także oczywiście ładowanie tego konkretnego ekranu i formatu pliku jest kluczowe dla obrazów. Na przykład, ponieważ obraz JPEG ma wymiary 600 na 600, to 100 kilobajtów, PNG to 216, podczas gdy WebP to tylko 56 kilobajtów. Więc chcesz być bardzo ostrożny w rozważaniu, OK, jakiego formatu pliku użyję dla wszystkich tych obrazów, które będą podawane? Zwłaszcza w przypadku witryny e-commerce, mógłbym potencjalnie mieć tysiące produktów, tysiące obrazów i setki filmów, aby wykonać kopię zapasową tych obrazów i treści.

Chcesz zawsze zmieniać rozmiar swoich zdjęć. Możesz spojrzeć na narzędzia online, takie jak Imagify, Youoptimizer, TinyJPG, i spojrzeć na te do optymalizacji obrazów w WordPress. Imagify jest tworzony przez ten sam zespół co WP Rocket i jest bardzo intuicyjną wtyczką, która automatycznie kompresuje obrazy przy użyciu trzech różnych typów poziomów — normalnego, agresywnego i ultra. I pozwala dostosować rozmiar obrazu, który jest odpowiedni dla użytkowników końcowych.

Zwróć również uwagę na rozmiary miniatur. Niech będą małe, bo i tak są małe. Tła powinny być proste. Użyj narzędzi takich jak remove.bg i Slazenger, aby usunąć tła i zaktualizować je, aby je uprościć. A następnie użyj CDN, aby uzyskać szybszą globalną dostawę. Zawsze, podobnie jak w przypadku obrazów, zawsze dołączaj do nich alternatywne pomocne etykiety.

Pomaga to w SEO, optymalizacji pod kątem wyszukiwarek. I zawsze upewnij się, że etykiety faktycznie odzwierciedlają treść Twojego obrazu lub filmu. Jako programiści czasami możemy używać skrótów, takich jak RDHD lub po prostu przejść na pasmo Y. Wiemy, że to czerwony kapelusz z żółtą opaską. Ale SEO nie wiedziałoby, że tak jest, więc spróbuj być bardziej realistyczny lub językowy pod względem prezentacji obrazu.

Więc optymalizacja wideo również, używaj narzędzi do kompresji danych. Ponownie pamiętaj o swoich użytkownikach mobilnych. Konwertuj wszystko, jeśli to możliwe, na formaty HTML5. W przypadku każdego filmu, który nie ma dźwięku, całkowicie usuń dźwięk. Nie ma sensu go mieć, ponieważ po prostu zużywa przepustowość. Użyj ponownie, sieci dostarczania treści. Określ swoje witryny wideo i ponownie, również w odniesieniu do leniwego ładowania, zawsze odkładaj ładowanie tych obrazów, dopóki strona nie zostanie całkowicie pobrana.

Optymalizacja wyszukiwarek – jak być może wiemy, optymalizacja wyszukiwań to w zasadzie metoda, którą nazywamy przeniesieniem wyszukiwania do konkretnego usługodawcy, który jest w tym ekspertem, ponieważ może zwiększyć skuteczność wyszukiwania, a tym samym zwiększyć sprzedaż dla sprzedawcy i użytkownik. Jak wiemy domyślnie, WooCommerce ma wbudowaną funkcję wyszukiwania. Ale pozostawia wiele do życzenia w odniesieniu do funkcjonalności wokół dopasowań atrybutów produktów, niestandardowych pól i opisów. Jest bardzo powolny. Nie zapewnia dobrego doświadczenia użytkownika. A na koniec dnia jest to bardzo nieskuteczne.

Jeśli wyszukujesz – wyszukiwanie produktów w odniesieniu do WooCommerce, jest to powszechna cecha, jeśli chodzi o to, że albo nie działa tak skutecznie, jak chcesz. Naprawdę, to, co chcesz zrobić, to mieć funkcję wyszukiwania, która ma wysoką tolerancję błędów, aby nie zakłócała ​​podróży klienta. Chcesz, aby mogli mieć silne autouzupełnianie zapytań i przetwarzać je w języku naturalnym w celu uzyskania lepszych wyników, czego brakuje w wyszukiwarce WooCommerce.

Chcesz także mieć funkcję opartą na kompleksowych analizach w celu łatwego ulepszania raportów, dzięki czemu możesz faktycznie sprawdzić i zobaczyć skuteczność swojego wyszukiwania pod względem odpowiedzi na nie, czego szukają Twoi klienci, jak dobrze czy to pasuje do produktów, a następnie jakie zmiany możesz wprowadzić w konfiguracji, aby faktycznie w tym pomóc? Zasadniczo pomóż klientowi szybciej znaleźć to, czego szuka.

I co możemy zrobić? Jak już wspomniałem, aby zmniejszyć problemy związane z wyszukiwaniem i pomóc klientom znaleźć to, czego szukają, stosujemy odciążanie wyszukiwania. Jest to więc proces zasadniczo wykonywany przez stronę trzecią. Poprawia możliwości wyszukiwania WooCommerce, ponieważ jest zintegrowany z Woo. Ma w zasadzie widżety do filtrowania według potrzeb. Dostarcza użytkownikom wyniki, które mogą pomóc w zwiększeniu zaufania do marki.

Ma autosugestię i możesz skonfigurować i dostosować wagę. Możesz dawać wyniki klientom – niestandardowe wyniki. Możesz mieć natychmiastowe automatyczne wyszukiwanie i analizę wyszukiwania, jak wspomniałem, co jest krytyczne. Wyszukiwanie nie ma sensu, jeśli nie możesz przeanalizować wyszukiwania, aby zobaczyć, jak skuteczne jest. Pomaga także w dopracowaniu integracji SEO, aby zapewnić klientom możliwość znalezienia tego, czego szukają. Kiedy przechodzą do wyszukiwania w Google, przechodzą do tej konkretnej witryny na podstawie tego, czego szukasz.

Pomaga również odkryć intencje klientów i ujawnia dane dotyczące zainteresowań klientów. Czego oni szukają? Co chcą kupić? Co przyciąga ich do Twojej witryny? Czego szukają?

Nasza rekomendacja dotycząca wyszukiwania polega na wyszukiwaniu autouzupełniania. Więc przedstaw sugestie w związku z tym. I zawsze miej włączoną korekcję błędów. Więc jeśli ktoś wpisał coś nie tak w odniesieniu do produktu, staraj się o tym nie pamiętać. Staraj się zawsze pamiętać poprawną pisownię lub opis w odniesieniu do produktu. Nigdy, gdy masz włączone wyszukiwanie w swojej witrynie, nie pozwól użytkownikowi trafić w ślepy zaułek.

Zawsze miej stronę. Nawet jeśli szukają czegoś, czego nie ma w Twojej witrynie, skieruj ich na stronę z informacją, że obecnie nie możemy znaleźć tego konkretnego produktu. Skontaktuj się z naszym działem sprzedaży itp., a my Ci w tym pomożemy. Jest to lepsze doświadczenie dla tego konkretnego użytkownika, a także generuje zaufanie do tego klienta.

Optymalizuj zawsze. Podczas przeprowadzania badań analitycznych na podstawie tego, czego szukają klienci, optymalizuj w odniesieniu do tych haseł, aby inni klienci, którzy wrócą, szukając ich, mogli je faktycznie znaleźć. Używaj tagów, tytułów i opisów we wszystkich swoich produktach. Są chlebem powszednim twoich poszukiwań.

Upewnij się więc, że wszystkie Twoje dane są dokładne, odzwierciedlają charakter produktu i zawsze opisują jak najwięcej poszczególnych produktów, które znajdują się w określonej witrynie sprzedawcy. Skonfiguruj wyszukiwanie dla urządzeń mobilnych. Powiedzmy, że wyszukiwanie mobilne różni się nieco od wyszukiwania na laptopie pod względem strony internetowej. Tylko upewnij się, że skonfigurowałeś i włączyłeś to w swoim wyszukiwaniu. I zawsze wracaj do swoich analiz.

Jeśli chodzi o WP Engine, nawiązaliśmy współpracę z ElasticPress, aby zaoferować, w zasadzie, to, co uważamy za wtyczkę wyszukiwania premium, która jest automatycznie domyślna i instalowana jako część naszej oferty e-commerce. Oferuje wszystkie funkcje autosugestii, ważenia, wyników klientów i wiele innych.

A teraz jestem w pewnym sensie gotowy na moje trzy wskazówki dotyczące porad, wskazówek dotyczących WooCommerce i zamierzam zwrócić się z powrotem do Jeremy'ego. Więc proszę, Jeremy. Dziękuję.

JEREMY BENOIT: Kolejnym obszarem wartym uwagi jest fragment koszyka AJAX. Fragment koszyka AJAX jest poszukiwanym fragmentem kodu. Jest znany z generowania opóźnień, powodowania skoków serwera i niepotrzebnego działania. Ale czy fragment koszyka AJAX jest naprawdę taki zły?

Cóż, jego celem jest aktualizacja koszyka o nowe produkty, nowe ceny produktów, nowe ilości produktów, obliczanie cen bez wymuszania przeładowania strony. Skrypt agenta fragmentów koszyka działa jednak na każdej stronie — stronie głównej, stronie produktu, a nawet stronach, na których nie ma akcji dodawania do koszyka. Może to być Twoja strona o nas, a nawet strona kontaktowa.

To działanie lub wykonanie jest często przyczyną skoków wydajności serwera lub wykorzystania niepotrzebnych zasobów, które zakłócają działanie Twojej witryny i doświadczenie kupującego. Idealnie teraz fragment koszyka AJAX powinien działać tylko tam, gdzie masz akcję dodawania do koszyka lub jeśli masz dynamiczny koszyk w swojej witrynie, w której akcja może zostać użyta do otwarcia koszyka lub dynamicznej interakcji z nim. Co więc można zrobić z fragmentem koszyka AJAX?

Cóż, najczęściej ludzie sugerują, tak jak my, wyłączenie tego fragmentu koszyka i istnieją dwa sposoby wyłączenia fragmentu koszyka AJAX. A, chcesz dodać wtyczkę, która ma możliwość wyłączenia fragmentu koszyka. Istnieje sporo wtyczek, które mogą wyłączyć fragment koszyka. Ale innym sposobem jest to, że jeśli jesteś zaznajomiony z edytowaniem php, możesz wyłączyć fragmentację koszyka, edytując plik functions.php swojego motywu.

Istnieje pewne ryzyko. Niektóre widżety koszyka mogą powodować problemy po wyłączeniu fragmentu koszyka. Chcesz więc przetestować widżety koszyka po ich wyłączeniu, aby upewnić się, że działają zgodnie z oczekiwaniami.

Teraz następną sztuczką lub wskazówką jest wykorzystanie niestandardowej tabeli zamówień po jej wydaniu. Możesz zapytać, co masz na myśli? Cóż, później, w tym – w DE {CODE}, usłyszysz od WooCommerce o nowej niestandardowej tabeli zamówień, która zostanie wydana jeszcze w tym roku. A tabela WooCommerce jest – tabela zamówień ma dylemat strukturalny. Wielu z was wie, że jest to często wskazywane jako powód złego skalowania. Ale może to również stanowić problem z szybkością w przypadku interakcji związanych z produktami lub interakcjami dotyczącymi zamówień, a czasem nawet danych wtyczek.

W tej chwili WooCommerce korzysta z metatabeli postów, która przechowuje różne jednostki danych, w tym zamówienia i produkty, a także niektóre dodane dane wtyczek i za każdym razem, gdy pojawia się wezwanie do którejkolwiek z tych jednostek, wszystkie uderzają w to samo źródło. Możesz więc sobie wyobrazić rozładowanie tego korka poprzez tworzenie niestandardowych tabel zamówień, które dodadzą strukturalną integralność WooCommerce prawdziwego silnika e-commerce i poprawią szybkość wszelkiego rodzaju zamówień. Będzie to świetne wsparcie, szczególnie w przypadku witryn o dużym ruchu i dużej liczbie zamówień, a nawet witryn z bardzo dużym katalogiem produktów.

Dysponując tymi trzema różnymi typami tabel, nowymi tabelami podstawowymi dla podstawowych informacji o kolejności, nowymi tabelami wtyczek dla danych wtyczek oraz nowymi tabelami meta dla wszelkiego rodzaju niestandardowych metadanych, które programista musi przechowywać, co odciąży wąskie gardło, które poprzednio i obecnie stanowiła metatabela postów dla interakcji Twoich zamówień. Będą również dedykowane indeksy dla tych tabel, które pomogą przyspieszyć pobieranie tych konkretnych jednostek w każdej z tych tabel. Więcej o niestandardowej tabeli zamówień dowiesz się później w DE {CODE}.

Przyjrzyjmy się więc trzeciemu ulepszeniu, prędkości bez głowy. Więc ta wskazówka jest taka, aby przejść bez głowy, ponieważ bezgłowy stos bezgłowy zwiększa prędkość o rzędy wielkości. Kod JavaScript w interfejsie Twojej bezgłowej infrastruktury będzie znacznie szybszy, aw niektórych przypadkach 10 razy szybszy niż tradycyjna infrastruktura WordPress. Mamy nawet klientów korzystających z naszej infrastruktury Atlas, którzy odnotowują sześciokrotny wzrost we wszystkich wskaźnikach Lighthouse.

A w WP Engine mamy bezgłową infrastrukturę o nazwie Atlas. Ta infrastruktura pozwala– ma również komponent zwany naszym silnikiem treści, który znacznie zwiększa szybkość pobierania wszelkiego rodzaju treści statycznych i dynamicznych w całej instancji WooCommerce. Infrastruktury bezobsługowe umożliwiają również dostosowanie integracji zaplecza i stwarzają możliwość błyskawicznej optymalizacji z aplikacjami innych firm, z którymi Twoja witryna WooCommerce musi się zintegrować. I to moja ostatnia rada na dziś.