OceanWP 3.0 – этим летом все о ванили

OceanWP теперь быстрее, удобнее и стабильнее! С модернизированным и объектно-ориентированным кодом он выполняет функции быстро, используя гораздо меньше ресурсов и гораздо меньше зависимостей.

Всем возлагавшим большие надежды мы подарим вкуснейшее ванильное мороженое – извините! Тем не менее, это все еще обновление. Мы говорим о Vanilla JavaScript и новой версии OceanWP 3.0 .

Прежде чем мы расскажем о предстоящих изменениях и улучшениях, мы хотели бы обсудить с вами некоторые основы . Это поможет пользователям — в первую очередь тем, кто не разбирается в коде — понять преимущества предстоящих изменений .

Что такое JavaScript?

JavaScript — это язык интерфейса (кодирования/программирования). Его основной целью было создание анимированных эффектов , особенно для так называемых движущихся частей, таких как ползунки или адаптивные навигационные меню.

Мы уверены, что каждый из вас сталкивался с ситуацией, когда браузер запрашивал, следует ли включить функции JavaScript. JavaScript всегда был частью всех браузеров веб-сайтов , поэтому вам не нужно включать его отдельно на свой веб-сайт с помощью плагинов или скриптов.

WordPress и JavaScript

JavaScript является частью CMS WordPress .

JavaScript существует во многих формах , поэтому неудивительно, что WordPress поставляется в комплекте со многими библиотеками JavaScript. Однако можно с уверенностью сказать, что основными из них являются:

• jQuery,
• JSON,
• Подчеркивание и
• Магистраль.

Почему мы утомляем вас этими подробностями?

Бесчисленное количество раз мы получали запросы о помощи, когда пользователь просил нас помочь им удалить jQuery со своего веб-сайта , потому что «какой-то инструмент для ускорения/оптимизации предположил, что он замедляет работу веб-сайта».

Эти ситуации заставили нас понять, что пользователям потребуется некоторое время, чтобы понять, что такие инструменты оценки далеко не точны и совершенны . Это также дало нам представление о том, что многие пользователи WordPress не знакомы с «внутренними» функциями WordPress, а значит, и с темами и плагинами WP.

Чтобы лучше понять (онлайн) инструменты оценки, необходимы базовые знания общей функциональности WordPress . Даже если вы не планируете изучать какие-либо языки программирования или становиться разработчиком WordPress, эта информация поможет вам определить, является ли «отчет» конкретного инструмента точным или ложным. В конце концов, вы сразу узнаете, можете ли вы что-то сделать с отчетом или нет.

Проще говоря, из всех библиотек JavaScript наиболее часто используемой является jQuery . Не только самим WordPress, но и темами и плагинами.

Подводя итог, вы не можете удалить jQuery с веб-сайтов WordPress .

Что такое jQuery?

Удивитесь ли вы, узнав, что из 1 миллиона популярных веб-сайтов в Интернете (не только сайтов WordPress) 80% используют jQuery?

jQuery — очень легкая, гибкая, расширяемая и (с точки зрения разработчиков) очень простая в использовании библиотека JavaScript .

jQuery помогает создавать и обрабатывать сложные задачи , такие как запросы AJAX, события, анимация, манипуляции с CSS и общая функциональность внешнего интерфейса веб-сайта. По сравнению с другими библиотеками JS, с помощью jQuery легче решить сложную задачу, поскольку она требует минимального кода.

Ведь девиз jQuery — «пиши меньше, делай больше» .

OceanWP и JQuery

Конечно, вы уже, наверное, догадались.

OceanWP использует jQuery . Даже некоторые из ваших самых любимых плагинов, такие как Elementor и WooCommerce, работают с jQuery.

Для тех из вас, кто только начинает работать с OceanWP или хотя бы задумывается об этом — OceanWP — одна из лучших тем для WooCommerce и/или Elementor. Ознакомьтесь со всеми функциями OceanWP или просмотрите наши полноценные демонстрационные шаблоны веб-сайтов.

С 2016 года с помощью jQuery мы смогли помочь нашим пользователям добиться большего с помощью одной темы WordPress и без использования дополнительных ненужных плагинов. Излишне говорить, что мы говорим об OceanWP.

По сравнению с девизом jQuery наш собственный не так уж сильно отличается. Цель OceanWP — дать возможность всем — от новичков до профессионалов — создавать потрясающие веб-сайты всех типов (электронная коммерция, блог, портфолио) быстро, легко и удобно . Судя по отзывам и отзывам, которые мы получаем от наших пользователей, мы добились успеха.

