Jak zapobiec awariom witryny podczas tworzenia programu NBC Today?

Opublikowany: 2021-08-19

12 sekund… To wszystko zajęło… 12 minut bycia w telewizji, a ruch i wolumen zamówień w naszym sklepie internetowym całkowicie eksplodował! Poza tym nasza strona nie uległa awarii :)

W zeszłym tygodniu nasz sklep internetowy Bumblebee Linens pojawił się w programie Today Show NBC i było to prawdopodobnie najbardziej ekscytujące 12 sekund , jakich kiedykolwiek doświadczyłem, odkąd prowadzimy naszą działalność.

Uzyskaj bezpłatny mini kurs na temat tego, jak założyć udany sklep e-commerce

Jeśli jesteś zainteresowany rozpoczęciem działalności e-commerce, przygotowałem kompleksowy pakiet zasobów , które pomogą Ci uruchomić własny sklep internetowy od zera. Koniecznie weź go przed wyjazdem!

Spis treści

Klip z dzisiejszego pokazu

Na początku moja żona i ja nie byliśmy pewni, ilu odwiedzających dostaniemy z telewizji. W rzeczywistości byłem dość sceptyczny, czy bycie w telewizji będzie generować jakikolwiek znaczący ruch. W końcu widz musi nie tylko zapamiętać nazwę Twojego sklepu, ale także fizycznie podejść do komputera i złożyć zamówienie.

Nie zdawałem sobie sprawy, że wiele rzeczy zmieniło się w ciągu ostatniej dekady w zakresie technologii. Po pierwsze, Google pozwala niemal natychmiast znaleźć każdą firmę. Po drugie, pojawienie się smartfonów i tabletów oznacza, że ​​większość ludzi przebywa przy komputerze praktycznie 24/7.

W każdym razie, aby zachować bezpieczeństwo, ograniczyliśmy włazy i poczyniliśmy dodatkowe przygotowania na wypadek, gdyby nasz ruch i wolumen zamówień wzrósł.

Obejrzyj powyższy klip i powiedz mi, co myślisz i czytaj dalej, aby dowiedzieć się, co zrobiliśmy, aby przygotować się do naszego pierwszego telewizyjnego występu. Na końcu posta będę miał kilka liczb do podzielenia się z wami .

Przygotowaliśmy naszą stronę na dodatkowy ruch

today show stats

Zapewne słyszałeś straszne historie o tym , że strony ulegają awarii z powodu nadmiernego nagłośnienia w prasie, prawda? Cóż, byłem zdeterminowany, żeby nam to się nie przydarzyło.

Jeśli spojrzysz na dane o oglądalności programu Today Show, pokazują one średnio około 1,74 mln widzów dziennie . Jeśli przyjmiemy wysoki współczynnik klikalności (lub współczynnik wyszukiwania Google) na poziomie 0,5%, przyciągnie to około 8700 odwiedzających do naszej witryny w bardzo krótkim czasie.

Jak wymyśliłem ten numer? Wziąłem CTR, który otrzymuję dla reklam na Facebooku, i podzieliłem tę liczbę na pół. Oczywiście nie jest to dokładne oszacowanie, ale musiałem poczynić pewne założenia dotyczące oczekiwanego ruchu.

W każdym razie, gdyby 8700 odwiedzających wpadło na naszą stronę w ciągu kilku minut, jestem prawie pewien, że nasza strona przestanie działać w obecnym stanie, więc trzeba coś zrobić. Ale oto, co było trudne w naszej sytuacji.

