Wyróżnienie wtyczki Divi: rakieta Divi

Szybkość ładowania witryny ma kluczowe znaczenie dla utrzymania doskonałego SEO i zmniejszenia współczynnika odrzuceń witryny. Dostępnych jest wiele wtyczek do buforowania, które mogą zwiększyć wydajność, ale większość wtyczek do buforowania jest ogólna. Pracują z głównymi ustawieniami większości motywów, a nie skupiają się na konkretnych potrzebach lub funkcjach motywu. Teraz jest wtyczka do buforowania zaprojektowana specjalnie dla Divi.

Divi Rocket to wtyczka innej firmy, która została zaprojektowana jako „świadoma Divi”. Zna sposób działania Divi oraz sekcje i moduły Divi. Wie, co buforować i co sprawdzić na stronie Divi podczas regeneracji pamięci podręcznej. W tym artykule przyjrzymy się Divi Rocket, zobaczymy, co potrafi, i zobaczymy, jak łatwo jest z niego korzystać.

Instalacja i aktywacja

Zanim będziesz mógł korzystać z Divi Rocket, musisz wprowadzić swój klucz licencyjny. Przejdź do Divi > Divi Rocket w menu deski rozdzielczej. Po aktywacji wtyczki odblokują się zakładki menu, w których możesz dokonywać wyborów i wykonywać zadania.

Projekt menu jest podobny do projektu menu Divi. Wygląda elegancko, ale jest również łatwy do zrozumienia i śledzenia (w przeciwieństwie do niektórych wtyczek buforujących, które mają zbyt wiele ustawień, które są trudne do naśladowania i konfiguracji). Dodaje również menu do paska administracyjnego, w którym możesz wyczyścić pamięć podręczną dla bieżącego posta (podczas przeglądania witryny z interfejsu), całą pamięć podręczną i zobaczyć ustawienia.

Zadania

Zakładka Zadania zawiera 12 zadań, które optymalizują lub usuwają pliki. Zadania obejmują:

1. Optymalizuj tabele
2. Usuń posty z rewizją postów
3. Usuń automatyczne wersje robocze postów
4. Usuń usunięte posty
5. Usuń spam lub skasowane komentarze
6. Usuń niezatwierdzone komentarze
7. Usuń pingbacki i trackbacki
8. Usuń osierocone metadane posta
9. Usuń osierocone metadane komentarza
10. Usuń osierocone dane relacji
11. Usuń osierocone metadane użytkownika
12. Usuń osierocone metadane terminów

Każde zadanie pokazuje liczbę elementów, które zostaną usunięte. Wybierz zadanie lub zadania, które chcesz wykonać, i kliknij Przetwarzaj wybrane zadania. Szczególnie interesująca jest optymalizacja tabel. To optymalizacja bazy danych zaprojektowana specjalnie dla Divi. Po uruchomieniu zadań widać, czy każde z nich zakończyło się sukcesem, czy też nie przeprowadzono żadnych optymalizacji.

Buforowanie przeglądarki

Włączenie buforowania przeglądarki spowoduje, że przeglądarka będzie buforować zasoby statyczne, w tym pliki jpg, jpeg, png, gif, svg, pdf, css, js, flv, ic i swf dla serwerów Apache. Możesz kontrolować liczbę dni wygaśnięcia pamięci podręcznej i dodawać adresy URL do zignorowania.

Buforowanie serwera

Buforowanie serwera umożliwia buforowanie po stronie serwera. Możesz także wyłączyć buforowanie po stronie serwera dla dowolnej roli użytkownika.

Buforowanie po stronie serwera działa inaczej niż standardowe buforowanie serwera. Większość wtyczek pamięci podręcznej przechowuje zbuforowaną wersję całej strony, a następnie wysyła ją do przeglądarki. Za każdym razem, gdy dokonywana jest zmiana, cała strona jest ponownie generowana w pamięci podręcznej.

Divi Rocket został zaprojektowany specjalnie dla modułów Divi. Wie, że moduł na stronie może się zmienić, podczas gdy reszta strony pozostaje taka sama. Zdajemy sobie sprawę, że moduły bloga i moduły sklepu mogą się często zmieniać, podczas gdy notki i moduły osób zmieniają się rzadziej. Oznacza to, że może regenerować tylko część strony zamiast całej strony za każdym razem, gdy wprowadzana jest zmiana.

