Optymalizacja prędkości z Optimocha

W tym tygodniu rozmawialiśmy z Barış Ünver z Optimocha o optymalizacji szybkości i wydajności stron internetowych WordPress. Sprawdź nasz wywiad poniżej i przewiń do końca, aby przeczytać naszą krótką osobistą recenzję usługi.

Cześć, Barış! Witamy na blogu burmistrza WP. Cieszymy się, że możemy porozmawiać o szybkości witryny, więc zamierzam od razu wkroczyć! Jesteś założycielem Optimocha (fajna nazwa, swoją drogą, jestem ciekaw, jak na to wpadłeś!). Jakie usługi oferujecie i kto jest waszym klientem docelowym?

Dzięki za zaproszenie! Burmistrz WP jest jednym z moich podstawowych zasobów wiadomości dla WordPress, więc cieszę się, że tu jestem.

Optimocha to, w skrócie, usługa optymalizacji prędkości i utrzymania dla stron internetowych opartych na WordPress. Naszym głównym celem (obsesja, naprawdę) ma na celu poprawę ogólnej wydajności każdej strony internetowej, nad którą pracujemy, ale ponieważ konkretne wskaźniki wpływają na ranking (więcej o tym później), a klienci zwykle pytają o to, koncentrujemy się na uzyskaniu lepszych podstawowych wskaźników witryn internetowych dla naszych witryn klientów. W 2019 roku nabyliśmy również Speed Booster Pack i opracowujemy jeszcze kilka produktów/usług, z których dwa zostaną wydane do końca 2021 roku.

I dziękuję za miłe słowa o nazwie! Po spisaniu ponad dwustu nazw (głównie kombinacji słów z przedrostkiem ” opti – “lub” speed -“), aby znaleźć najlepszą nazwę marki, zdecydowałem się na nazwę “Optimocha”. To było całkiem zabawne ćwiczenie, a ponieważ rebranding jest trudny i denerwujący nawet dla najmniejszych firm (i prawie niemożliwy dla większych), pomyślałem, że ważne jest znalezienie dobrej nazwy marki.

P. wszyscy wiemy, że szybkość witryny jest ważna, ale jakie są rzeczywiste korzyści z posiadania szybkiej witryny? Czy przynosi więcej konwersji, czy lepiej oceniasz w Google?

I to i to.

Największą i najbardziej oczywistą poprawą jest ranking strony w wynikach wyszukiwania (SERP). Google ogłosił, że podstawowe funkcje internetowe będą uwzględniane w rankingach, co oznacza, że jeśli Twoja strona poprawiła CWV, będzie miała lepsze rankingi. A ponieważ to bezpośrednio wpływa na sukces strony internetowej (konwersja, subskrypcja, sprzedaż itp.), powinien to być główny powód, dla którego każdy właściciel witryny powinien zoptymalizować swoje strony.

Nawet jeśli rankingi SERP nie są ważne, na przykład gdy strona jest promowana za pośrednictwem mediów społecznościowych lub offline, ogólna wydajność witryny odgrywa ogromną rolę w zadowoleniu odwiedzających/użytkowników. Możemy nie zdawać sobie z tego sprawy przez cały czas, ale wszyscy z nas mają tendencję do nudzenia się, gdy strona ładuje się w ciągu więcej niż kilku sekund – zwłaszcza na urządzeniach mobilnych.

Ta nuda może prowadzić do frustracji i zwiększyć szansę odwiedzającego/użytkownika na zamknięcie strony przed jej załadowaniem. Nie jest to widoczne w narzędziach analitycznych, ponieważ odwiedzający opuszcza stronę, zanim skrypt analytics zacznie działać. Mam klientów, którzy powiedzieli mi, że ich odsłony podwoiły się po optymalizacji-odwiedzający po prostu pozostali na stronie, zamiast się nudzić i odchodzić. To proste.

Jest więcej zaawansowane powody (takie jak już przekonwertowana satysfakcja klienta), ale te dwa są najważniejszymi powodami, dla których właściciele witryn powinni rozważyć inwestowanie w poprawę thwykonanie strony internetowej eir.

P. jakie są, Twoim zdaniem, kluczowe rzeczy, na które należy zwrócić uwagę, próbując zoptymalizować stronę internetową pod kątem szybkości?

Jest to mocno dyskutowany temat, a eksperci od optymalizacji prędkości (w tym ja) mają tendencję do myślenia inaczej niż Google… ale w sumie klienci decydują, czego chcą. Oto kilka kluczowych wskaźników właścicieli witryn, ekspertów ds. optymalizacji prędkości i Google dba o to, czy mają rację, czy nie:

