Рубрика «Клиентская оптимизация» - 22

10 полезных советов: Под каким соусом собирать контакты посетителей сайтаДисклэймер: Этот корпоративный блог стартапа Witget ориентирован на начинающих свою карьеру: маркетологов, владельцев сайтов и вебмастеров, которые заинтересованы в обучении и развитии. Профи, набившим руку на обслуживании тысяч клиентов, написавшим сотни статей, много лет живущим в индустрии, в блоге нашем будет скучно и неинтересно. В данном материале мы аккумулировали опыт наших клиентов и некоторых игроков рынка. Опыт наш базируется на длительной практике в маркетинге и на работе с клиентами нашего сервиса Witget, который помогает владельцам сайтов и маркетологам, собирать контакты посетителей сайта. Читать полностью »

Постоянно думайте о том, будет ли ваша страница загружаться медленнее на смартфоне, чем на ПК. И если это так, то мы, скорее всего, понизим ее в выдаче. Мэтт КаттсНа фоне огромного количества материалов на тему «Google учитывает скорость» и «Яндекс учитывает поведенческие факторы» мне захотелось навести порядок и разобраться с вопросом: как на самом деле скорость и доступность сайта влияет на эффективность (поискового) продвижения. Тема нигде толком не затрагивалась, и по отрасли ходят скорее слухи, чем конкретные факты.

Проведенное исследование включает как подборку соответствующих количественных исследований, так и опрос экспертов рынка на предмет связи показателей скорости сайта с количественными показателями продвижения.
Читать полностью »

На обучающем ресурсе Udacity запустился мини-курс по веб-производительности от сотрудника Google Ильи Григорика.


Читать полностью »

image

TVPRO является первым решением, включающее интерактивный плеер, Full 1080p HD веб-камеру, и дополнительный девайс. Обычный телевизор оно превращает в «Умный», который можно использовать как компьютер или мобильное устройство.
Читать полностью »

image

WordPress в стандартной установке довольно медленный. По умолчанию движок не использует некоторые возможности современного Веба для значительного своего ускорения. Существует целая куча плагинов для оптимизации WordPress'a. Давайте наведем в них порядок и проведем капитальную оптимизацию.
Читать полностью »

Google Pagespeed — утилита для анализа производительности клиентской части Web-приложения. Довольно обширный анализ укажет на те вещи, которые следует оптимизировать на сайте, повысив скорость и удобство для аудитории. Инструмент полезный и постоянно дополняется новыми возможностями. Проведем анализ Хабра и посмотрим на оценку и рекомендации, которые покажет нам Pagespeed.
image
Читать полностью »

Мы в Яндекс.Почте совместно с командой Nginx провели исследование, в котором мы на живом примере с подробностями попробовали расставить точки над «ё» в вопросе о том, насколько и за счет чего SPDY ускоряет интернет.

Про сам SPDY вы, конечно, знаете. В 2011 году несколько разработчиков компании Google опубликовали черновик нового протокола, призванного стать заменой привычному HTTP. Его основные отличия заключались в мультиплексировании ответов, сжатии заголовков и приоритезации трафика. Первые несколько версий были не вполне удачными, но к 2012 году спецификация устоялась, появились первые альтернативные (не из Google) реализации, доля поддержки в браузерах достигла 80%, вышла стабильная версия nginx с поддержкий SPDY.

Совместный эксперимент команд Яндекс.Почты и Nginx: действительно ли SPDY ускорит интернет?

Мы поняли, что, судя по всему, протокол из многообещающей перспективы превращается в хорошее отлаженное решение и начали полноценный цикл работ по внедрению. Начали, естественно, с тестирования. Очень хотелось без него поверить в дифирамбы, опубликованные в блогосфере, но этого в проектах с миллионами пользователей делать нельзя. Мы должны были получить подтверждение, что SPDY действительно даёт ускоряющий эффект.

Есть много интересных исследований вокруг SPDY, в том числе самого Google. Компания-автор протокола показывала, что в их случае SPDY ускоряет загрузку на 40%. Исследование протокола SPDY проводила и компания Opera. Но ни методик подсчета, ни примеров страниц, на которых были достигнуты столь впечатляющие результаты, в этих исследованиях не было.
Читать полностью »

Как «1С» любит своих клиентовКогда речь заходит о ведении бухгалтерии и налогового учета, кадровому и торговому управлению, то практически любой человек скажет, что это все можно вести в программе 1С. И он будет прав, так как согласно статистике около 87% данного рынка оккупировано программными продуктами данной компании.

Но, как и в каждой крупной компании, в деятельности компании 1С имеет место быть огромное число дыр и недоразумений, которые заставляют просто браться за голову и «быть в состоянии прострации» от того, как это все по-прежнему работает.

Я скажу сразу, что качество продуктов 1С на данный момент достаточно хорошее. А если смотреть на совместные отраслевые разработки, то они просто волшебны. Но вот ценовая политика компании и способы работы партнеров вызывают полное отвращение.Читать полностью »

Упоминания о Bundle Transformer в Интернете

Я немного отойду от формата предыдущей статьи и прежде чем привести подборку интересных упоминаний о 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 в одночасье стали морально устаревшими.
Читать полностью »

С октября 2009 года я занимаюсь разработкой приложения для поиска и прослушивания музыки. Я стремлюсь организовать возможность быстрого взаимодействия пользователя с интерфейсом, и в качестве одного из средств ускорения взаимодействия использую различные способы для быстрой отрисовки страниц.

Предлагаю ознакомиться со способами, реализованными мной в приложении на системном уровне:

  • Использование CSS и переключение классов вместо перестроения DOM дерева
  • Повсемнестное кеширование выборок элементов ($('div.active_part span.highlighter')), атомарные операции по изменению (вместо всеобщей перерисовки, вместо переделывания больших участков DOM дерева)
  • Минимизации чтений DOM во время записи изменений состояний
  • Кеширование размеров и расположения элементов (это спасает от излишнего вычисления при считывании этих значений при наличии других изменений: чтение во время изменения множества частей дерева крайне негативно сказывается на производительности)
  • Аккуратное, не затягивающееся накопление изменений, необходимых произвести в DOM
  • Прикрепление частей изменяющихся коллекций единовременно (когда, например, в середину списка вставляется 3 новых элемента; createDocumentFragment) в конкретное место (after, before) вместо открепления всей коллекции от DOM и повторного прикрепления (и вместо того, чтобы перерисовывать весь список)
  • Прогрессивный асинхронный рендеринг: картина прорисовывается сразу с небольшим количеством деталей, затем деталей появляется всё больше
  • Клонирование нодов (как часть шаблонизации)
  • Кеширование и использование кеша результатов парсинга DOM шаблонов

Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js