OceanWP 3.0 – tego lata chodzi tylko o wanilię

OceanWP jest teraz szybszy, sprawniejszy i bardziej stabilny! Dzięki zmodernizowanym i zorientowanym obiektowo kodom wykonuje funkcje szybko, zużywając znacznie mniej zasobów i znacznie mniej zależności.

Wszystkim, którzy mieli duże nadzieje, rozdajemy pyszne lody waniliowe – przepraszamy! Chociaż to wciąż odświeżenie Mówimy o Vanilla JavaScript i nowej wersji OceanWP 3.0 .

Zanim wyjaśnimy nadchodzące zmiany i ulepszenia, chcielibyśmy omówić z wami podstawowe informacje . Pomoże to użytkownikom – przede wszystkim tym, którzy nie znają się na kodowaniu – zrozumieć korzyści płynące z nadchodzących zmian .

Co to jest JavaScript?

JavaScript to język front-endowy (kodowania/programowania). Jego podstawowym celem było tworzenie efektów animowanych , zwłaszcza dla tzw. części ruchomych, takich jak slidery czy responsywne menu nawigacyjne.

Jesteśmy przekonani, że każdy z was doświadczył sytuacji, w której przeglądarka zapytała, czy włączyć funkcję JavaScript. JavaScript zawsze był częścią wszystkich przeglądarek internetowych , dlatego nie musisz umieszczać go osobno na swojej stronie za pomocą wtyczek lub skryptów.

WordPress i JavaScript

JavaScript jest częścią systemu CMS WordPress .

JavaScript istnieje w wielu formach , więc nie jest niespodzianką, że WordPress jest dostarczany z wieloma bibliotekami JavaScript. Można jednak śmiało powiedzieć, że główne używane są:

• jQuery,
• JSON,
• Podkreśl i
• Kręgosłup.

Dlaczego nudzimy Cię tymi szczegółami?

Niezliczoną ilość razy otrzymywaliśmy prośby o pomoc, w których użytkownik prosił nas o pomoc w usunięciu jQuery ze swojej witryny , ponieważ „niektóre narzędzie do szybkości/optymalizacji sugerowało, że spowalnia działanie witryny”.

Te sytuacje uświadomiły nam, że zajmie trochę czasu, zanim użytkownicy zrozumieją, że takie narzędzia oceny nie są dokładne i doskonałe . Dało nam to również wgląd, że jest wielu użytkowników WordPressa, którzy nie są zaznajomieni z funkcjonalnością WordPressa „pod maską”, dlatego też motywy i wtyczki WP.

Aby lepiej zrozumieć narzędzia oceny (online), niezbędna jest niezbędna wiedza na temat ogólnej funkcjonalności WordPressa . Nawet jeśli nie planujesz uczyć się żadnych języków programowania ani zostać programistą WordPress, informacje te pomogą Ci określić, czy „raport” z określonego narzędzia jest dokładny czy fałszywy. W końcu od razu dowiesz się, czy możesz coś zrobić z raportem, czy nie.

W prostym języku angielskim ze wszystkich bibliotek JavaScript najczęściej używa się jQuery . Nie tylko sam WordPress, ale także motywy i wtyczki.

Podsumowując, nie można usunąć jQuery z witryn WordPress .

Co to jest jQuery?

Czy zaskoczy Cię informacja, że ​​spośród 1 miliona najlepszych stron w Internecie (nie tylko WordPress), 80% z nich korzysta z jQuery?

jQuery to bardzo lekka, elastyczna, wysoce rozszerzalna i (z punktu widzenia programistów) bardzo łatwa w użyciu biblioteka JavaScript .

jQuery pomaga w tworzeniu i obsłudze złożonych zadań , takich jak żądania AJAX, zdarzenia, animacje, manipulacje CSS i ogólna funkcjonalność front-endu witryny. W porównaniu z innymi bibliotekami JS skomplikowane zadanie jest łatwiejsze do wykonania za pomocą jQuery, ponieważ wymaga minimalnego kodowania.