Wynik PageSpeed: prosto z mostu – to nonsens. Nie tylko jest to fałszywe przedstawienie wydajności Twojej witryny, ale także nie jest brane pod uwagę nawet przez Google. Nigdy nie dążyć do wyniku 100%, ale spróbuj poprawić swoje podstawowe wskaźniki witalności internetowej. Ponadto wszystkie “oceny” i “wyniki” obliczane przez narzędzia takie jak Gtmetrix, Pingdom i WebPageTest są niewystarczające.

Podstawowe funkcje internetowe: jest to nazwa grupy wskaźników, według Google jest czynnikiem, jeśli chodzi o rankingi. Obecnie grupa składa się z trzech członków: Largest Contentful Paint (LCP), First Input Delay (FID) i Cumulative Layout Shift (CLS). Nadal nie jest to idealne odzwierciedlenie wydajności Twojej witryny, ale jest tak blisko, jak Google robi teraz (i są całkiem blisko, moim zdaniem).

Czas do pierwszego bajtu: zwany także “czasem odpowiedzi serwera”, ttfb zasadniczo mierzy czas potrzebny na serwer, aby odpowiedzieć na żądanie odsłony strony odwiedzającego. Oczywiście, im lepsza jest ta metryka, tym lepsze będą wszystkie inne metryki mierzone w czasie.

Czas ładowania: “Czas ładowania to czas zakończenia przetwarzania strony i wszystkich zasobów na stronie (obrazy, CSS itp.) zostały zakończone pobieranie”, zgodnie z GTmetrix. Jest to, moim zdaniem, najbardziej humane sposób pomiaru “szybkości” strony internetowej(nie” wydajności”, pamiętaj). Ale oczywiście opinie są jak pępki-każdy je ma.

W pełni załadowany czas: spopularyzowany przez GTmetrix, ten wskaźnik różni się od “czasu ładowania”, ponieważ mierzy wszystkie inne żądania złożone przez początkowe żądania. Na przykład wskaźnik ten uwzględnia również wszystkie pliki do pobrania zasobów Google ads załadowane na stronę, co niekoniecznie powoduje, że użytkownik “czeka” na gotowość strony. Dlatego nie wierzę, że jest to właściwa metryka, na którą należy patrzeć podczas pomiaru prędkości.

Inne metryki: Pierwsza Zadowolona Farba jest metryką staroświecką, która jest obecnie zastępowana przez Największa Farba Zadowolona. Indeks Prędkości jest również nonsensem, takim jak wynik PageSpeed. Rozmiar Strony jest ważne, ponieważ bezpośrednio wpływa na wszystko inne, ale możesz mieć wydajną stronę o większym niż średnia rozmiarze strony. I wreszcie, żadna z ” zaleceń “PageSpeed Insights, Lighthouse, GTmetrix, WebPageTest lub Pingdom nie powinna być uważana za” metryki”,” błędy ” lub cokolwiek innego niż to, czym są – zalecenia.

PS: oczywiście jest więcej “bogów” innych niż Google, którzy decydują, które metryki są ważne, jak te, o których wspomniałem. Ale jestem monoteistyczny (heh) na ten temat i wybrałem Google, ponieważ mają największy wpływ na optymalizację wydajności sieci (WPO).

P. wspomniałeś o podstawowych Witalach internetowych, czy możesz wyjaśnić, co to jest bardziej szczegółowo?

Oczywiście! Ponieważ mamy więcej niż kilka baz do omówienia, które mogą nadmuchać ten wywiad, odsyłajmy czytelników WP Mayor do tego postu gościa: Wprowadzenie do rdzenia Funkcje Życiowe.

Q. Czy jest możliwe, aby zoptymalizować szybkość witryny na własną rękę? Kiedy należy zdecydować się na usługę taką jak Optimocha?

Jestem w tym biznesie od ponad 5 lat i mogę szczerze powiedzieć, że przynajmniej połowa tego, co robimy, może być wykonana przez klientów, a druga połowa podlega naszej wiedzy i sztuczkom w rękawach. Ale oczywiście ludzie płacą nam za naszą wiedzę i za to, że sami sobie nie radzimy.

Jeśli chcesz zoptymalizować swoją stronę, mam dla ciebie trzy ważne zalecenia:

  1. Bądź bezwzględny, aby wyeliminować rzeczy-zwłaszcza rzeczy, które zwiększają wagę strony, a co ważniejsze, rzeczy, które zwiększają wykorzystanie JavaScript.
  2. Bądź otwarty na zamianę rzeczy na alternatywy lub, ponownie, na eliminację.
  3. Tak długo, jak pracujesz z kopiami zapasowymi, nie bój się niszczyć rzeczy.

Jeśli jesteś gotowy podjąć wyzwanie, możesz spróbować zainstalować i dostosować Speed Booster Pack, naszą bezpłatną wtyczkę, aby samodzielnie zoptymalizować swoją stronę.

