Сафари в контексте

Что означает Safari 14 для веб-разработчиков?

Safari по-прежнему актуален в 2021 году и далее

С новой обновленной операционной системой Apple поставляется новая версия Safari. Я знаю, вероятно, это не тот браузер, о котором вы действительно много думаете. Как веб-разработчики, мы часто по умолчанию используем Chrome и, возможно, время от времени переключаемся на другие для тестирования. Я ловлю себя на том, что переключаюсь между Chrome для работы, Safari на моем iPhone и Firefox для личного использования.

Safari на рабочем столе обычно не является моим любимым браузером, но это может скоро измениться, поскольку Apple внесла в Safari некоторые столь необходимые улучшения качества жизни. Они делают ставку на то, что их новые компьютеры Mac на базе M1 с браузером, оптимизированным для этой новой архитектуры, окажутся выигрышными. Apple называет производительность и энергоэффективность самыми большими преимуществами этого архитектурного сдвига. Так окупится ли?

Принятие

Сафари актуально?

Время покажет, увеличится ли внедрение благодаря преимуществам Safari по сравнению с другими браузерами на новом оборудовании Mac. Думаю, можно с уверенностью сказать, что Safari очень актуален для веб-разработчиков. Низкая производительность и потребление памяти Google Chrome могут разочаровывать. Если это улучшится благодаря более быстрому и экономичному Safari, возможно, найдется несколько человек, которые сбегут с корабля. Становится все более очевидным, если ваш веб-сайт не работает за пределами Chrome, поскольку другие браузеры начинают отвоевывать долю рынка.

Как насчет Хрома?

Давайте разберемся с этим, Google Chrome никуда не денется. Это по-прежнему доминирующий веб-браузер, и вряд ли это изменится. Оно долгое время было в топе и часто является первым приложением, которое люди загружают при настройке нового устройства. Дополнительные преимущества синхронизации между устройствами, поддерживаемые крупнейшим поисковым провайдером в мире, означают высокую степень блокировки. Опыт разработчиков также превосходен, он кроссплатформенный и быстрее всего внедряет современные веб-функции. Что-то, что Safari не спешила делать.

Каковы основные преимущества Safari 14?

Расширения

Расширения браузера являются обычным явлением, но до сих пор у Safari были неоднозначные впечатления. С Safari 14 стало проще создавать расширения, которые работают во всех основных браузерах. Дополнительным преимуществом расширений Safari является то, что они также доступны в App Store для MacOS. Это добавляет еще одно общее место, где пользователи могут найти ваше расширение и установить его.

Для разработчиков это дает больше общих кодовых баз и больше причин для фактического создания расширения для Safari. Опыт разработки расширения для нескольких браузеров теперь проще, чем когда-либо, благодаря поддержке API WebExtensions. Это больше не бесхозный опыт, который требует значительных инвестиций в устаревшую документацию. Существующие расширения должны быть переносимыми с небольшими изменениями.

Чтобы узнать больше, ознакомьтесь с Документацией Apple для разработчиков по расширениям Safari.

Производительность и совместимость

Производительность WebKit, базового движка, на котором работает Safari, была значительно улучшена, и не только на новых устройствах M1. В недавнем сообщении в блоге Новые возможности WebKit в Safari 14 Джон Дэвис пишет:

Загрузка ранее не посещенных страниц происходит на 13 % быстрее, а загрузка недавно посещенных страниц — на 42–52 % быстрее.

Это улучшение, наряду с общими улучшениями JS и инкрементальной загрузкой PDF-файлов, означает в целом лучшее взаимодействие с пользователем. Однако самым большим изменением для разработчиков является совместимость.

Одно из самых больших разочарований за последние несколько лет для веб-разработчиков — это то, насколько Safari отстает. Просматривая таблицы совместимости браузеров, вы часто видите, что с современными веб-функциями отсутствуют два браузера: Internet Explorer и Safari. Поскольку Safari — это браузер, который используется людьми во всем мире с iOS, это не тот браузер, который вы можете просто игнорировать. Это привело к большему количеству полифилов, большему количеству проблем с кросс-браузерной совместимостью и большему количеству хлопот как для разработчиков, так и для пользователей. WebKit теперь проходит больше тестов веб-платформы, и это отличная новость для разработчиков.

Поддержка WebP

Формат изображения WebP — отличный формат, который часто может быть как минимум на 25% меньше, чем JPEG, он поддерживает анимацию, сжатие с потерями и без потерь. В чем подвох? Сафари. Все остальные браузеры (кроме Internet Explorer, но это неудивительно) поддерживают WebP. Наконец, в WebKit теперь добавлена ​​поддержка WebP, а Safari 14 на iOS поддерживает этот формат изображения, а Safari на MacOS скоро появится. Это изменение может показаться небольшим, но теперь оно унифицирует форматы во всех основных браузерах. Это победа для разработчиков и еще большая победа для пользователей мобильного интернета.

Вывод

Сеть действительно кроссплатформенная, и к ней можно получить доступ на множестве устройств по всему миру. Хотя Google Chrome является доминирующим браузером, никогда не будет лишним выйти за пределы своей зоны комфорта и посмотреть, что там есть. Самый важный совет, который я могу дать, — посмотреть, какие браузеры на самом деле используют ваши посетители и клиенты. Вооружившись этой информацией, вы можете создавать веб-интерфейсы, которые лучше всего подходят для людей, которые вам небезразличны. Некоторые из этих людей могут просто использовать Safari.

Вы разработчик внешнего интерфейса?

Если вы хотите прочитать больше технических статей о Framer Motion, производительности React и других современных веб-технологиях JavaScript, загляните в полный технический блог Benevolent Bytes.