W końcu motto jQuery brzmi „pisz mniej, rób więcej” .

OceanWP i jQuery

Oczywiście do tej pory prawdopodobnie zgadłeś.

OceanWP używa jQuery . Nawet niektóre z twoich ulubionych wtyczek, takie jak Elementor i WooCommerce, uruchamiają jQuery.

Dla tych z was, którzy dopiero zaczynają korzystać z OceanWP lub przynajmniej rozważają to – OceanWP to jeden z najlepszych motywów do wykorzystania w WooCommerce i/lub Elementorze. Sprawdź wszystkie funkcje OceanWP lub zapoznaj się z naszymi pełnymi szablonami demonstracyjnymi witryn internetowych.

Od 2016 roku z pomocą jQuery byliśmy w stanie pomóc naszym użytkownikom zrobić i osiągnąć więcej z jednym motywem WordPress i bez dodatkowych zbędnych wtyczek. Nie trzeba dodawać, że mówimy o OceanWP

W porównaniu z mottem jQuery, nasze własne wcale nie różni się zbytnio. Celem OceanWP jest umożliwienie każdemu – od początkujących do profesjonalistów – szybkiego i płynnego oraz przyjaznego dla użytkownika budowania niesamowitych stron internetowych wszystkich typów (eCommerce, blog, portfolio). Sądząc po opiniach i opiniach, które otrzymujemy od naszych użytkowników, odnieśliśmy sukces.

Co najważniejsze, planujemy kontynuować tę tradycję, ale w ulepszony sposób .

To jest powód, dla którego przechodzimy z jQuery na Vanilla JavaScript .

Co to jest waniliowy JavaScript?

Vanilla JavaScript lub Vanilla JS to spopularyzowany termin używany dla zwykłego JavaScript .

W przeciwieństwie do jQuery czy Underscore JS, Vanilla JS oznacza kodowanie od podstaw, bez użycia frameworków lub bibliotek jako zależności.

Mówiąc prostym językiem, Vanilla JS NIE jest specjalnym typem JavaScript – to JEST JavaScript w jego najczystszej postaci . W związku z tym, jak już wspomnieliśmy na początku, jest już używany i obsługiwany przez wszystkie przeglądarki.

Skąd wtedy wzięło się określenie Vanilla JS?

To właściwie zabawny fakt i, wierzcie lub nie, jest to związane z prawdziwymi lodami waniliowymi. Lody waniliowe reprezentują pierwszą formę lub smak lodów. Tak więc, jeśli jesteś w cukierni i zamawiasz lody bez określania smaku, dostaniesz wanilię.

OceanWP i wanilia

Dlaczego OceanWP nie używał Vanilla JavaScript od samego początku?

Niestety, nie ma czegoś takiego jak instrukcja lub przewodnik, w którym można by określić, kiedy najlepiej użyć jednego, a kiedy drugiego.

Języki programowania , zwłaszcza PHP i JavaScript (wśród CSS najczęściej używanych w WordPressie) nieustannie ewoluują. Zadaniem programistów jest określenie, który język najlepiej wykona swoją pracę, bez niepotrzebnego rozrostu kodu .

Jeśli chodzi o JavaScript lub jego „dzieci”, dla nas w OceanWP idealnym wyborem od wielu lat jest jQuery.

Ostatecznie JavaScript dojrzał na tyle, że może być używany do wykonywania tych samych zadań co jQuery i jednocześnie szybciej je wykonywać . I to jest dokładnie ten moment, na który czekaliśmy.

Czy używanie jQuery spowalnia moją stronę?

Jak wspomniano wcześniej, jQuery jest jednym z najszybszych i najczęściej używanych skryptów JS.

Same skrypty nie spowalniają żadnej witryny – to jakość kodów wpływa na wydajność witryny (między innymi czynnikami wewnętrznymi i zewnętrznymi).

I to jest dokładnie taka sama jakość kodu, która sprawiła, że ​​bogate w funkcje witryny OceanWP działają równie szybko lub nawet lepiej w porównaniu z innymi motywami z najmniejszą liczbą funkcji.