Q. jak często należy optymalizować i utrzymywać swoją stronę internetową?

Zależy od tego, jak często dodajesz, usuwasz lub zmieniasz rzeczy na swojej stronie. Oczywiście nie mówię o dodaniu nowego posta na blogu, sprzedaży lub poprawianiu literówki na stronie Informacje. Mówię o rzeczach, które mogą zmienić podstawowe dane witryn internetowych, takie jak przeprojektowanie strony głównej, przejście na nowy motyw lub dodanie wtyczki, która dodaje zasoby (CSS, JS itp.) na front-end.

P. czy hosting wpływa na szybkość witryny? Którzy są polecani przez Ciebie dostawcy hostingu?

Na pewno! Hosting jest nie tylko ważnym czynnikiem wydajności witryny, ale także niezawodności witryny. Dobrze zorganizowany serwer może zdziałać cuda na wszystkich stronach internetowych-nie tylko tych o wysokim zużyciu zasobów. A jeśli spodziewasz się korków kolce co jakiś czas musisz wybrać firmę hostingową, która może automatycznie dostosować się do gwałtownych wzrostów bez schodzenia w dół lub zadawania śmiesznych kwot pieniędzy.

Mam kilka firm hostingowych, z którymi pracuję i mam jedną ulubione – ale nie sądzę, że powinienem je ujawniać tylko dlatego, że lista zmienia się w zależności od tego, jak dobrze kontynuują swoją działalność.

P. czy wtyczki mogą spowolnić Twoją stronę? Jak zawęzić listę używanych wtyczek?

Najlepszym sposobem na odpowiedź na to pytanie jest, jak sądzę, pozwolenie czytelnikom zadać sobie to pytanie: “Czy {Wstaw nazwę wtyczki tutaj} pomoże ci {Wstaw cel konwersji tutaj} w znaczący sposób?”Przykłady mają większy sens:

  1. W przypadku prostej strony internetowej firmy, czy wtyczka suwaka pomaga więcej potencjalnych klientów, aby się z Tobą skontaktować… lub po prostu nie możesz znaleźć niczego, co można umieścić na swojej stronie głównej, więc uderzyłeś suwaka kilkoma obrazami?
  2. W przypadku witryny z wiadomościami, czy powiadomienia push faktycznie zwiększają interakcje z użytkownikami, takie jak Więcej akcji, więcej wizyt lub więcej komentarzy… co skutkuje większą sprzedażą reklam? (Szczerze mówiąc, nie jestem nawet pewien, czy ludzie już subskrybują powiadomienia push.)
  3. W przypadku witryny e-commerce, czy te pola powiadomień “x zakupione Y” naprawdę indukują FOMO i pomagają zwiększyć sprzedaż?

Optymalizacja nigdy nie jest kompletna bez eksperymentowania. Możesz usunąć rzeczy ze swojej witryny (przez znaczący czas, np. miesiąc), sprawdzić, czy nie zaszkodzi to Twoim celom konwersji i dodać je z powrotem jeśli widzisz, że to rzeczywiście pomaga.

P. obrazy są jednym z kluczowych czynników spowalniających strony internetowe. Co to jest najlepszy sposób na sprostanie temu wyzwaniu?

Mam trzy rzeczy do powiedzenia na temat obrazów:

Używaj mniej zdjęć: prawie zawsze obrazy stanowią większość wagi strony internetowej. Używanie mniejszej liczby obrazów nie tylko zmniejszy tę wagę, ale także zmniejszy rozmiar DOM.

Użyj leniwego ładowania: leniwe Ładowanie zasadniczo odracza pobieranie obrazów do czasu załadowania drzewa DOM, co oznacza, że reszta strony zostanie załadowana szybciej, jeśli zostanie użyty leniwy Ładowanie… jednak mogłeś już się domyślić, jeśli zastosowałeś leniwe ładowanie do wszystkich obrazów, w tym tych w początkowym widoku, możesz uszkodzić swoje dane LCP. Dlatego ważne jest, aby nie leniwy załadować wszystko.

Użyj nowszych formatów obrazów: w tej chwili WebP jest wiodącym nowoczesnym formatem obrazu. AVIF jest na drugim miejscu ze znacznie gorszym wsparciem i nieco lepszym współczynnikiem kompresji. Zdecyduj się i użyj jednego z nich i miej alternatywy JPG/PNG w swoim tagi. Bułka z masłem.

P. jakie pakiety oferujecie za pośrednictwem Optimocha?

Oferujemy trzy rodzaje usług:

Optymalizacja prędkości i wydajności: przychodzimy, optymalizujemy, odlatujemy. Jeśli potrzebujesz zoptymalizować całą swoją stronę tylko raz, a może raz w roku, jest to usługa, którą możesz wybrać.

