Yandex Static: надежный хаб для веб-разработчиковЗдравствуйте! Сегодня поговорим о сервисе, который знают многие, но редко задумываются о его устройстве. Речь идет о yastatic.net. Если вы ...
Здравствуйте! Сегодня поговорим о сервисе, который знают многие, но редко задумываются о его устройстве. Речь идет о yastatic.net. Если вы когда-нибудь подключали jQuery или карты Яндекса к своему сайту, то вы уже использовали этот ресурс, даже если не знали об этом. Это не просто сервер, это настоящая библиотека ресурсов с открытым исходным кодом.
Главная идея сайта проста до гениальности. Разработчики могут загружать различные JavaScript-фреймворки и библиотеки напрямую с серверов Яндекса. Зачем? Чтобы использовать постоянные ссылки. Это экономит время и ресурсы. Вам не нужно хранить копию каждой библиотеки у себя на хостинге. Вы просто указываете ссылку на yastatic.net, и браузер подтягивает нужный файл.
На странице сервиса представлен список популярных инструментов. Сейчас доступны следующие фреймворки и библиотеки:
Каждый из этих инструментов имеет свои особенности подключения. Например, библиотека bem-components довольно сложная и мощная. Она поддерживает разные платформы: desktop, touch-pad и touch-phone. Это значит, что ваш сайт будет хорошо выглядеть как на компьютере, так и на планшете или телефоне.
Важно понимать разницу между бандлами с автоинициализацией и без нее. Если вы НЕ планируете добавлять собственный код на i-bem.js, то используйте бандлы с автоинициализацией. Они подключаются проще. Но если вы хотите писать свой код на i-bem.js, тогда нужны бандлы без автоинициализации. Это дает больше контроля, но требует чуть больше знаний.
Для каждой платформы есть свои пути к файлам. Стили, шаблоны BH, шаблоны BEMHTML - все это доступно по постоянным ссылкам. Например, для десктопа стили лежат по адресу вида https:yastatic.netbem-componentslatestdesktopbem-components.css. Обратите внимание на слово latest. Оно позволяет всегда получать последнюю версию, что удобно для поддержки актуальности.
Также есть специальные версии для Internet Explorer 8. Да, он еще иногда встречается в старых проектах. Для него предусмотрены отдельные CSS-файлы, чтобы сайт не разваливался в этом браузере. Шаблоны BH и BEMHTML тоже имеют свои отдельные файлы, что помогает оптимизировать загрузку.
Во-первых, скорость. Серверы Яндекса быстрые и надежные. Во-вторых, кэширование. Если пользователь уже заходил на другой сайт, который использует jQuery с yastatic.net, то файл может быть уже загружен в его браузер. Это ускоряет загрузку вашего сайта. В-третьих, простота. Не нужно думать о том, где хранить библиотеки. Все под контролем Яндекса.
Разработчики сайтов могут спокойно сосредоточиться на функционале, а не на инфраструктуре. Это экономит силы и нервы. Конечно, есть нюансы с лицензиями. Например, bem-components распространяется под лицензией MPL 2.0. Всегда читайте лицензии, чтобы не было проблем в будущем.
Это сервис для загрузки JavaScript-фреймворков и библиотек с открытым исходным кодом с серверов Яндекса по постоянным ссылкам.
Сейчас доступны bem-components, bem-core, Yandex.Maps, jQuery, Lo-Dash и SWFObject.
Бандлы с автоинициализацией используются, если вы НЕ планируете добавлять собственный код на i-bem.js. Бандлы без автоинициализации нужны, чтобы добавлять в проект собственный код на i-bem.js.
Да, для Internet Explorer 8 предусмотрены отдельные стили (например, bem-components.ie.css), чтобы обеспечить корректную работу на старых платформах.
Библиотека поддерживает платформы desktop, touch-pad и touch-phone, что позволяет создавать адаптивные интерфейсы.
Domain Name: YASTATIC.NET
Registrar: SafeNames Ltd.
Domain Status: client delete prohibited
Domain Status: client transfer prohibited
Domain Status: client update prohibited
Domain Status: server delete prohibited
Domain Status: server transfer prohibited
Creation Date: 2013-11-28T12:36:05Z
Registry Expiry Date: 2026-11-28T12:36:05Z
Updated Date: 2026-03-03T14:31:12Z
Name Server: NS1.YANDEX.NET
Name Server: NS2.YANDEX.NET
REGISTRAR Contact: SafeNames Ltd.
>>> Last update of RDAP database: 2026-03-15T13:52:26Z
User-agent: * Allow: /
| Позиция | Фраза | Страница | Фрагмент |
|---|---|---|---|
| 1 | /tableau/tableau.htm... | ||
| 1(+4) | /tableau/tableau.htm... | ||
| 2 | /tableau/tableau.htm... | ||
| 10(+13) | /tableau/tableau.htm... | ||
| 10 | /tableau/tableau.htm... | ||
| 10 | /tableau/tableau.htm... | ||
| 17 | /s3/vertis-frontend/... | ||
| 17 | /s3/vertis-frontend/... |