WordPress

Optymalizacja motywu Impreza WPBakery za pomocą Smush i Hummingbird

oen.pl

20 maja, 2021
10 min read

Optymalizacja motywu Impreza WPBakery za pomocą Smush i Hummingbird

Impreza to popularny motyw oparty na WPBakery, mający swój własny smak. W tym poście członek WPMU DEV dzieli się informacjami, jak zoptymalizować ten uniwersalny motyw WordPress, aby uzyskać najwyższą prędkość i najlepszą wydajność.

Jak niedawno podzielił się z nami Phil, członek WPMU DEV, programista stron internetowych i właściciel kanadyjskiej firmy zajmującej się projektowaniem stron internetowych CapitalWebDesign.ca: „obecnie istnieje duże zainteresowanie optymalizacją motywów opartych na WPBakery, więc pomyślałem, że zapewnię moje 2 centy na motyw oparty na WPBakery, którego ostatnio używam, Impreza.

Motyw WordPress Impreza — Impreza to wielofunkcyjny motyw WordPress korzystający z WPBakery.

W tym poście omówimy następujące kwestie:

Przegląd motywu Impreza dla WordPress

Impreza to premium motyw WordPress, który korzysta z WPBakery. Został opracowany i utrzymywany przez UpSolution i jest obecnie dostępny w ThemeForest, gdzie jest jednym z najlepiej sprzedających się motywów z ich dotychczasową sprzedażą wynoszącą ponad 88 tys. i oceną 4,89/5 gwiazdek na podstawie ponad 2,4 tys. recenzji użytkowników.

Najlepiej sprzedające się motywy WordPress w ThemeForest — Impreza to jeden z najlepiej sprzedających się motywów WordPress w ThemeForest.

Licencja na motyw kosztuje zwykle 59 USD (ale czasami jest dostępna w sprzedaży za 39 USD) i obejmuje 6-miesięczne wsparcie.

Jak stwierdza Phil: „Średnio co miesiąc wypuszczają duże aktualizacje. Poważnie, sprawdź ten dziennik zmian i spróbuj mnie przekonać, że nie jest to najlepszy układ/styl dziennika zmian, jaki widziałeś od dłuższego czasu.

Motyw Impreza wykorzystuje WPBakery, ale z dodanym własnym akcentem. Jest to niezwykle modułowy motyw, który oddziela wiele elementów konstrukcyjnych, w tym:

Układy siatki: Impreza pozwala dostosować sposób wyświetlania grup danych, takich jak posty, niestandardowe typy postów, takie jak referencje lub produkty, galerie zdjęć itp. Możesz skutecznie dostosować dowolny element siatki. Sprawdź ich stronę z dokumentacją dotyczącą układu siatki, aby uzyskać wgląd.
Bloki strony: Motyw zapewnia bloki wielokrotnego użytku. Dzięki temu możesz edytować wszystko w jednym miejscu, a zmiany zostaną odzwierciedlone wszędzie tam, gdzie dodano blok. Używaj ich do stopek, wezwań do akcji itp.
Szablony stron: Możesz zbudować szablon za pomocą WPBakery, który można zastosować do dowolnego typu postu lub strony. Użyj ich, aby mieć różne stopki dla postów i stron lub aby obsługiwać inny szablon w zależności od typu posta (np. przepis kulinarny a recenzja produktu na blogu).
Kreator nagłówków: Impreza zapewnia unikalny, potężny i bardzo intuicyjny narzędzie do tworzenia nagłówków. Sprawdź stronę z dokumentacją narzędzia do tworzenia nagłówków.

Układ siatki Impreza — Impreza pozwala skutecznie dostosować dowolny element siatki.

Kilka dodatkowych uwag na temat Imprezy:

Natywnie obsługuje większość niestandardowych pól ACF (podwójnie świetnie, jeśli używasz naszej wtyczki SmartCrawl do SEO, która obsługuje również ACF).
W 100% kompatybilny z wtyczką do tłumaczenia języka WPML.
Wbudowane opcje optymalizacji wydajności (w tym optymalizacja zasobów jednym kliknięciem dla elementów WPBakery: uwzględniaj tylko CSS + JS dla elementów, które istnieją na Twoich stronach)
Wbudowany tryb konserwacji, narzędzie do tworzenia przycisków, niestandardowe rozmiary obrazów i inne
Możliwość importowania poszczególnych wersji demonstracyjnych strony lub skopiuj w konkretnym wiersze z określonych stron demonstracyjnych. Jest to świetna opcja poprawiająca jakość życia: gdy zobaczysz konkretny wiersz w wersji demonstracyjnej, który chcesz odtworzyć, po prostu skopiuj i wklej.
Każda licencja jest ważna dla 1 ośrodka produkcyjnego i 1 ośrodka rozwojowego (wymusza tryb konserwacji). Licencjonowana witryna zapewnia białą etykietę motywu, import wersji demonstracyjnych, aktualizacje motywu jednym kliknięciem (bez wtyczki Envato), dodatki/zalecane wtyczki (np. Smush)
Notatka: Uruchamianie licencji na witrynę nie jest konieczne i możesz zmienić licencję, jeśli chcesz zainstalować dodatki lub zaimportować wersje demonstracyjne. Aktualizacje motywów są nadal dostępne za pośrednictwem wtyczki Envato także dla witryn nielicencjonowanych. Ponadto, gdy Twoje wsparcie jest aktywne, twórcy motywów pomogą Ci w prawie każdym dostosowaniu motywu, a według Phila, który intensywnie korzysta z tego motywu, ich personel pomocniczy ma niesamowitą wiedzę.

Warto przeczytać! shortcode - wtyczka wstawia treść przed treścią strony

Tak więc Impreza to świetny motyw WordPress do użycia, szczególnie jeśli lubisz korzystać z WPBakery.

Jednak to, co naprawdę chcemy wiedzieć, to to, że:

Czy strony utworzone za pomocą Imprezy ładują się szybko i dobrze działają?
Czy możemy sprawić, że strony utworzone za pomocą Imprezy będą ładować się jeszcze szybciej i działać jeszcze lepiej, korzystając z naszych wtyczek optymalizacyjnych Smush i Hummingbird oraz zarządzanego hostingu WordPress?

Aby uzyskać te odpowiedzi, przejdźmy do Phila…

Metodologia testowania optymalizacji motywu WordPress Impreza

Impreza jest bardzo zorientowana na wydajność, o czym świadczą niektóre zaawansowane opcje motywów, które udostępnia.

Impreza – zaawansowane opcje motywu. — Impreza oferuje zaawansowane opcje motywów, które pomagają poprawić wydajność.

Aby zobaczyć, jak dobrze Impreza może zająć pozycję w Google PageSpeed Insights i GTmetrix, oto metodologia testowania według jego własnych słów:

(Nota redaktora: Członkowie WPMU DEV, tacy jak Phil, automatycznie uzyskują dostęp do wersji Pro naszych wtyczek w ramach członkostwa w WPMU DEV, ale możesz zastosować tę samą metodologię pokazaną poniżej, korzystając z bezpłatnych wersji Smush i Hummingbird.)

Skorzystaj z prawdziwej strony internetowej: Strona internetowa, której użyłem w tym teście porównawczym, jest prawdziwą, w pełni zbudowaną witryną internetową. Chociaż nie jest jeszcze dostępny dla ruchu publicznego, działa w języku WPML i jest pełen prawdziwej zawartości, w tym obrazów.
Hostowane na WPMU DEV: Prosty serwer poziomu brązowego zlokalizowany w Toronto w Kanadzie. Będziemy testować buforowanie po stronie serwera FastCGI
Smush Pro: Optymalizacja obrazu jest ważna dla tej witryny, ponieważ każdy post na blogu zawiera wyróżniony obraz. W ciągu najbliższych 5 lat ta witryna prawdopodobnie rozrośnie się do ponad 10 000 postów na blogu, dlatego musimy zadbać o optymalizację od samego początku.
Koliber Pro: Przetestuj, aby sprawdzić, czy optymalizacja zasobów działa w przypadku Imprezy.
Buforowanie: Nie potrzebujemy redundancji w rozwiązaniach buforujących, więc albo buforowanie Hummingbird Pro Lub Zastosowano buforowanie FastCGI po stronie serwera.
Ustawienia wydajności Imprezy: zachowaj „http/https” w ścieżkach do plików, wyłącz skrypt migracji jQuery, przenieś skrypty jQuery do stopki, dynamicznie ładuj komponenty JS motywu, wyłącz dodatkowe funkcje WPBakery Page Builder, wyłącz pliki CSS Gutenberga (edytor bloków), optymalizuj JS i Rozmiar CSS i scal style czcionek Google w jeden plik CSS.