Czy OceanWP całkowicie usunie jQuery?

Krótka odpowiedź na to pytanie brzmi – nie.

Długa odpowiedź i bez skomplikowanej terminologii programistycznej, wciąż istnieją zadania, które może wykonać tylko jQuery . Lub jeszcze lepiej, nie ma zamienników kodu Vanilla JS dla tych kodów jQuery.

To powiedziawszy, OceanWP nadal będzie używać jQuery w swoim kodzie w motywie i wszystkich naszych wtyczkach, ale na minimalnym poziomie .

Czy Vanilla JS w OceanWP będzie miał wpływ na wtyczki uruchamiające jQuery?

Przełączanie OceanWP na Vanilla JS nie będzie miało żadnych negatywnych skutków i nie spowoduje konfliktów z wtyczkami korzystającymi z jQuery .

W rzeczywistości ogólne wrażenia z korzystania z witryny, a zwłaszcza wrażenia odwiedzających ją osób, ulegną znacznej poprawie . Dzięki ulepszonemu kodowaniu OceanWP opiera się teraz na znacznie mniejszej liczbie zależności, co zapewnia stabilność i minimalizuje szanse na ewentualny konflikt JS. Co najważniejsze, wykonuje funkcje szybciej, zużywając znacznie mniej zasobów.

Kiedy ukaże się OceanWP 3.0?

Era korzystania z Vanilla JS w OceanWP zaczyna się od wersji 3.0.

Oficjalnej premiery można spodziewać się 20 lipca – dokładnie w dniu, w którym spodziewana jest nowa wersja WordPressa 5.8.

I to prowadzi nas do najważniejszej części – przygotowań do aktualizacji .

Oprócz motywu OceanWP, następujące rozszerzenia Ocean zostały również uaktualnione do Vanilla:

• Suwak słupków oceanicznych,
• Ocean Stick Cokolwiek,
• Okno modalne oceanu,
• Udostępnianie społecznościowe w oceanie,
• Udostępnianie produktów oceanicznych,
• Ocean lepki nagłówek,
• Samoprzylepna stopka oceanu,
• Logowanie w okienku Ocean,
• Wyskakujące okienko Ocean Woo,
• Pełny ekran oceanu,
• Widżety Ocean Elementor,
• Panel boczny oceanu,
• Powiadomienie o plikach cookie dotyczących oceanu i
• Portfel oceaniczny.

Wydano również aktualizację Ocean Extra 1.7.8, jednak ta wtyczka nie zawiera żadnych zmian waniliowych.

Jak przygotować się do aktualizacji OceanWP Vanilla JS

Wraz z OceanWP wszystkie wtyczki z wersją Vanilla JS zostaną wydane tego samego dnia.

Prawidłowa kolejność aktualizacji to:

1. Zaktualizuj OceanWP przez Wygląd> Motywy, a następnie
2. Zaktualizuj wszystkie wtyczki Ocean za pomocą Wtyczki > Zainstalowane wtyczki.

Przed aktualizacją upewnij się, że podjęto niezbędne środki ostrożności.

Najpierw przetestuj nową wersję na lokalnym hoście lub stronie testowej

Pamiętaj, to ważna aktualizacja.

Najlepszą praktyką jest testowanie nowych zmian na lokalnym hoście, w środowiskach testowych lub pomostowych.

Jeśli nie masz możliwości przetestowania aktualizacji w dowolnym miejscu, nie aktualizuj natychmiast . Poczekaj kilka dni lub nawet tydzień, aż zbierzemy opinie i upewnimy się, że aktualizacja jest bezpieczna.

Pamiętaj, nawet jeśli wszystko jest w porządku, podczas aktualizacji zawsze może się nie udać. W końcu złą rzeczą w oprogramowaniu jest to, że to oprogramowanie.