Самое главное, мы планируем продолжить эту традицию, но в улучшенном виде .

Именно поэтому мы переходим с jQuery на ванильный JavaScript .

Что такое ванильный JavaScript?

Ванильный JavaScript или Vanilla JS — это популярный термин, используемый для простого JavaScript .

В отличие от jQuery или Underscore JS, Vanilla JS означает написание кода с нуля, без использования фреймворков или библиотек в качестве зависимостей.

Проще говоря, Vanilla JS НЕ является особым типом JavaScript — это и есть JavaScript в чистом виде . Таким образом, как мы уже упоминали в начале, он уже используется и поддерживается всеми браузерами.

Откуда тогда взялся термин Vanilla JS?

На самом деле это забавный факт, и, хотите верьте, хотите нет, он связан с настоящим ванильным мороженым. Ванильное мороженое представляет собой первую форму или вкус мороженого. Итак, если вы находитесь в кондитерской и заказываете мороженое, не указывая вкус, вы получите ванильное.

OceanWP и ваниль

Почему OceanWP с самого начала не использовал ванильный JavaScript?

К сожалению, не существует такой вещи, как свод правил или справочник, в котором указывалось бы, когда лучше использовать тот или иной метод.

Языки программирования , особенно PHP и JavaScript (среди CSS, которые в основном используются в WordPress) , постоянно развиваются. Задача разработчиков состоит в том, чтобы определить, какой язык будет работать лучше всего, не раздувая код без необходимости .

Когда дело доходит до JavaScript или его «детей», для нас в OceanWP идеальным выбором уже много лет является jQuery.

В конце концов, JavaScript стал достаточно зрелым с точки зрения того, что его можно использовать для выполнения тех же задач, что и jQuery, и в то же время выполнять их быстрее . И это именно тот момент, которого мы ждали.

Замедляет ли использование jQuery мой сайт?

Как упоминалось ранее, jQuery — один из самых быстрых и широко используемых скриптов JS.

Скрипты сами по себе не делают сайт медленнее — качество кода влияет на производительность сайта (среди прочих внутренних и внешних факторов).

И это точно такое же качество кода, благодаря которому многофункциональные веб-сайты OceanWP работают так же быстро или даже лучше по сравнению с другими темами с наименьшим количеством функций.

Будет ли OceanWP полностью удалять jQuery?

Короткий ответ на этот вопрос – нет.

Длинный ответ, и без использования сложной терминологии разработчика, все еще есть задачи, которые может выполнить только jQuery . Или, что еще лучше, нет заменителей кода Vanilla JS для этих кодов jQuery.

При этом OceanWP по-прежнему будет использовать jQuery в своем коде внутри темы и всех наших плагинов, но на минимальном уровне .

Повлияет ли Vanilla JS в OceanWP на плагины, которые запускают jQuery?

Переход OceanWP на Vanilla JS не будет иметь негативных последствий и не вызовет конфликтов с плагинами, использующими jQuery .

На самом деле, ваш общий опыт работы с веб-сайтом и особенно опыт посетителей вашего сайта будут значительно улучшены . Благодаря улучшенному кодированию OceanWP теперь использует гораздо меньше зависимостей, что обеспечивает стабильность и сводит к минимуму вероятность возможного конфликта JS. Самое главное, он выполняет функции быстрее, используя гораздо меньше ресурсов.

Когда будет выпущен OceanWP 3.0?

Эпоха использования Vanilla JS в OceanWP начинается с версии 3.0.

Вы можете ожидать официального релиза 20 июля — именно в этот день ожидается новая версия WordPress 5.8.

И это подводит нас к самой важной части — подготовке к обновлению .

Помимо темы OceanWP, следующие расширения Ocean также были обновлены до версии Vanilla:

• Слайдер океанских постов,
• Океанская палка Что угодно,
• Модальное окно океана,
• Социальный обмен океаном,
• Совместное использование продуктов океана,
• Липкий заголовок океана,
• Липкий нижний колонтитул океана,
• Войти во всплывающем окне океана,
• Всплывающее окно Ocean Woo,
• Полноэкранный режим океана,
• Виджеты Ocean Elementor,
• Боковая панель океана,
• Уведомление о файлах cookie Ocean и
• Портфолио Океан.

