Firefox 4: Перспективы для разработчиков

Прямо перед выходом Internet Explorer 9, Mozilla выпустила новую версию своего знаменитого браузера Firefox 4. В первые же минуты релиза данную версию скачали 7 миллионов пользователей, а к концу дня их число увеличилось до 40 миллионов. В данной статье я бы хотел вкратце рассказать о перспективах, которые ждут разработчиков в новой версии браузера Mozilla Firefox.

Больше HTML5

В Firefox 4 встроен новый движок рендеринга - Gecko 2.0. По большей части, как и ожидалось, он поддерживает большинство стандартов ориентированных на веб разработку. Так же в него встроен новый парсер HTML5, которые определяет, как код HTML будет отображаться на вашей странице.

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

Ещё одним немаловажным нововведением является поддержка форм HTML5 и Audio API. Поддержка новых элементов и атрибутов, значительно уменьшит количество и потребность в коде JavaScript, так что вы с лёгкостью сможете переключиться на более весомые задачи. То же самое касается и валидации — теперь вашим формам не потребуется JavaScript для проверки введённых данных.

WebGL

Поддержка WebGL фигурировала и в ранних версиях Firefox — однако была реализована не полностью. Firefox 4 исправляет данный недочёт, и теперь в полной мере поддерживает данную платформу.

Если вам интересно, то WebGL это стандарт основанный на OpenGL ES, который позволяет производить 3D рендеринг и различные другие операции над новоиспечённым элементом canvas. Однако на данном этапе, API предоставляет не полную мощь, которую хотелось бы видеть. Несмотря на это, то, что вы можете видеть на своём рабочем столе, теперь доступно и в браузере!

Аппаратное ускорение

Аппаратное ускорение предназначено для переопределения задач, которые обычно выполняются непосредственно софтиной, на другие ресурсы (там где это возможно). В нашем случае, мы уменьшаем нагрузку на основной CPU, путём активации параллельного вычисления задач, что в значительной мере позволит увеличить производительность. Задачи рендеринга контента и построения страницы используют разные API разных платформ.

На Windows, Direct2D используется для ускорения операций, которые производятся в элементе canvas (например, рисование), в то время как Direct3D используется для ускорения самой композиции. На OS X, за эти два отдельных процесса отвечают обработчики Quartz.

Технология JägerMonkey JavaScript

Для того чтобы порадовать своих поклонников, Firefox представляет новую технологию JavaScript под названием JägerMonkey. Это расширенная версия того, что раньше называлось TraceMonkey (технология JS для Firefox 3.6). JägerMonkey содержит множество нововведений, которые улучшают производительность новой версии браузера.

Для того чтобы не быть голословным, я приведу несколько примеров в цифрах. Новая версия Firefox оценивается в шесть раз лучше в тесте V8 и в три раза продуктивнее в тесте SunSpider по сравнению с версией Firefox 3.6.

В целом, JägerMonkey это инструмент, который снова вернёт Firefox возможность быстро обрабатывать JavaScript.

CSS Переходы и многое другое

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

CSS переходы позволяют CSS методами создавать анимационные изменения, касающиеся свойств CSS. Вы можете применять такие трансформации как масштабирование, поворот и угловое смещение! Теперь ничего вам не мешает создавать отличные эффекты. Помните те сниппеты jQuery, которые вы использовали для скрытия элементов, цветов и тому подобного? На данный момент их применения является нецелесообразным т.к. теперь мы можем их заменить несколькими строками CSS кода.

Так же были встроены следующие фичи:

• Поддержка сенсорных свойств.
• Добавлено -moz-any для группирования схожих селекторов.
• Вычисление значений при помощи -moz-calc позволит вам определять цифры при помощи математических операций.

Таким образом, команда разработчиков Mozilla пошла ещё дальше, чем позволила веб разработчикам применять новые технологии.

WebM

Теперь в Firefox встроена поддержка WebM, которая осуществляет более оптимизированный процесс отображения видео контента, а так же открывает нам часть рынка WebM.

Чтобы сильно вас не грузить этой темой, я скажу, что речь идёт о кодеках, которые используются для проигрывания видео в браузерах. Достаточно будет сказать, что добавив поддержку WebM, Mozilla укрепила как свои стандарты, так и стратегию, которые направлены на упрощение жизни своих пользователей.

IndexedDB

IndexedDB это очень смелый шаг, который предприняла команда Mozilla. Firefox пошёл по пути применения баз данных, не использующих SQL (NoSQL). В то время как большинство веб браузеров использую Web SQL API для того, чтобы писать SQL запросы в базы данных SQLite.

IndexedDB сохраняет данные в формате JSON и позволяет обращаться к информации через не-SQL API. Каков же конечный результат? Более удобный синтаксис и стандартизированный API, который избавляет от кучи проблем и позволяет софтине быть более гибкой и быстрой.

Web Консоль

Новая Web Консоль предназначена для замещения старой Error Консоли. Но вы не беспокойтесь! Наш любимый Firebug остаётся на месте, речь идёт об увеличении комфорта его использования в новых условиях.

Консоль можно открыть сочетанием клавиш Ctrl+Shift+K. Так же можно применить следующие команды:

• Командная строка для выполнения кода JavaScript в режиме реального времени.
• Механизм логов, который удобнее фиксирует ошибки CSS и JavaScript. Так же тут вы можете получить информацию о запросах, ответах, и прочую полезную информацию.
• Инспектор, который позволит вам изучить любой объект JavaScript , который находится в памяти вашего браузера.

Лучшее отображение текстов

Теперь вы можете использовать форматы OpenType, и open font, что позволит значительно увеличить используемые палитры. Вы больше не ограничены в безопасных шрифтах.

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

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

Так что догоняйте

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

А что вы думаете о новом Firefox 4? Понравился? Не очень? Давайте всё это вместе обсудим!

• Комментарии