Upewnij się, że prawidłowo tworzysz kopie zapasowe swoich witryn . Nie polegaj tylko na hostingu kopii zapasowych, rób także ręczne kopie zapasowe i przechowuj dane w bezpiecznym miejscu. Jeśli używasz wtyczki WordPress Reset (nie mylić z WordPress Database Reset), możesz również tworzyć migawki witryny.

Ważne: pamiętaj, aby dokładnie wyczyścić pamięć podręczną po aktualizacji, w razie potrzeby wielokrotnie. To samo dotyczy pamięci podręcznej CDN (chmury).

Jak korzystać z Vanilla JS z OceanWP

Aby w pełni wykorzystać Vanilla JS, wszystkie skrypty w Panelu motywów > Skrypty i style muszą być przez cały czas WŁĄCZONE .

Krótkie wyjaśnienie: wyłączenie dowolnego skryptu tworzy zupełnie nowy plik, który jest następnie umieszczany w folderze instalacyjnym Twojej witryny, a następnie stosowany w interfejsie witryny, zamiast używać domyślnych skryptów motywu OceanWP.

Długie wyjaśnienie: w czasie, gdy wprowadzono opcję Scripts & Styles (część wtyczki Ocean Extra), dobre (i darmowe) wtyczki do buforowania nie były dostępne dla wszystkich. Z biegiem czasu sytuacja się zmieniła. Jeśli korzystasz z dobrych wtyczek optymalizujących i buforujących, wyłączanie dowolnego skryptu jest całkowicie niepotrzebne.

Ważne: pamiętaj, aby dokładnie wyczyścić pamięć podręczną , w razie potrzeby wielokrotnie. To samo dotyczy pamięci podręcznej CDN (chmury).

Czy włączenie wszystkich skryptów będzie miało negatywny wpływ na moją witrynę?

Nie, nie będzie.

Jest to również jeden z głównych powodów, dla których wprowadziliśmy Vanilla JS. Jednak nie planujemy na tym poprzestać.

Chociaż używamy warunkowego ładowania skryptów w naszych kodach (ładuje skrypty na interfejsie tylko wtedy, gdy jest to konieczne), po wydaniu Vanilla planujemy jeszcze bardziej ulepszyć tę funkcjonalność. Zasadniczo planujemy zautomatyzować funkcjonalność zapewnianą wcześniej przez funkcję Skrypty i style .

Co dalej?

Następnym krokiem jest cieszenie się zwiększoną wydajnością swojej witryny

Jeśli zauważysz jakiekolwiek błędy lub problemy, przekaż nam dokładną i dogłębną opinię na naszej stronie GitHub lub przesyłając zgłoszenie do pomocy technicznej lub zgłoszenie przedsprzedażowe.

Zależy nam na ciągłym doskonaleniu . Naszym celem jest, aby Twoje i odwiedzających Twoją witrynę korzystanie z OceanWP było jak najlepsze. Jeśli chodzi o przyszłe aktualizacje, naszym głównym celem będzie wydajność, dalsza poprawa dostępności, nowe funkcje i style , a także istniejące poprawki kodów.

OceanWP został zbudowany dla społeczności WordPress . Jeśli chcesz wnieść swój wkład w swoje pomysły, daj nam znać, jak Twoim zdaniem moglibyśmy się rozwijać i działać lepiej. Podziel się swoimi pomysłami na temat funkcji i ulepszeń, korzystając z naszego formularza próśb o nowe funkcje.

LOS; INR. (Długie lub krótkie, nigdy nie czytam):

Publikujemy główne aktualizacje .

Wykonaj kopie zapasowe witryn internetowych, w tym ręczne kopie zapasowe, przed aktualizacją wtyczek OceanWP i Ocean .

Najlepszą praktyką jest testowanie wszystkich aktualizacji w środowiskach testowych, localhost lub pomostowych . Jeśli nie masz możliwości przetestowania aktualizacji, nie aktualizuj od razu. Poczekaj kilka dni z aktualizacjami, aż zbierzemy opinie.

W przypadku jakichkolwiek problemów lub problemów poinformuj nas o możliwych błędach lub wyślij zgłoszenia.