Jeszcze kilka dni wcześniej nie byliśmy w 100% pewni , czy w ogóle pojawimy się w telewizji. A biorąc pod uwagę, że nadal pracuję na pełen etat, miałem bardzo mało czasu na przygotowanie naszej strony. Ogólnie rozważyłem kilka opcji i oto moje wybory…

  • Skonfiguruj ulepszony serwer tylko na ten jeden dzień. Moja obecna konfiguracja jest szczególnie ograniczona w dziale pamięci RAM. Pomogłoby też trochę więcej procesorów
  • Przyspiesz naszą witrynę, włączając w naszym hostingu buforowanie PHP/SQL na serwerze. tj. włącz APC, XCache itp. Prawdopodobnie wymagałoby to również pewnych zmian w kodzie źródłowym.
  • Zmniejsz liczbę zapytań MySQL i PHP, samodzielnie buforując witrynę. Innymi słowy, wygeneruj statyczne, wstępnie wyrenderowane wersje moich stron.
  • Użyj CDN. Usługi takie jak MaxCDN, Amazon Cloudfront itp. są niedrogie i mogą drastycznie przyspieszyć pobieranie obrazów.

Biorąc pod uwagę ograniczenia czasowe, zdecydowałem, że nie chcę ryzykować przeniesienia witryny na zaktualizowany serwer. W rzeczywistości niechętnie robiłem coś drastycznego lub niezwykłego, co było poza moją kontrolą.

W końcu skonfigurowanie mojego istniejącego serwera zajęło mi trochę czasu po pierwszym uruchomieniu i odkryłem, że za każdym razem , gdy próbuję dodać coś nowego w krótkim czasie, zawsze wydaje mi się, że coś się popsuło .

Kluczem było posiadanie 100% kontroli . Gdybym wybrał zaktualizowaną trasę serwera, a serwer działałby słabo, musiałbym polegać na administratorze, aby naprawić problem, który może zająć godziny. Ale jeśli robiłem własne optymalizacje na stronie, to mogłem łatwo wrócić do starej wersji w razie jakichkolwiek problemów.

Dlatego zdecydowałem się na trzecią opcję powyżej, która polegała na samodzielnej optymalizacji strony w celu zmniejszenia obciążenia serwera. Opcja 3 była właściwie rozszerzeniem czegoś, co już zaimplementowałem w moim ostatnim przeprojektowaniu witryny

W rzeczywistości opcja 3 okazała się jedyną rzeczą, którą zdążyłem zaimplementować i przetestować na czas wielkiej wzmianki o telewizji.

Zablokowaliśmy wszystko na naszej stronie internetowej

Krótko mówiąc, postanowiłem statycznie buforować całą witrynę z wyjątkiem stron związanych z procesem realizacji transakcji. Zasadniczo napisałem skrypt, który generował wstępnie wyrenderowane kopie każdej strony mojego sklepu internetowego i zapisywał je na serwerze, aby uzyskać bardzo szybki dostęp.

Chociaż to sprawiło, że moja witryna była błyskawiczna, miała następującą wadę. Ponieważ oszczędzałem statyczne kopie mojej witryny, dynamiczne elementy na stronie przestały działać .

Na przykład poniższy obrazek pokazuje, że pozostało nam mniej niż 5 tej konkretnej chusteczki.

dynamic text

Jednak gdybyśmy mieli wyprzedać ten produkt, nadal wyświetlałby ten sam stary przekaz. Ale ogólnie warto było poświęcić się dla dodatkowej prędkości.

Drugą rzeczą, którą zrobiłem, było statyczne buforowanie wszystkich parametrów konfiguracyjnych sklepu. Większość sklepów internetowych musi ładować setki parametrów konfiguracyjnych z bazy danych za każdym razem, gdy ładowana jest strona.

Na przykład za każdym razem, gdy klient odwiedza stronę, mój koszyk musi znać nazwę sklepu, sposób wyświetlania produktów, rozmiar zdjęć kategorii itp., aby poprawnie renderować stronę.

Jednak załadowanie wszystkich tych parametrów z bazy danych zajmuje zarówno czas, jak i zasoby serwera. Dlatego po prostu zrzuciłem wszystkie te parametry konfiguracyjne do pliku i zasadniczo zakodowałem je na naszej stronie. Chociaż sprawiało to, że zmiany konfiguracji były niewygodne, nasz serwer był znacznie szybszy.