Также выпущено обновление Ocean Extra 1.7.8, однако этот плагин не содержит каких-либо ванильных изменений.

Как подготовиться к обновлению OceanWP Vanilla JS

Вместе с OceanWP все плагины с версией Vanilla JS будут выпущены в тот же день.

Правильный порядок обновления:

1. Обновите OceanWP через Внешний вид > Темы, затем
2. Обновите все плагины Ocean через Плагины > Установленные плагины.

Перед обновлением убедитесь, что вы приняли необходимые меры предосторожности.

Сначала протестируйте новую версию на локальном хосте или тестовом веб-сайте.

Помните, это крупное обновление.

Лучше всего тестировать новые изменения на локальном хосте, в тестовой или промежуточной среде.

Если у вас нет возможности протестировать обновления в любом месте, не обновляйтесь сразу . Подождите пару дней или даже неделю, пока мы не соберем отзывы и не убедимся, что обновление безопасно для вас.

Помните, даже если все в порядке, во время обновлений всегда может что-то пойти не так. В конце концов, самое плохое в программном обеспечении — это программное обеспечение.

Обязательно сделайте резервную копию своих веб-сайтов должным образом . Не полагайтесь только на хостинг резервных копий, делайте резервные копии вручную и храните данные в надежном месте. Если вы используете плагин WordPress Reset (не путать со сбросом базы данных WordPress), вы также можете создавать снимки веб-сайта.

Важно: не забудьте тщательно очистить кеш после обновления, при необходимости несколько раз. То же самое касается кэша CDN (облачного).

Как использовать Vanilla JS с OceanWP

Чтобы в полной мере воспользоваться преимуществами Vanilla JS, все сценарии через Theme Panel > Scripts & Styles должны быть всегда ВКЛЮЧЕНЫ .

Краткое пояснение: при отключении любого сценария создается совершенно новый файл, который затем помещается в папку установки вашего веб-сайта, а затем применяется к внешнему интерфейсу вашего веб-сайта вместо использования сценариев темы OceanWP по умолчанию.

Длинное объяснение: в то время, когда была введена опция Scripts & Styles (часть плагина Ocean Extra), хорошие (и бесплатные) плагины кэширования были доступны не всем. Со временем ситуация изменилась. Если вы используете хорошие плагины для оптимизации и кэширования, отключение любого скрипта совершенно не нужно.

Важно: не забудьте тщательно очистить кеш , при необходимости несколько раз. То же самое касается кэша CDN (облачного).

Не повлияет ли включение всех скриптов на мой сайт?

Нет, не будет.

Это также одна из основных причин, по которой мы представили Vanilla JS. Однако мы не планируем останавливаться на достигнутом.

Хотя мы используем условную загрузку скриптов в наших кодах (загружаем скрипты на интерфейс только при необходимости), после релиза Vanilla мы планируем еще больше улучшить эту функциональность. По сути, мы планируем автоматизировать функциональность, ранее предоставляемую функцией «Скрипты и стили» .

Что дальше?

Следующим шагом будет повышение производительности вашего веб-сайта.

Если вы заметили какие-либо ошибки или проблемы, сообщите нам обстоятельный и подробный отзыв либо на нашей странице GitHub, либо отправив запрос в службу поддержки или запрос на предварительную покупку.

Мы стремимся к постоянному совершенствованию . Наша цель состоит в том, чтобы сделать работу с OceanWP максимально удобной для вас и посетителей вашего веб-сайта. Когда дело доходит до будущих обновлений, наше основное внимание будет сосредоточено на производительности, дальнейшем улучшении доступности, новых функциях и стилях , а также на пересмотре существующих кодов.

OceanWP был создан для сообщества WordPress . Если вы хотите внести свой вклад своими идеями, дайте нам знать, как, по вашему мнению, мы могли бы стать лучше. Поделитесь своими идеями о функциях и улучшениях, используя нашу форму запроса функций.

ЛОС; INR. (длинно или коротко, я никогда не читал):

Мы выпускаем основные обновления .

Делайте резервные копии веб-сайтов, в том числе вручную, перед обновлением плагинов OceanWP и Ocean .

Лучше всего тестировать все обновления в тестовой, локальной или промежуточной средах . Если у вас нет возможности протестировать обновления, не обновляйтесь сразу. Подождите с обновлениями пару дней, пока мы не соберем отзывы.

В случае каких-либо проблем или вопросов, сообщите нам о возможных ошибках или отправьте тикеты.