В первой части статьи был высказан тезис о том, что виной низкого быстродействия создаваемого нами CRM-приложения была SPA-архитектура. Для кого-то такое предположение могло показаться, мягко говоря, неожиданным и даже оскорбительным, учитывая стремительно растущую популярность данного подхода в разработке WEB-приложений, да и мы, как и многие современные разработчики, тоже вполне успешно осваиваем новые технологии, однако на примере данного проекта нам удалось эмпирическим путём нащупать ту грань, где стоит дважды подумать, прежде чем делать ставку на новое, и как раз об этих деталях и пойдёт речь во второй части статьи.
Читать полностью »
Рубрика «web-разработка» - 29
SPA-архитектура для CRM-систем: часть 2
2014-12-11 в 16:10, admin, рубрики: .net, CRM, CRM-системы, development, web-разработка, архитектура приложений, Блог компании qb-systems, Проектирование и рефакторингБыстрая настройка Grunt для комфортной разработки
2014-12-04 в 15:48, admin, рубрики: css, deployment, grunt, gruntjs, html, javascript, web-разработка, Блог компании bitCalm, Веб-разработка
Во время разработки нашего сервиса bitcalm.com, нам потребовалось организовать автоматическую сборку проекта. Перед нами стояла цель улучшить производительность frontend-части нашего приложения, а также оптимизировать процессы разработки и развертывания на сервере.
Основными задачами, которые требовалось решить, стали:
- Объединение и минификация скриптов
- Объединение и минификация стилей
- Сжатие png-изображений
- Создание спрайтов из всех изображений (с возможностью удобного использования и с поддержкой двух видов спрайтов для девайсов с разным PPI)
- Построение разных версий html-документов для разработки и для продакшна
Первые три пункта выглядят достаточно тривиальными, поэтому я постараюсь заострить внимание на работе со спрайтами и на обработке html.
Новая версия RubyMine: Chef, Puppet, EditorConfig и многое другое
2014-12-03 в 15:19, admin, рубрики: chef, editorconfig, IDE, puppet, ruby, ruby on rails, rubymine, web-разработка, Блог компании JetBrainsМы в JetBrains искренне считаем, что программирование отнюдь не сводится к простому написанию кода. Программировать — значит постоянно развиваться, приумножать свои знания, совершенствовать навыки, используя при этом самые лучшие инструменты. Если вам знакома притча о двух дровосеках, в которой более искусен оказывается тот, кто не забывает наточить свой топор, то вы поймете наше стремление оттачивать инструменты разработки с каждым следующим релизом. Не стал исключением и последний релиз RubyMine, нашей среды для разработки на Ruby и Rails, о котором мы и хотим рассказать подробнее в этом посте. Кстати, вчера стало доступно для скачивания и первое обновление — RubyMine 7.0.1.
Вышла новая версия reCaptcha API 2.0
2014-12-02 в 9:58, admin, рубрики: captcha, Google API, web-разработка, безопасность, Веб-разработка, информационная безопасность На днях, занимаясь очередным внедрением reCaptcha для одного из проектов, столкнувшись с небольшой проблемой в области отображения нескольких защитных изображений на 1 странице с помощью AJAX я в очередной раз пошел на страницу официальной документации «reCaptcha» и обнаружил, что документация существенно отличается от предыдущих версий.
Воспользовавшись поиском стало ясным — в мир вышла «recaptcha 2.0» с обновленным API и визуализацией а так же рядом других «плюшек», о чем я и расскажу в данной статье.
Читать полностью »
Проверьте uptime Вашего сайт из Южной Америки
2014-11-26 в 5:50, admin, рубрики: web-разработка, Блог компании ХостТрекер, веб-проекты, веб-сервисы, мониторинг сайта, мониторинг сервераНа этот раз, ХостТрекер обзавелся первым сервером в Южной Америке. Он размещен в городе Санта Фе в Аргентине.
Uptime ваших сайтов теперь в PDF
2014-11-24 в 7:35, admin, рубрики: http, icmp, web-разработка, Блог компании ХостТрекер, веб-аналитика, веб-дизайн, мониторинг сайта, мониторинг сервера, Серверное администрированиеЧто делать, если начальство требует отчет о работе корпоративного сайта? Или же если посетила гениальная мысль о создании чудесного скрипта, который будет делать все-все-все за Вас, вот только для этого нужны данные в соответствующем формате? С сегодняшнего дня ХостТрекер предоставляет расширенный набор форматов отчетов, а также возможность скачать их в любой момент.
Приглашаем на конференцию по web-разработке 29 ноября
2014-11-14 в 13:46, admin, рубрики: mail.ru, web-разработка, Блог компании Mail.Ru Group, Веб-разработка, конференция, Облако Mail.ru, одноклассники, почта mail.ru, редактор mail.ruДрузья, 29 ноября в московском офисе Mail.Ru Group пройдёт конференция, посвящённая веб-разработке в мобильном и «большом» сегментах сети. Перед слушателями выступят специалисты, работающие в проектах Почта Mail.Ru, Одноклассники, Облако Mail.Ru и Редактор документов.
Программа конференции:
Андрей Сумин, руководитель разработки клиентской части Mail.Ru, представит доклад «Редизайн, ни одного пользователя не пострадало».
Мы часто слышим как надо разрабатывать, писать тесты и профилировать программный код. Но редко компании делятся опытом выкатки нового кода на продакшен. Андрей расскажет про этапы выкатки нового дизайна почты на миллионы пользователей.
Читать полностью »
Подборка интересных CSS рецептов «Голые пятницы #3»
2014-11-14 в 9:25, admin, рубрики: css, html, web-разработка, Блог компании Wargaming, верстка
Здравствуй, дорогой читатель хабра!
Сегодня мы поговорим о градиентных границах, режимах наложения, о том, как рациональнее сверстать стандартную иконку меню. А так же откроем для себя заново старое css-свойство visibility и рассмотрим новое медиа-выражение @Supports.
Читать полностью »
Изоморфные JavaScript-приложения с Catberry.js
2014-11-12 в 5:54, admin, рубрики: catberry.js, framework, isomorphic, javascript, node.js, streaming, web-разработка, Блог компании 2ГИС, Веб-разработка, Программирование
Catberry.js — это фреймворк для разработки изоморфных JavaScript-приложений на node.js с использованием модульной архитектуры и быстрых механизмов рендеринга. Этот фреймворк позволяет написать модуль приложения один раз и использовать его как на сервере для рендеринга страниц для поисковых роботов, так и в браузере для одностраничного приложения, запрашивая только данные для шаблонов.Читать полностью »
Как инкрементальные обновления влияют на скорость загрузки. Опыт Яндекс.Почты
2014-11-06 в 11:18, admin, рубрики: javascript, web-разработка, Блог компании Яндекс, Веб-разработка, Яндекс.ПочтаЯндекс.Почта — большое и сложное веб-приложение. Для первоначальной загрузки ей необходимо более 1 МБ статических ресурсов (JS/CSS/Шаблонов). При этом Яндекс.Почта обновляется два раза в неделю, а иногда и чаще.
Но при обновлениях от версии к версии меняется не так много кода — особенно в случае хотфиксов. Это показывают и фризы. Чтобы снизить время загрузки почты при выходе новых версий, мы уже делаем следующее:
- включаем gzip;
- выставляем заголовки кэширования;
- фризим CSS, JS, шаблоны и картинки;
- используем CDN;
- загружаем статику параллельно через кроссдоменные AJAX-запросы.
Но этого нам недостаточно. Даже при фризе, если в релизе меняется всего один файл, в котором несколько строк, хэш от контента этого файла меняется и кэш инвалидируется, следовательно файл перезакачивается целиком. Чтобы избежать этой проблемы и еще более эффективно грузить новые ресурсы, мы придумали механизм инкрементальных обновлений.
Мы подумали: «А что если хранить где-то старую версию файлов (например, в localStorage), а при выходе новой передавать только diff между ней и той, которая сохранена у пользователя?» В браузере же останется просто наложить патч на клиенте. О том, что из этого получилось и каким выводам мы пришли, читайте под катом.
Читать полностью »