Przy 2 powyższych zmianach każde ładowanie strony wymagało tylko niewielkiej części kodu PHP do zarządzania sesją i zerowego dostępu do bazy danych SQL. Innymi słowy, było to jak ładowanie statycznej, zakodowanej na sztywno strony HTML.

Jak nasz serwer poradził sobie z ruchem?

Krótko mówiąc, nasza strona trzymała się jak mistrz . Mimo, że byłem bardzo zdenerwowany i po raz drugi domyślałem się, czy powinienem ulepszyć nasz serwer, wszystko było w porządku. Ruch zaczął napływać około godziny 7 rano czasu PST (Uwaga: zegar serwera na poniższym wykresie jest w innej strefie czasowej).

Uwaga: W kontekście kontekstu, nasza strona główna ma tylko 250 KB, a ze względu na buforowanie przeglądarki wielokrotne wczytywanie ma tylko około 16 KB.

Bandwidth

A jeśli spojrzysz na obciążenie naszego serwera w tym czasie, utrzymywało się dobrze.

Server-Load

Udoskonaliliśmy nasz formularz kasy do rejestracji e-mail

Przez najdłuższy czas zezwalaliśmy na zapisywanie się do newslettera tylko dla „zarejestrowanych” klientów w naszej witrynie. Choć brzmi to kiepsko, umożliwienie rejestracji dla „niezarejestrowanych” użytkowników nie było obsługiwane przez nasz koszyk po wyjęciu z pudełka.

W naszej witrynie „zarejestrowany” klient to ktoś, kto zdecyduje się utworzyć konto podczas realizacji transakcji. Tworząc konto, przechowujemy ich dane adresowe, aby mogli ponownie złożyć zamówienie w przyszłości bez konieczności ponownego wprowadzania swoich danych.

Problem polega jednak na tym, że większość klientów nie chce zakładać konta. W rezultacie tracimy wiele zapisów na biuletyn e-mailowy od klientów, którzy się nie zarejestrowali .

checkout

W każdym razie w końcu zerwałem się z tyłka i postanowiłem zaprogramować możliwość odbierania e-maili za pomocą naszej funkcji ekspresowej kasy. Jeśli NBC zamierzało wysyłać mnóstwo ruchu, absolutnie chciałem zebrać ich adresy e-mail na przyszłość.

Inną rzeczą, którą zrobiłem, było domyślnie „zaznaczony” przycisk optin newslettera, jak pokazano poniżej.

newsletter

W efekcie tego dnia udało nam się zebrać ponad 150 nowych adresów e-mail . Uwaga: pochodziły od klientów, którzy zdecydowali się na płatność „gość”.

Wyniki

today show

Zanim dowiedzieliśmy się na pewno, że dostaniemy taką możliwość, moja żona na wszelki wypadek zamówiła w przedsprzedaży więcej zapasów. Właściwie wysłaliśmy go powietrzem, co było bardzo kosztowne, ale chcieliśmy być przygotowani na wszelki wypadek.

Jak się okazuje moja żona nazwała to poprawnie. Oto wyniki tego dnia.

  • Mieliśmy 7-krotność średniego dziennego wolumenu zamówień . Nadszedł taki moment, że zamówienia napływały szybciej, niż moja żona mogła wydrukować faktury.
  • Nasz ruch był ponad 3 razy wyższy od średniej . Powyższy wykres ruchu jest nieco mylący, ponieważ większość z nich była mocno skupiona około godziny 7 rano czasu PST, kiedy program był emitowany. Kiedy po raz pierwszy sprawdziłem nasz ruch, ponad 200 osób jednocześnie wbijało się w naszą stronę internetową.
  • Przychody były około 5-6 razy wyższe od średniej.

Order Volume