Powolne ładowanie

Lazy Loading ładuje sekcje Divi, gdy użytkownik do nich przewija. Oznacza to, że tylko część witryny musi się załadować, zanim użytkownik będzie mógł rozpocząć przeglądanie witryny. Oznacza to również, że części witryny, których użytkownik nigdy nie odwiedza, nie muszą być ładowane.

Wymaga buforowania po stronie serwera i nadal znajduje się w fazie testowania. Po włączeniu możesz ustawić liczbę sekcji Divi, które będą początkowo ładowane po załadowaniu witryny, oraz liczbę sekcji, które będą ładowane za każdym razem, gdy zostanie wysłane żądanie ładowania.

Lazy loading wyświetla białe tło z preloaderem do momentu załadowania następnej sekcji. Czas ładowania kolejnej sekcji na moim serwerze testowym był niezwykle szybki.

Kompresja

Kompresja dodaje opcję kompresji GZip. Ta funkcja miała największy wpływ na moje prędkości testowe.

Specyfikacje systemu

Dane techniczne systemu zawierają te same informacje, które można znaleźć w menu Divi > Centrum pomocy, ale zawierają więcej informacji o ustawieniach i zawierają łącza do jeszcze większej liczby informacji. Opisy zawierają informacje o typach problemów, które zobaczysz, jeśli Twój serwer nie spełnia wymagań, co jest jeszcze bardziej pomocne w rozwiązywaniu problemów.

Różnorodny

Miscellaneous dodaje cztery nowe ustawienia do WordPressa:

Limit wersji postu – pozwala określić liczbę wersji, które WordPress zachowa dla każdego posta. Pomaga to zaoszczędzić miejsce na serwerze i zapobiega konieczności śledzenia przez witrynę zbyt wielu wersji, których nigdy nie użyjesz.

Zezwalaj na pingbacki i trackbacki – ustaw je na otwarte lub zamknięte. Kontroluje oba za pomocą jednego ustawienia.

Kredyt w stopce – dodaje Rocket Divi do kredytu w stopce z linkiem i ikoną Rocket Divi. Masz kilka opcji, aby go wyświetlić. Pokaż go na dolnym pasku pod stopką (wyświetla się tylko wtedy, gdy używasz domyślnej stopki), pokaż go wyśrodkowany na nowym pasku pod dolnym paskiem lub wyłącz go. Jest domyślnie włączony. Jeśli dodasz swój identyfikator partnerski, zostanie on dołączony do linku.

Identyfikator partnera Divi Space – jeśli masz konto partnerskie Divi Space, dodanie identyfikatora w tym miejscu spowoduje dodanie go do linku w stopce kredytów.

Przed i po

Oto spojrzenie na moje wyniki GTMetrix przed i po dla mojej niezoptymalizowanej strony testowej. To tylko testuje część funkcji Divi Rocket, więc nie jest to tak naprawdę kompletny test. Pokazuje, jak poprawiło moje prędkości ładowania.

Moja witryna testowa

Oto moje wyniki testów przed uruchomieniem jakichkolwiek ulepszeń lub kompresji. Mój wynik PageSpeed ​​to 45%, YSlow to 63%, czas pełnego załadowania to 3,5 sekundy, rozmiar strony to 2,12 MB i wysyła 39 żądań. Używam strony docelowej z pakietu układów Divi Magazine.

PageSpeed ​​pokazuje, że moje najważniejsze potrzeby to włączenie kompresji i wykorzystanie pamięci podręcznej przeglądarki.

YSlow pokazuje, że najbardziej krytyczne obszary obejmują dodawanie nagłówków wygasających, kompresowanie komponentów, używanie CDN i wykonywanie mniejszej liczby żądań HTTP.

Przy włączonej tylko pamięci podręcznej przeglądarki

Zarówno wyniki PageSpeed, jak i YSlow nieznacznie się poprawiły. Skrócony czas pełnego załadowania. Rozmiar strony i żądania pozostały takie same.

