8. Frontend Key Changes
We often move from one screen
to another while shopping
67%
of us start shopping on one device
and continue on another
9. • Saves Money
• Saves Time
• Improved SEO
• Wider Browser Support
• Usage of new
technologies
• No need to customize
core templates
• Better Performance
Frontend Key Changes
Responsive Theme
10. • Upgradability
• Consistency
• Extensive list of reusable
components
• Styling and design best
practices
• Good documentation
• Simplifies customisation
Frontend Key Changes
Magento UI Library
11. • Simplifies customization
• Flexible store design
• Allows store to be special
• Maintainability
• Less code duplication
Frontend Key Changes
Multilevel Theme Inheritance
Всем добрый день, меня зовут Ткачева Елена. Я продакт менеджер в компании Мадженто. Моя работа сфокусирована на Мадженто 2 в целом и ее фронтенд части в частности.
В своей презентации я буду говорить о Мадженто 2, ее целях и тех возможностях, которые будут доступны для вас при переходе на новую версию.
Цели платформы амбициозны:
- модульность мадженто-кода
- производительная и масштабируемая архитектура
- обновленные технологии
(Возвращение Крыма Украине )
Сегодня я постараюсь отделить мифы от реальности и обозначить что на самом деле находится под капотом Мадженто 2 и как это может быть полезно вашему бизнесу
Цели М2 можно разделить на 6 ключевых направлений, которые обещают открыть дверь в новую эру электронной коммерции.
Обновить технологии
Улучшить производительность и масштабируемость
Облегчить кастомизацию
Упростить интеграцию с внешними системами
Сделать процесс установки и обновления на новую версию проще
Повысить качество кода и тестирования
Много воды утекло с момента релиза Мадженто 1 и первый приоритет для Мадженто 2 – использование передовых технологий и стандартов, которые позволят разработчикам получить максимум возможностей при разработке новой функциональности кастомизации существующей
Мы также знаем, что производительность и масштабируемость платформы – это то, что абсолютно необходимо для развития бизнеса на Мадженто. Поэтому мы изменили работу индексеров для Catalog, Price, Target Rule, чтобы позволить работать с этими сущностями без воздействия на информацию, в обновлении которой нет необходимости.
FPC с поддержкой Varnish теперь будет доступен из коробки для комьюнити версии. Новый механизм инвалидации кэша позволит витрине магазина гибче и быстрее реагировать на изменения.
Мадженто славится возможностями своей кастомизации. Мы планируем еще больше упростить этот процесс реализуя модульный код. Это позволит разработчикам вносить в него изменения не влияя на соседние области кода. В Мадженто 2 стало реальным отключение многих модулей, которые не являются частью ядра платформы. Например, ваша конфигурация мадженто 2 может включать в себя только те модули оплаты и доставки, которые вы используете.
API Мадженто 2 улучшено, чтобы процесс расширения функциональности ядра стал еще проще. Работа ведется в нескольких направлениях:
Расширение покрытия API – теперь вы сможете делать больше, используя новое API
Уже сейчас мы можем говорить о покрытии API следующих модулей:
Sales – размещение ордеров в мадженто из внешних систем
Checkout – новые возможности модификации процесса покупки товара
Catalog – обновление списка продуктов
Catalog inventory – управление складскими запасами
Tax – использование сторонних систем для расчета налогов
Увеличение эффективности API так, что вам понадобится меньше запросов для получения необходимой информации
Среди наших целей также улучшения в процессе установки, обновления и расширения Мадженто 2. Отдельное приложение – Magento installer сделает для вас процесс установки новой Мадженто максимально простым – все необходимую конфигурацию можно будет осуществить в этом приложении. При обновлении на новую версию или установке экстеншна, вас проинформируют обо всех потенциальных конфликтах до того как вы их примените.
Мы работаем над тем, чтобы максимально упростить для вас процесс перехода на Мадженто 2. Реализация переноса информации о существующих пользователях, продуктах и настройках Мадженты является приоритетом для нас.
Качество кода в новом релизе Мадженто будет подкреплено новым фреймворком для тестирования, который поможет вам ускорить процесс отладки
Сейчас давайте ближе взглянем на те изменения, которые коснулись фронтенд части Мадженто 2 и разберемся с возможностями, которые эти изменения для вас открывают
С развитием технологий наш мир становится мультиэкранным. Ситуация когда мы начинаем поиск покупок со смартфона, по-пути домой, а завершаем процесс позже, сидя со своим лэптопом или планшетом уже не в новинку. Пользователи переключаются между устройствами порой быстрее чем жонглер управляется с мячиками. Эта схема, построенная на данных Marketing Land показывает, что 90% пользователей используют несколько устройств в течении для покупок онлайн. Большинство используют мобильные устройства в то время как 70% среднего бизнеса все еще не предлагают решений, оптимизированных для работы на мобильных устройствах (eMarketer, April 8, 2014)
А как вы реагируете на меняющиеся потребности ваших клиентов?
Чтобы унифицировать опыт пользователей, переключающихся между экранами, адаптивная тема включена в Мадженто 2 прямо из коробки. Это позволит вам сохранить время и деньги на ее разработку, а клиентам – работать с одной и той же витриной магазина вне зависимости от того, какое устройство и браузер они используют.
Вместе с новой темой в Мадженту пришли новые технологии. Улучшено SEO и производительность фронтенда
Уже сейчас многие воспользовались гибкостью Маджненто, чтобы сделать свои магазины адаптивными - 32% адаптивных сайтов построены на Мадженто (согласно Alexa Top 1M ). Теперь мы делаем оптимизацию вашего магазина под мобильные устройства еще доступнее.
Еще одной новинкой в Мадженто 2 является UI Библиотека, которая представляет собой обширный список ui компонент, которые спроэктированы и стилизованы с использование лучших практик Мадженто.
В чем ее ценность?
Во-первых, она упрощает процесс кастомизации, так как в библиотеке разработчики найдут расширяемые компоненты со встроенной документацией, которые могут быть использованы для построения тем любой сложности
Использование ui компонент обеспечивает целостность применения дизайна по всей витрине магазина. Раньше, чтобы поменять цвет кнопки, разработчик писал 20 строк кода, тогда как сейчас это делается в один клик.
Для бизнеса есть свои преимущества – обновление на новую версию станет проще, так как нет необходимости писать собственный код
Разработчики просили нас об обширной документации для Мадженто паттернов и она теперь включена в UI Библиотеку
Мы знаем, что каждый владелец интернет магазина хочет обновлять дизайн витрины к праздникам и распродажам.
Создав отличный дизайн для магазина, вы можете легко менять и улучшать его согласно своим желаниям и потребностям.
Мы улучшили поддержку многоуровневого наследования тем
Это сделает ваш магазин особенным, так как вы легко сможете применять любые изменения к его витрине.
Предоставит вам невероятную гибкость обновления дизайна, так что ваши маркетинг и дизайн подразделения смогут получить удовольствие от всех возможных вариаций
Для разработчиков, ответственных за эту магию, мы сфокусировались на простоте внесения всех изменений. Использование механизма наследования тем упростит поддержку и сократит дублирование кода.
Еще один важный вопрос, который я хотела бы поднять здесь – это производительность витрины вашего магазина.
Мы знаем, что «1 секунда задержки в отклике страницы может привести к сокращению конверсии на 7%». Так, если магазин зарабатывает 100 тысяч долларов в день, 1 секунда задержки будет стоить 2,5 миллионов долларов в год.
Помня об этом, мы постоянно работаем над улучшением производительности. Вместе со всеми изменениями, о которых я говорила ранее, мы многое сделали для ускорения отклика страницы:
Адаптивная тема построена с применением mobile first подхода, что обеспечивает оптимизацию темы для мобильных устройств
Работая над улучшением фронтенд части Мадженто, мы использовали новые технологии, такие как минификация LESS CSS, Require JS. Это обеспечивает минимальный объем ресурсов, которые загружаются на страницы магазина.
И последняя часть моего рассказа сегодня – это даты релиза Мадженто 2
Я спешу вас обрадовать и сообщить, что уже в конце года Мадженто будет у вас в руках!
Бета релиз Мадженто 2 запланирован на декабрь 2014 года. Он будет включать в себя все изменения ядра платформы.
В первом квартале следующего года, мы опубликуем Релиз Кандидат и вскоре после этого сделаем публичный релиз
С таким подходом к релизам мы даем возможность и время обширному Мадженто сообществу и партнерам познакомиться лично с возможностями Мадженто 2.
Мы рассчитываем на раннюю обратную связь и будем стараться учесть ваши комментарии и пожелания.
Это все, чем я хотела поделиться с вами сегодня. Следите за нашими еженедельными публикациями мадженто 2 на публичном гитхабе.
Если у вас есть вопросы – я постараюсь на них ответить сейчас. Также вы можете со мной связаться по электронной почте и в твиттере. Все данные на экране.
---
Спасибо вам за внимание