Bieżąca optymalizacja i doradztwo: przychodzimy, optymalizujemy, zostajemy. Jeśli chcesz, abyśmy stale optymalizowali stronę internetową i pytali o cokolwiek w dowolnym momencie (część usługi doradczej), powinieneś zainwestować w tę usługę.

Kompletny remont: jest to oferowane stronom internetowym, które nie mogą osiągnąć najwyższego potencjału wydajności bez rozpoczęcia od zera. Nowy temat, Nowy zestaw wtyczek, może nowy hosting… poszedłbyś z tym wyspecjalizowanym serwisem, jeśli ty (lub my) uważasz, że Twoja strona jest rodzajem beznadziejny.

P. Jak nasi czytelnicy mogą się z Tobą skontaktować?

Możesz skontaktować się z nami za pośrednictwem naszego formularza kontaktowego lub skontaktować się ze mną bezpośrednio przez Twitter lub LinkedIn!

Dzięki za zaproszenie mnie, Gaby i Marka!

Nasze doświadczenie z Optimocha

Ilekroć dyskutujemy lub promujemy produkty i usługi WordPress na WP Burmistrz, zawsze staramy się przetestować je dla siebie.

Usługa optymalizacji prędkości Optimocha nie była wyjątkiem.

Poprosiliśmy Barış, aby spróbował swoich sił w optymalizacji naszego własnego bloga burmistrza WP.

Oto wyniki:

Przed

Największa zawartość farby: 5,0 s
Całkowity czas blokowania: 1690ms
Skumulowane Przesunięcie Układu: 0
Ogólna ocena Strony: 35

Po

Największa Farba zadowolona: 4,1 s (21,95% lepiej!)
Całkowity czas blokowania: 220ms (768.18% lepiej!)
Skumulowane przesunięcie układu: 0,016 (niewielki wzrost, ale nadal zielony)
Ogólna ocena PageSpeed: 74 (211.43% lepiej!)

Cały proces był bardzo płynny. Barış zaczął od wysłania nam e-maila z pełną listą etapów, w których zajmowałby się procesem optymalizacji. Każdy etap miał szczegółowe wyjaśnienia, które dały nam całkiem dobre wyobrażenie o tym, jak będzie wyglądać praca z nim w przyszłym miesiącu.

Jeśli myślisz o wyborze usługi Optimocha, Czytaj dalej. Dam ci zestawienie tego, co jest w sklepie.

Czego się spodziewać

Aby rozpocząć, musisz najpierw zapewnić dostęp do swojej witryny, dostawcy hostingu i konta pamięci podręcznej. Umożliwi to Barışowi przeprowadzenie niezbędnych badań, testów i wdrożeń w Twojej witrynie.

Należy pamiętać, że Barış może sugerować zmianę dostawców hostingu, jeśli obecny nie jest dostosowany do potrzeb Twojej witryny. W naszym przypadku Servebolt wykonuje świetną robotę hostując naszego bloga, więc nie musieliśmy wprowadzać żadnych zmian.

Drugą rzeczą, o której należy pamiętać, jest to, że powinieneś powstrzymać się od dokonywania dużych zmian w witrynie, podczas gdy zespół optymalizacji jest w pracy. Wszelkie duże zmiany mogą mieć wpływ na ich przepływ pracy i końcowe wyniki. Nie oznacza to, że nie można nadal przesyłać treści ani zmieniać kopii w witrynie. Oznacza to jednak, że możesz chcieć poprosić o” pozwolenie ” przed wdrożeniem czegokolwiek większego.

Kolejne etapy były dość proste. Przedstawiono nam szczegółową analizę naszych używanych wtyczek, sugestie dotyczące ulepszeń lub nowych wtyczek do użycia oraz listę poprawek, które zostaliśmy poproszeni o przeprowadzenie. 

Elementor okazał się być chyba najtrudniejszym do ulepszenia. Podobnie jak w przypadku większości kreatorów stron, mają tendencję do nadmuchiwania Twojej witryny – zwłaszcza jeśli nie korzystasz z najlepszych praktyk. W kolejnym poście będę dokumentował wskazówki, jak przyspieszyć działanie strony Elementora.

Ogólnie rzecz biorąc, byliśmy zadowoleni z usługi optymalizacji prędkości Optimocha.

Uważam, że jest to świetne rozwiązanie dla nietechnicznych użytkowników próbujących poprawić szybkość swojej witryny. Jeśli jesteś programistą z silną znajomością WordPressa, może warto poświęcić trochę czasu na przeczytanie tego tematu i samodzielne wdrożenie zmian.

Jeśli jednak jesteś użytkownikiem WordPress, takim jak ja, ta usługa jest niewątpliwie pomocna i pomoże Ci zwiększyć swoje podstawowe wyniki Google Web Vitals i poprawić ogólną jakość strony dla odwiedzających.