Smukłe i lekkie wtyczki do WordPress

W Isotropic uwielbiamy równoważyć szybkość i funkcjonalność, jeśli chodzi o tworzenie witryn WordPress. W tym artykule chcieliśmy szczegółowo opisać wtyczki, których używaliśmy w przeszłości, o których wiadomo, że są szczupłe i lekkie.

Dodając najmniejszą ilość kodu do frontonu witryny, możesz zapewnić jej szybkie ładowanie dla odwiedzających (lepsze wrażenia i coś, co Google ceni podczas rankingu). Ta lista została wyselekcjonowana przez naszych programistów i agencję przez lata tworzenia witryn WordPress.

Metodą prób i błędów znaleźliśmy kilka niesamowicie dobrze zaprojektowanych wtyczek, które dodają funkcjonalność, ale mają minimalny wpływ na szybkość witryny ze względu na ich szczupłą konstrukcję.

Postaramy się trafić w każdy aspekt witryny WordPress, ale jeśli masz lekką wtyczkę, którą chciałbyś dodać do tej listy, daj nam znać w sekcji komentarzy.

Każda wtyczka na tej liście zawiera krótki opis, dlaczego używaliśmy jej w przeszłości, jeśli obecnie jej używamy, oraz kilka zalet i wad. Powiedziawszy to, przejdźmy od razu. Do poruszania się między kategoriami możesz swobodnie korzystać ze spisu treści po lewej stronie.

Kreatory stron

Oxygen to kreator stron internetowych dla WordPressa. W porównaniu z głównymi kreatorami stron, to narzędzie jest najlżejsze pod względem załadowanych zasobów frontendowych. Jest to również jeden z najlepszych dla agencji, niezwykle elastyczny i stworzony dla agencji i programistów. Obecnie używamy go w większości naszych witryn WordPress i absolutnie go uwielbiamy. Mniej doświadczonych użytkowników zdecydowanie musi się nauczyć, ale profesjonaliści z tym narzędziem są więcej niż tego warci.

Głównym punktem sprzedaży jest czysty kod, który generuje. W porównaniu z innymi programami do tworzenia stron, w szczególności Elementorem, wielu użytkowników przełącza się z tego powodu.

Powiązane: https://isotropic.co/elementor-vs-oxygen/

CSSHero nie jest typowym kreatorem stron. Zamiast tego pozwala modyfikować istniejące motywy i współpracuje z kreatorem, takim jak Oxygen. Jest to w zasadzie graficzny interfejs użytkownika lub wszystko, co ma do zaoferowania CSS. Możesz wskazywać i klikać różne elementy składające się na stronę internetową, takie jak DIV, tekst i sekcje, a następnie łatwo stosować do nich CSS.

Narzędzie w żaden sposób nie zmienia plików motywów. Zamiast tego tworzy własny arkusz stylów, który znajduje się na wierzchu wcześniej istniejących plików. Możesz również wyeksportować swoją pracę jako dane CSS, LESS, JSON.

Jeśli chodzi o szybkość, twórcy tego CSSHero mówią to najlepiej: „Z technicznego punktu widzenia CSS Hero generuje i włącza tylko jeden statyczny dodatkowy arkusz stylów CSS, który wyraźnie zastępuje oryginalny arkusz stylów motywu”.

Powiązane: https://isotropic.co/csshero-and-elementor-powerful-custom-css/

Zastrzeżenie: używaliśmy Beaver w przeszłości, ale teraz mamy tendencję do kołysania się w kierunku tlenu, ponieważ mamy z nim świetny przepływ pracy. Powodem, dla którego pojawia się na tej liście, jest prosty fakt, że generuje niesamowicie czysty kod, podobnie jak Oxygen.

Według testów SupaMike, Oxygen ładuje 33 KB, podczas gdy Beaver Builder ładuje 38 KB zasobów frontendowych.

Jest to bardzo dobrze zaprojektowany program do tworzenia stron na zapleczu i znamy wielu profesjonalnych twórców stron internetowych, którzy go uwielbiają.

Wyskakujące okienka

Boxzilla to wtyczka umożliwiająca dodawanie wyskakujących okienek lub okienek wsuwanych do witryny WordPress. Jest to jedna z najczystszych i najprostszych wtyczek do wyskakujących okienek, zwłaszcza gdy porównasz ją do czegoś takiego jak Green Popups, które ładuje mnóstwo kodu front-endu (super przesada, jeśli chcesz tylko podstawowego wyskakującego okienka).

Tylko 6 kB JavaScript zostało dodane do Twojej strony.