Wykorzystanie buforowania przeglądarki przeniesiono z 49 do 96.

Wynik YSlow dla nagłówków wygasających dodawanie wzrósł z 0 do 78.

Dodawanie pamięci podręcznej serwera

Dzięki buforowaniu po stronie serwera czas pełnego załadowania i liczba żądań nieznacznie się poprawiły. Oczywiście to tylko część historii. Więcej ulepszeń widać w zasobach serwera ze względu na sposób, w jaki działa buforowanie po stronie serwera, aby zaktualizować tylko te moduły, które uległy zmianie.

Wynik PageSpeed ​​obniżony z powodu odroczenia analizowania kodu JavaScript.

Wynik YSlow poprawił się nieznacznie w przypadku mniejszej liczby żądań HTML.

Dodawanie GZip

Włączenie kompresji GZip spowodowało największą poprawę. PageSpeed ​​osiągnął 92%, podczas gdy YSlow osiągnął 84%. Czas pełnego załadowania spadł do 1,7 sekundy, a całkowity rozmiar strony spadł do 862 KB. Prośby pozostały takie same.

W przypadku PageSpeed ​​włącz kompresję z 0 do 100.

W przypadku YSlow komponenty kompresji wzrosły z 0 do 100.

Wyniki

Oto jak Divi Rocket był w stanie poprawić moje wyniki GTMetrix:

• PageSpeed ​​od 45 do 92
• YSlow od 63 do 84
• Czas pełnego obciążenia od 3,5 s do 1,7 s
• Całkowity rozmiar strony od 2,12 MB do 862 KB
• Żądania od 39 do 38

Te wyniki są bez innych zmian na stronie.

Cena i dokumentacja

Możesz kupić Divi Rocket ze strony dewelopera. Istnieje kilka opcji zakupu Divi Rocket:

• Jedna witryna – 49 USD rocznie
• 3 strony – 89 USD rocznie
• Nieograniczone witryny – 179 USD rocznie

Jest to również zawarte w ich rocznym i dożywotnim członkostwie.

Dokumentacja jest dostępna na stronie dewelopera. Przechodzi przez funkcje wtyczki i pokazuje, jak z niej korzystać. Nie potrzebowałem go do tego artykułu, ale cieszę się, że jest dostępny.

Końcowe myśli

Divi Rocket to ciekawa wtyczka. Jest łatwy w użyciu i podoba mi się przejrzysty wygląd menu. Wygląda jak produkt Divi, a nie ogólny produkt WordPress. Podoba mi się, że jest zaprojektowany specjalnie dla Divi i wykorzystuje sekcje i moduły w sposób, w jaki inne wtyczki pamięci podręcznej nie mogą. Nie ma wielu ustawień, z którymi trzeba sobie poradzić, ale nadal zapewnia ustawienia, których będzie potrzebować większość stron internetowych. Wyjaśnia, co robi każda funkcja, dzięki czemu jest idealna zarówno dla doświadczonych programistów, jak i początkujących.

Moje testy opowiadają tylko część historii. Na przykład oszczędność obciążenia serwera w celu optymalizacji bazy danych oraz sposób sprawdzania poszczególnych modułów pod kątem aktualizacji pozwoli zaoszczędzić zasoby serwera. Nie pojawia się to w wynikach szybkości ładowania.

Chciałbym zobaczyć, jak działa z Extra. Strona programisty pokazuje, że w drodze jest więcej funkcji. Wkrótce zminimalizuje i połączy CSS i JavaScript. Będzie również zawierał CDN, który będzie buforował podstawowe pliki Divi, aby poprawić wydajność jeszcze bardziej niż standardowe CDN.

Divi Rocket już poprawił szybkość mojej całkowicie niezoptymalizowanej strony testowej do tego samego poziomu, co inne wtyczki pamięci podręcznej. Po dodaniu minifikacji i CDN powinno to być znacznie lepszą opcją dla każdej witryny Divi.

Chcemy usłyszeć od Ciebie. Czy próbowałeś Divi Rocket? Daj nam znać, co o tym myślisz w komentarzach.

Polecane zdjęcie za pośrednictwem Victoruler / shutterstock.com