Возобновляю рубрику «Работаем с кодом». Суть рубрики в следующем — беру какую-нибудь простую задачу и делаю реализацию которая первой приходит на ум. А вы, через комментарии, предлагаете улучшения это программы. В итоге должна получиться конфетка. Сегодня у нас задача «Нахождение всех подмножеств непустого множества». Моя реализация сделана на JavaScript, чтобы сразу вставить демку в статью. […]

От переводчика: Это восьмая статья из цикла о Node.js от команды Mozilla Identity, которая занимается проектом Persona.

Предыдущие статьи:

1. "Охотимся за утечками памяти в Node.js"
2. "Нагружаем Node под завязку"
3. "Храним сессии на клиенте, чтобы упростить масштабирование приложения"
4. "Производительность фронтэнда. Часть 1 — конкатенация, компрессия, кэширование"
5. "Пишем сервер, который не падает под нагрузкой"
6. "Производительность фронтэнда. Часть 2 — кешируем динамический контент с помощью etagify"
7. "Приручаем конфигурации веб-приложений с помощью node-convict"

---

Мы смогли уменьшить объем шрифтов для Persona на 85%, с 300 до 45 килобайт, используя подмножества шрифтов. Эта статья рассказывает о том, как именно мы это сделали, и какие мы использовали инструменты.

Представляем connect-fonts

Connect-fonts — это middleware для Connect, которое улучшает производительность @font-face, раздавая клиентам подобранные специально для их языка подмножества шрифтов, уменьшая тем самым их размер. Connect-fonts также генерирует специфические для локали и браузера стили @font-face и CORS-заголовки для Firefox и IE9+. Для раздачи подмножеств шрифтов создаются так называемые font packs — поддиректории с подмножествами шрифтов плюс простой конфигурационный файл JSON. Некоторые наборы распространённых open source-шрифтов доступны в готовом виде в пакете npm, впрочем, создавать свои пакеты совсем нетрудно.

Если вы не слишком хорошо ориентируетесь в работе со шрифтами в интернете, мы собрали небольшую коллекцию ссылок по теме @font-face. [От переводчика: а на Хабре очень кстати статья, посвящённая производительности веб-шрифтов]
Читать дальше →

Яндекс — сайт или блог? Интересный вопрос, правда? Чем отличается сайт от блога? Кто-то в сети говорит: «у меня есть сайт о том-то такой-то». А другой кто-то «у меня есть блог такой — то». Смотрим и тупо не понимаем разницы. Это потому, что авторы и того и другого ресурса не понимают разницы между  понятиями «сайт» [...]