Oto podział pod względem platformy

  • 61% ruchu pochodziło od użytkowników komputerów stacjonarnych/laptopów, co przełożyło się na 79% zamówień
  • 21% ruchu pochodziło od użytkowników tabletów, co przełożyło się na 16% zamówień
  • 18% ruchu pochodziło od użytkowników smartfonów, co przełożyło się na 5% zamówień

Uwaga: zapomniałem dodać, że zablokowałem również całą naszą witrynę mobilną, więc korzystanie ze smartfona było błyskawiczne.

Oto kilka liczb związanych z ocenami Nielsen. Niestety nie do końca rozumiem, co dokładnie oznaczają te liczby, ale może ktoś z publiczności może wyjaśnić:)

  • Nielsen Publiczność : 2 036 955
  • Obliczona ekwiwalentność reklam : 158 933 USD
  • Obliczona wartość reklamy : 476 799 $
  • 30-sekundowy ekwiwalent reklamowy : 16 000 USD

Ogólnie

Ogólnie rzecz biorąc, nasza pierwsza telewizja była wielkim sukcesem. Jedyne, czego nie mogliśmy szybko rozwiązać, to zwiększona liczba połączeń. Przeszkolenie kogoś i zdobycie wiedzy na temat naszych produktów zajmuje trochę czasu, więc musieliśmy liczyć się z kilkoma operatorami, których mieliśmy.

Odebrałem nawet telefony w południe, żeby moja żona mogła zjeść lunch. Ale w sumie to był fantastyczny dzień. Dla zabawy poniższe zdjęcie bardzo dokładnie opisuje nasze emocje tego dnia.

today show

Specjalne podziękowania dla Robyn Spizman i oferta specjalna

robyn Spizman Chcę tylko podziękować Robinowi Spizmanowi za udostępnienie nam tej niesamowitej możliwości.

Robyn jest autorką bestsellerów New York Times, rzeczniczką konsumentów i osobowością telewizyjną. W rzeczywistości jest dobrze znana jako jedna z wiodących w kraju ekspertów w zakresie wręczania prezentów i porad, a także jest stałym gościem programu NBC Today Show. Możesz sprawdzić jej biografię tutaj.

W każdym razie pewnie zastanawiasz się, jak skrzyżowaliśmy się z Robyn ścieżkami. Odpowiedzią było szczęście . Niespodziewanie Robyn skontaktowała się z nami w sprawie uczestniczenia w programie Today Show i oczywiście skorzystaliśmy z okazji.

Jak wspominałem niezliczoną ilość razy na tym blogu, szczęście zawsze odgrywa rolę w każdym udanym biznesie. Czasami po prostu trzeba trzymać się tego wystarczająco długo, a dobre rzeczy się wydarzą.

Po pracy z Robyn mogę powiedzieć, że jest niezwykle przyjazna, łatwo się z nią rozmawia i uwielbia pomagać właścicielom małych firm. Jest zdecydowanie kimś, z kim planuję utrzymywać kontakt w przyszłości i zawdzięczamy jej wielki czas.

W każdym razie, aby okazać naszą wdzięczność, zamierzam rozdać 3 egzemplarze jej nagrodzonej książki „Make It Memorable: An AZ Guide to Making Any Event, Gift or
Okazja… Olśniewające!” do 3 szczęśliwych czytelników MyWifeQuitHerJob.com.

Po prostu zostaw komentarz pod tym postem, a wylosuję 3 szczęśliwych zwycięzców!

Uwaga: MyWifeQuitHerJob.com nie jest w żaden sposób powiązana z Robyn Spizman. Więc dlaczego to robię? Uważam, że gdyby była na tyle uprzejma, by wysłać w naszą stronę miliony gałek ocznych, mógłbym wysłać jej przynajmniej 100 tysięcy. Dziękuję Robyn!

Nie zapomnij zostawić komentarza poniżej, aby wejść do rysunku do książki Robyn! Dziękuje za przeczytanie.