Jest również bardzo elastyczny i rozszerzalny. Możesz dodać dowolną zawartość, która ma się pojawiać, na przykład krótkie kody, ramki iFrames i inne. Pudełka mogą być wyświetlane podczas niektórych wydarzeń, w tym zamiaru wyjścia (choć jest to dodatek premium.

Formularze

Formularze Piotnet są bardzo dobrze zrobione i są stosunkowo nowicjuszami w sektorze wtyczek formularzy. Bardzo potężna alternatywa dla starszych rozwiązań formularzy (masz dostęp do pól repeatera, przetwarzania płatności i nie tylko) i włącza się do kreatora podobnego do Elementora. Co zaskakujące, ładują one tylko 11,8 KB na interfejsie Twojej witryny.

Przeczytaj naszą recenzję: https://isotropic.co/piotnet-forms-review-better-than-legacy-competitors/

Czuję się zobowiązany do umieszczenia na tej liście Formularza Kontaktowego 7. Jest to nie tylko jedna z najpopularniejszych wtyczek, ale także bardzo prosta, ale z możliwością rozbudowy. Ma 15,65 KB zasobów frontendowych (według tego arkusza Google).

Coś jeszcze mniej nadętego niż Contact Form 7, Lightweight Contact Form nie ma arkusza stylów CSS, żadnych dodatkowych plików i żadnych kosztów ogólnych. To tylko jeden plik, ale integruje się z recaptcha w wersji 3 Google, a także walidacją po stronie klienta JavaScript i po stronie serwera PHP.

optymalizacja wyszukiwarki

Slim SEO jest właśnie tym -- Slim. Oto propozycja sprzedaży* (cóż, są bezpłatne):

„Obecnie na rynku dostępnych jest wiele wtyczek SEO do WordPressa. Ale te wtyczki często mają zbyt wiele opcji i są bardzo skomplikowane dla zwykłych użytkowników. Dostęp do ich sekcji konfiguracji, łatwo zgubisz się w gąszczu wyjaśnień i opcji, które czasami nie rozumiem. Poza tym są reklamy!"

Cała wtyczka ma tylko 40 KB i obejmuje metatagi, przekierowania, OG, obrazy, schemat, mapy witryn, kod nagłówka stopki, kanały RSS i inne.

Udostępnianie społecznościowe

Nowicjusz w zatłoczonym pakiecie wtyczek do udostępniania społecznościowego, Novashare jest sprzedawany jako lekka alternatywa. Mieliśmy okazję używać go w kilku witrynach z treścią i zdecydowanie możemy potwierdzić, że jest to najprostsze, a jednocześnie najbardziej funkcjonalne rozwiązanie. Pochodzi z licznikami udziałów, ponad 10 sieciami… ale być może najbardziej imponującą funkcją jest fakt, że ładuje poniżej 5 KB zasobów frontonu.

To jest. Dziki.

Udostępnianie społecznościowe bez skryptów

Potrzebujesz darmowej i prostej wtyczki do udostępniania społecznościowego? Scriptless to najlepszy wybór (lub fragment kodu) — nie ma JavaScript, tylko proste przyciski udostępniania społecznościowego SVG. Wybierz, gdzie są wstawiane, jak się wyświetlają i jakie sieci mają być wyświetlane — i to wszystko!

RODO / Prywatność

Suwaki

Praktycznie każda wtyczka suwaka jest niesamowicie nadęta (kaszel Rev Slider). Zamiast tego zalecamy korzystanie z prostej biblioteki o nazwie Slick (istnieje wiele innych rozwiązań, takich jak Flickity).

Kopie zapasowe

Ponieważ uwzględniamy każdą kategorię wtyczek, które byłyby potrzebne na stronie produkcyjnej, Updraft znalazł się w tym artykule. Jednak wtyczki do tworzenia kopii zapasowych tak naprawdę nie wpływają na szybkość ładowania strony internetowej, a updraft Pro to najlepsze rozwiązanie, jakie znaleźliśmy.

Jeśli naprawdę szukasz lekkiego rozwiązania, jeśli chodzi o tworzenie kopii zapasowych, skorzystaj z hostingu Cloudways, który zawiera automatyczne kopie zapasowe?.

Możesz także łatwo zrzucić bazę danych za pomocą WPCLI [wp db export], a następnie zarchiwizować pliki takie jak [tar -vczf nazwapliku kopii zapasowej.gz .].

Bezpieczeństwo

Wtyczki zabezpieczające, takie jak WordFence, spowalniają fontend Twojej witryny, ale zdecydowanie są złem koniecznym (chyba że płacisz za biznesplan Cloudflare i masz super bezpieczny hosting).

Zamiast wymieniać te narzędzia, chcieliśmy wyróżnić Prostą historię, która pokazuje ostatnie zmiany wprowadzone w WordPressie, bezpośrednio na pulpicie nawigacyjnym lub na osobnej stronie.

Jest to proste, ale bardzo pomocne podczas audytu zmian w witrynie. W przypadku włamania lub celowego ataku możesz łatwo zobaczyć, co poszło nie tak, a co zostało zmienione. Śledzi również nieudane logowania użytkowników i żądania usunięcia danych użytkownika. Istnieje również mnóstwo wsparcia dla innych popularnych wtyczek.

Optymalizacja wydajności

(Nasza ulubiona sekcja, nie możesz powiedzieć?)

Darmowe, proste i szybkie rozwiązanie do wydajności. Wtyczka obejmuje CSS/JS, bazę danych i optymalizację obrazu, a także buforowanie. Wersja pro ma jeszcze więcej, jak organizer wtyczek (pomyśl o głównej funkcji Asset Cleanup).

Swift to idealna równowaga rezultatów i łatwości użytkowania. Jest to instalacja za jednym kliknięciem, która automatycznie optymalizuje Twoją witrynę WordPress pod kątem szybkości.

Oczywiście, jeśli szukasz czegoś bardziej nieporęcznego (większej kontroli), możesz rzucić okiem na pamięć podręczną W3 lub WPRocket. Ale dla prostego rozwiązania, Swift jest naszym wyborem.

Pakiet wtyczek Flying firmy WP Speed ​​Matters to zbiór niezwykle przydatnych narzędzi, które praktycznie nie zajmują prędkości dysku (i zdecydowanie przyspieszają czas ładowania frontendu – do tego zostały zaprojektowane!).

Latające skrypty ładują skrypty (identyfikowane przez słowa kluczowe) tylko podczas interakcji użytkownika. Flying Images zapewnia nieograniczony dostęp do CDN, lazy loading, WebP i nie tylko. Flying Pages wstępnie ładuje strony, gdy użytkownik najedzie na link, zwiększając postrzeganą prędkość. Moim zdaniem te wtyczki są najbardziej niedoceniane w repozytorium.

Zwiększa szybkość Twojej witryny, zmniejszając liczbę żądań HTTP , wyłączając wtyczki, usuwając kod i optymalizując bazę danych. Cała wtyczka ma 50 KB i nie ładuje JavaScriptu na interfejsie Twojej witryny. Świetnie nadaje się do ostatniego uderzenia, jeśli chodzi o szybkość.

Czyści bazę danych, co zwykle skutkuje szybszym działaniem zaplecza .

Zarządzanie skryptami

Co jest lepszego niż szczupła i lekka wtyczka? Super prosty fragment kodu, który może go zastąpić. Te dwa narzędzia są wiodącymi w branży wtyczkami do zarządzania skryptami (za ich pomocą możesz potencjalnie zastąpić dziesiątki wtyczek, przyspieszając swoją witrynę).

Fragmenty kodu to łatwy, czysty i prosty sposób na uruchamianie fragmentów kodu PHP w Twojej witrynie. Eliminuje to potrzebę dodawania niestandardowych fragmentów do pliku functions.php motywu. Usuń wtyczkę, wszystkie fragmenty też zostaną usunięte (co naprawdę nam się podoba). Doskonale współpracuje z Oxygen Builder.

Uruchomiony we wrześniu Advanced Scripts to Code Snippets na sterydach (pomyśl, że wtyczka połączyła się z VS Code).

Ułatwia pisanie i włączanie PHP, CSS i JavaScript. Możesz także pisać kod SCSS i LESS, używać niestandardowych hooków i szybko dodawać zasoby obsługiwane przez CDN.

Niedawno zaczęliśmy dodawać zaawansowane skrypty do większości naszych witryn WordPress — korzystanie z nich to czysta przyjemność.

Inne narzędzia

Super prosta, ale niezwykle przydatna wtyczka, która robi to, co sugeruje jej nazwa: wyszukuje i zamienia ciągi w czasie rzeczywistym (po wygenerowaniu strony, ale przed wysłaniem jej do przeglądarki odwiedzających). Zwykle używamy tego w celu zastąpienia błędnie pisanych słów: Np. WordPress do WordPressa.

Prosty, lekki sposób na tworzenie stref reklam i wstawianie ich do witryny WordPress.

Jeśli szukasz szybkiego i łatwego sposobu na migrację postów, ta bardzo mała wtyczka pozwala wyeksportować je w formacie zip, a następnie ponownie zaimportować do nowej instalacji.

Jeśli prowadzisz sklep WooCommerce, Booster znacznie ułatwi Ci życie i ma minimalny wpływ na frontend, ponieważ jest to zasadniczo zbiór fragmentów kodu z włączanym/wyłączanym graficznym interfejsem użytkownika. Istnieje ponad 100 modułów, które mają zastosowanie (minimalny kod) tylko do interfejsu użytkownika po przełączeniu.