Дисклэймер: Этот корпоративный блог стартапа Witget ориентирован на начинающих свою карьеру: маркетологов, владельцев сайтов и вебмастеров, которые заинтересованы в обучении и развитии. Профи, набившим руку на обслуживании тысяч клиентов, написавшим сотни статей, много лет живущим в индустрии, в блоге нашем будет скучно и неинтересно. В данном материале мы аккумулировали опыт наших клиентов и некоторых игроков рынка. Опыт наш базируется на длительной практике в маркетинге и на работе с клиентами нашего сервиса Witget, который помогает владельцам сайтов и маркетологам, собирать контакты посетителей сайта. Читать полностью »
Рубрика «Клиентская оптимизация» - 22
10 полезных советов: Под каким соусом собирать контакты посетителей сайта
2014-07-11 в 14:49, admin, рубрики: Блог компании Witget, воронка продаж, всплывающее окно, интернет-магазин, Клиентская оптимизация, конверсия, купон, оптимизация конверсии, попап, продажи, Разработка под e-commerce, регистрация, сайт, сбор контактов, скидкиКак скорость и доступность сайта влияет на SEO
2014-06-24 в 11:29, admin, рубрики: seo, Клиентская оптимизация, оптимизация, Поисковые машины и технологии, продвижение сайта, Серверная оптимизация, скорость сайта, метки: seo, оптимизация, продвижение сайта, скорость сайтаНа фоне огромного количества материалов на тему «Google учитывает скорость» и «Яндекс учитывает поведенческие факторы» мне захотелось навести порядок и разобраться с вопросом: как на самом деле скорость и доступность сайта влияет на эффективность (поискового) продвижения. Тема нигде толком не затрагивалась, и по отрасли ходят скорее слухи, чем конкретные факты.
Проведенное исследование включает как подборку соответствующих количественных исследований, так и опрос экспертов рынка на предмет связи показателей скорости сайта с количественными показателями продвижения.
Читать полностью »
Мини-курс “Оптимизация веб-производительности”
2014-06-20 в 6:30, admin, рубрики: android, chrome, Google, Веб-разработка, Клиентская оптимизация, метки: android, chrome, Google, Веб-разработкаНа обучающем ресурсе Udacity запустился мини-курс по веб-производительности от сотрудника Google Ильи Григорика.
TVPRO — интерактивный медиа-плеер с FullHD веб-камерой
2014-05-30 в 11:37, admin, рубрики: Kickstarter, telebreeze, Блог компании Telebreeze Corporation, Клиентская оптимизация, управление проектами, метки: Kickstarter, telebreezeTVPRO является первым решением, включающее интерактивный плеер, Full 1080p HD веб-камеру, и дополнительный девайс. Обычный телевизор оно превращает в «Умный», который можно использовать как компьютер или мобильное устройство.
Читать полностью »
Ускоряем WordPress
2014-05-26 в 15:05, admin, рубрики: wordpress, Клиентская оптимизация, оптимизация сайта, метки: клиентская оптимизация, оптимизация сайта
WordPress в стандартной установке довольно медленный. По умолчанию движок не использует некоторые возможности современного Веба для значительного своего ускорения. Существует целая куча плагинов для оптимизации WordPress'a. Давайте наведем в них порядок и проведем капитальную оптимизацию.
Читать полностью »
Анализируем Хабрахабр с помощью Google Page Speed
2014-05-22 в 18:33, admin, рубрики: Клиентская оптимизация Google Pagespeed — утилита для анализа производительности клиентской части Web-приложения. Довольно обширный анализ укажет на те вещи, которые следует оптимизировать на сайте, повысив скорость и удобство для аудитории. Инструмент полезный и постоянно дополняется новыми возможностями. Проведем анализ Хабра и посмотрим на оценку и рекомендации, которые покажет нам Pagespeed.
Читать полностью »
Совместный эксперимент команд Яндекс.Почты и Nginx: действительно ли SPDY ускорит интернет?
2014-05-15 в 13:50, admin, рубрики: CDN, nginx, SPDY, Блог компании Яндекс, Клиентская оптимизация, Сетевые технологии, метки: CDN, nginx, SPDYМы в Яндекс.Почте совместно с командой Nginx провели исследование, в котором мы на живом примере с подробностями попробовали расставить точки над «ё» в вопросе о том, насколько и за счет чего SPDY ускоряет интернет.
Про сам SPDY вы, конечно, знаете. В 2011 году несколько разработчиков компании Google опубликовали черновик нового протокола, призванного стать заменой привычному HTTP. Его основные отличия заключались в мультиплексировании ответов, сжатии заголовков и приоритезации трафика. Первые несколько версий были не вполне удачными, но к 2012 году спецификация устоялась, появились первые альтернативные (не из Google) реализации, доля поддержки в браузерах достигла 80%, вышла стабильная версия nginx с поддержкий SPDY.
Мы поняли, что, судя по всему, протокол из многообещающей перспективы превращается в хорошее отлаженное решение и начали полноценный цикл работ по внедрению. Начали, естественно, с тестирования. Очень хотелось без него поверить в дифирамбы, опубликованные в блогосфере, но этого в проектах с миллионами пользователей делать нельзя. Мы должны были получить подтверждение, что SPDY действительно даёт ускоряющий эффект.
Есть много интересных исследований вокруг SPDY, в том числе самого Google. Компания-автор протокола показывала, что в их случае SPDY ускоряет загрузку на 40%. Исследование протокола SPDY проводила и компания Opera. Но ни методик подсчета, ни примеров страниц, на которых были достигнуты столь впечатляющие результаты, в этих исследованиях не было.
Читать полностью »
Как «1С» любит своих клиентов
2014-03-12 в 13:10, admin, рубрики: 1С, 1с предприятие 8, бухгалтерия, Клиентская оптимизация, управление проектами, метки: 1с, 1с предприятие 8, бухгалтерияКогда речь заходит о ведении бухгалтерии и налогового учета, кадровому и торговому управлению, то практически любой человек скажет, что это все можно вести в программе 1С. И он будет прав, так как согласно статистике около 87% данного рынка оккупировано программными продуктами данной компании.
Но, как и в каждой крупной компании, в деятельности компании 1С имеет место быть огромное число дыр и недоразумений, которые заставляют просто браться за голову и «быть в состоянии прострации» от того, как это все по-прежнему работает.
Я скажу сразу, что качество продуктов 1С на данный момент достаточно хорошее. А если смотреть на совместные отраслевые разработки, то они просто волшебны. Но вот ценовая политика компании и способы работы партнеров вызывают полное отвращение.Читать полностью »
Бандл… Пара-пара-па хэй! или Bundle Transformer шагает по планете 2
2014-01-30 в 16:13, admin, рубрики: .net, ASP.NET, asp.net mvc, Bundle Transformer, Bundling and Minification, coffeescript, css, javascript, less, Optimus, Pluralsight, sass, scss, TypeScript, umbraco, Веб-разработка, Клиентская оптимизация, метки: ASP.NET, asp.net mvc, Bundle Transformer, Bundling and Minification, coffeescript, css, javascript, less, Optimus, Pluralsight, sass, scss, TypeScript, umbraco, клиентская оптимизацияЯ немного отойду от формата предыдущей статьи и прежде чем привести подборку интересных упоминаний о Bundle Transformer, я расскажу об изменениях, которые произошли в проекте за последние полгода.
До августа прошлого года библиотека dotless была основным средством для работы с LESS в сообществе .NET-разработчиком, и входила в состав практически всех инструментов клиентской оптимизации для ASP.NET: Cassette, SquishIt, Combres и RequestReduce. Bundle Transformer также не являлся исключением: библиотеки dotless и DotlessClientOnly (облегченная версия) использовались в модулях BundleTransformer.Less и BundleTransformer.LessLite.
Ситуация в корне изменилась, когда вышел Twitter Bootstrap 3.0. Исходники таблиц стилей Bootstrap 3.0 были написаны на LESS 1.4.X, а библиотека dotless на тот момент поддерживала более старую версию LESS (поддержка LESS 1.4.X появилась в dotless только в декабре 2013 года). Фактически все перечисленные инструменты для работы с LESS в одночасье стали морально устаревшими.
Читать полностью »
О своем опыте системного подхода к производительности рендеринга DOM
2014-01-28 в 6:52, admin, рубрики: dom, javascript, perfomance, высокая производительность, Клиентская оптимизация, метки: dom, javascript, perfomance, рендерингС октября 2009 года я занимаюсь разработкой приложения для поиска и прослушивания музыки. Я стремлюсь организовать возможность быстрого взаимодействия пользователя с интерфейсом, и в качестве одного из средств ускорения взаимодействия использую различные способы для быстрой отрисовки страниц.
Предлагаю ознакомиться со способами, реализованными мной в приложении на системном уровне:
- Использование CSS и переключение классов вместо перестроения DOM дерева
- Повсемнестное кеширование выборок элементов ($('div.active_part span.highlighter')), атомарные операции по изменению (вместо всеобщей перерисовки, вместо переделывания больших участков DOM дерева)
- Минимизации чтений DOM во время записи изменений состояний
- Кеширование размеров и расположения элементов (это спасает от излишнего вычисления при считывании этих значений при наличии других изменений: чтение во время изменения множества частей дерева крайне негативно сказывается на производительности)
- Аккуратное, не затягивающееся накопление изменений, необходимых произвести в DOM
- Прикрепление частей изменяющихся коллекций единовременно (когда, например, в середину списка вставляется 3 новых элемента; createDocumentFragment) в конкретное место (after, before) вместо открепления всей коллекции от DOM и повторного прикрепления (и вместо того, чтобы перерисовывать весь список)
- Прогрессивный асинхронный рендеринг: картина прорисовывается сразу с небольшим количеством деталей, затем деталей появляется всё больше
- Клонирование нодов (как часть шаблонизации)
- Кеширование и использование кеша результатов парсинга DOM шаблонов