Как стать автором
Обновить

Приглашаем на Semrush IT meetup «Производительность веб-сервисов»

Блог компании Semrush Высокая производительность *Тестирование веб-сервисов *Конференции DevOps *

Антон Тужик из Semrush поделится чеклистом для прироста производительности сайтов и веб-приложений. А Алексей Шаров и Игорь Зубов из Wrike расскажут, как спасли важный компонент ускорением Workload.


Программа и спикеры – под катом.


Читать дальше →
Всего голосов 3: ↑3 и ↓0 +3
Просмотры 1.5K
Комментарии 0

Вышла версия 1.0

Я пиарюсь
Те, кто следят за развитием Open Source проекта Web Optimizer (которому скоро исполнится год), уже в курсе событий последних дней — выложена стабильная версия 1.0 приложения для автоматического ускорения сайтов — WEBO Site SpeedUp.

Загрузить последнюю версию: www.webogroup.com/ru/home/download

Под катом — некоторые подробности относительно новой версии и планы на ближайшее будущее.
Читать дальше →
Всего голосов 54: ↑42 и ↓12 +30
Просмотры 401
Комментарии 19

Вышла версия 1.1.0

Я пиарюсь
Вот уже почти два месяца после официального выхода первой версии приложения для автоматического ускорения сайтов — WEBO Site SpeedUp — мы ничего не писали о новшествах, улучшениях и исправлении ошибок. Но это не значит, что этого не было. Просто решили не беспокоить сообщество по мелочам, а выкатить все сразу.

О продукте: www.webogroup.com/home/site-speedup
Загрузить: www.webogroup.com/home/download

Что нового?

Читать дальше →
Всего голосов 26: ↑17 и ↓9 +8
Просмотры 450
Комментарии 33

Вышла версия 1.2.0

Я пиарюсь
Мы рады объявить, что бета-тестирование новой версии WEBO Site SpeedUp — продукта для автоматического ускорения сайтов — закончено, и теперь он стал не только лучше (за счет множества исправлений и добавления новых возможностей), но и доступнее: появилась SaaS-редакция, в которой можно подключать только используемый функционал и гибко управлять скоростью работы сайта. Дополнительно с выходом этой версии WEBO CDN стала доступна для широкого использования.

О продукте: www.webogroup.com/ru/home/site-speedup
Загрузить: www.webogroup.com/ru/home/download

А теперь подробнее
Читать дальше →
Всего голосов 50: ↑36 и ↓14 +22
Просмотры 1.2K
Комментарии 16

Ускорение сайта «в 1 клик» — реальность

Я пиарюсь
С выходом новой версии WEBO Site SpeedUp (приложения для автоматического ускорения сайтов) — 1.3.0 — мы смогли, наконец, с уверенностью сказать: оно здесь. В смысле: идея автоматического ускорения сайтов реализована.

Напомню, что все начиналось полтора года назад, когда возникла идея собрать воедино все методы ускорения сайта, побороть особенности хостинга множества провайдеров и особенности браузеров, завернуть это все в красивый интерфейс и сделать максимально простым. Последний пункт оказался наиболее трудоемким по реализации (порядка полугода ушло у нас на осознание, проектирование и реализацию окончательной концепции).
Как мы это сделали?
Всего голосов 75: ↑54 и ↓21 +33
Просмотры 1.8K
Комментарии 51

Ускорение сайта на wordpress с Microsoft Azure по-быстрому

WordPress *Microsoft Azure *
Данная статья предназначена для тех, у кого есть не слишком сильно посещаемые, красиво оформленные сайты на Wordpress, и кто хочет их ускорить. И при этом нет ни времени, ни желания углубляться в дебри оптимизации, надо просто сделать так, чтобы сайт загружался быстро и стабильно.

О том, что, ускорение загрузки сайта даже на полсекунды важно уже много написано и известно всем.

image

Область применения — сайты небольшого бизнеса — фотографы, психологи, юристы и много других сфер деятельности, где нужны красивые сайты и их посещение невелико. Довольно часто эти сайты создаются на Wordpress и ставится готовая красивая тема с фотографиями, которая содержит много скриптов, мелких картинок и стилей. Как ускорить его загрузку такого сайта быстро, просто и дешево?

Для этого мы будем использовать Microsoft Azure, который на месяц дает бесплатный аккаунт и 7000руб. на счет, что позволяет не рискуя понять сколько вы будете тратить в месяц на ускорение своего сайт.
Для примера, по расчету для 10 сайтов с настройками из статьи, с общим количеством просмотров около 10 000 в день, я буду платить около 100руб.м. в месяц (грубая прикидка, скорее всего меньше).
Настройки под катом
Всего голосов 24: ↑20 и ↓4 +16
Просмотры 15K
Комментарии 10

Как MooTools jQuery заборол, или детектив в стиле Коломбо

JavaScript *Клиентская оптимизация *jQuery *MooTools *Joomla *
Стек вызовов jQuery/MooTools По долгу работы в Айри я иногда разбираю ошибки функционирования сайта на сетевом уровне / уровне браузерного взаимодействия. Обычно это сводится к простому анализу заголовков запроса-ответа и воспроизведению тривиальных условий. Но иногда бывают интересные случаи.

Все начиналось холодным февральским вечером. Клиент написал о странной проблеме при ускорении сайта: слайд-шоу множилось и блокировало поведение сайта, страницы были недоступны. Через два дня после выяснения всех подробностей я узнал, почему Mootools и jQuery категорически нельзя использовать совместно. И подтвердился в мысли, что и «алкоголь — зло», и «eval — зло».

Но обо всем по порядку.
Читать дальше →
Всего голосов 12: ↑7 и ↓5 +2
Просмотры 8.5K
Комментарии 8

Ускорение и оптимизация PHP-сайта. Какие технологии стоит выбирать при настройке сервера под PHP

Drupal *


Эта статья поможет ответить на вопросы владельцев, разработчиков и системных администраторов PHP-сайтов:



  • Как оптимизировать сайт и ускорить его работу?
  • С какой скоростью будет и может работать сайт, в соответствии с теми технологиями на которых он будет запущен?
  • Какие технологии следует использовать настраивая сервер или VPS?


Типичная проблема:
В какой-то момент сайт начинает открываться и работать слишком медленно. Бывает, что хостинговая компания блокирует сайт за превышение нагрузки или перерасход ресурсов. Что же делать в такой ситуации?

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

И если говорить о серверах для PHP, то такой проблемой является способ исполнения php кода, ровно как и другие значимые настройки окружения на сервере.
Не зависимо от того, есть ли проблема в вашем коде или её нет, высокая у вас посещаемость или нет, от настроек сервера зависит очень многое. Что бы все сказанное не звучало пустыми словами и была написана эта статья.

В этом обзоре я протестирую только что установленный сайт на одном из самых распространённых движков управления контентом Drupal 7.33.

Для теста выбрана лишь одна составляющая php-хостинга. Мы будем тестировать web-серверы Nginx и Apache2, модули mod_php и php-fpm, версии php php53 и php56, посмотрим, как влияют оптимизаторы apc и opcache на скорость работы сайта.

Читать дальше →
Всего голосов 29: ↑20 и ↓9 +11
Просмотры 53K
Комментарии 59

Сравнение скорости исполнения кода Drupal для PHP 5.3-5.6 и 7.0. «Битва оптимизаторов кода» apc vs xcache vs opcache

PHP *Drupal *




В продолжение статьи:

Ускорение и оптимизация PHP-сайта. Какие технологии стоит выбирать при настройке сервера под PHP




В отличии от предыдущего материала, в этой статье сделан упор на сравнение скорости отклика и интерпретации кода для различных версий PHP, включая PHP 7 beta3.

Для ранних версий PHP, проведено тестирование между оптимизаторами кода apc, xcache и opcaсhe.
Эта статья не содержит тестов на производительность, таких как нагрузочные тесты ab и siege. Возможно, об этом я напишу в одной из следующих статей.
В данном случае, меня не интересует сколько страниц за секунду способна сгенерировать та или иная версия php-интерпретатора, скорее то, с какой скоростью она сгенерирует мне страницу и с какой задержкой.
В данном случае разница в том, что тесты производительности замеряют отношение скорости интерпретатора к общим ресурсам сервера, а так же подготовленности других связанных компонентов web-системы к работе на повышенных нагрузках.
Остановимся на скорости и отклике. Очевидно что производительность зависит от скорости, но высокая скорость не может гарантировать высокую производительность. Это, возможно, связанно с тем, что недостаточно хорошо настроен web-сервер или база данных, а также с какими-то не было ограничениями, например сетевого стека.
Что бы не заниматься попыткой объять необъятное, мы просто замерим скорость и отклик работы интерпретаторов php, на мощном сервере без нагрузки, с одинаковыми конфигурациями web-сервера, базы данных и операционной системы для всех испытуемых. Используем конфигурацию php-fpm + nginx. База данных MariaDB. Все технические детали скрыты под спойлером ниже.

Читать дальше →
Всего голосов 16: ↑13 и ↓3 +10
Просмотры 36K
Комментарии 41

8 вредныхсоветов по «ускорению» сайта

Клиентская оптимизация *

Время идет, интернет становится быстрее, а устройства пользователей — мобильнее. Практики, которые были актуальными 5-10 лет назад, устаревают, и на смену им приходят новые. За 9 лет существования WEBO Group (WEBO Site Speedup, webo.in, webopulsar.ru, Айри.рф) мы проанализировали, увеличили и промониторили скорость сотен тысяч сайтов. С годами браузеры становились быстрее, а сайты — более тяжелыми. И каждый год подходы по ускорению сайтов немного но менялись. Я рассмотрел наиболее часто встречаемые проблемы скорости сайта и наиболее эффективные методы их решения на сегодняшний день.

Дисклаймер: все советы вредные, применять их не нужно!
Читать дальше →
Всего голосов 41: ↑17 и ↓24 -7
Просмотры 6.3K
Комментарии 18

Готовим WebP правильно

Клиентская оптимизация *
WebPХабр уже насыщен статьями на тему «нового» формата изображений WebP (описание, сравнение с JPEG2000, сравнение с BPG, использование, подключение на сайте). К сожалению, открытыми остаются вопросы: как правильно подключить WebP на сайте, чтобы «все работало», и насколько он лучше (меньше) PNG/JPEG. В этой заметке я буду отвечать на оба вопроса.

Предполагаю, что вы уже в курсе оптимизации изображений, умеете конвертировать изображения в WebP, понимаете разницу между использованием JPEG и PNG на сайте, знаете инструменты ExifTool, jpegtran, mozjpeg, JPEGrescan, optipng, pngcrush, pngwolf, zopflipng и TruePNG, а также различаете пастеризацию молока и постеризацию изображений.

Если все так — то переходим к сути.
Читать дальше →
Всего голосов 14: ↑12 и ↓2 +10
Просмотры 35K
Комментарии 8

Одна маленькая проблема скачивания файлов на медленных соединениях

Блог компании WEBO Group Nginx *
Перевод


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

Проблема: некоторые пользователи не могли скачать бинарный файл объемом несколько мегабайт. Соединение почему-то обрывалось, хотя файл находился в процессе скачивания. Вскоре мы убедились, что где-то в нашей системе был баг. Воспроизвести проблему можно было достаточно просто единственной командой curl, но исправить ее потребовало невероятных затрат сил и времени.
Читать дальше →
Всего голосов 59: ↑56 и ↓3 +53
Просмотры 27K
Комментарии 17

30+ кейсов: как скорость сайта влияет на конверсию

Интернет-маркетинг *
Ускорение сайта
Корректное измерение конверсии сайта — непростая задача. А связь скорости сайта с конверсией — так вообще почти невозможная. По крайней мере, за последние 8 лет лишь немногие компании смогли корректно связать эти две величины: набралось чуть более 30 опубликованных кейсов. Мы аккуратно их все собрали, разложили по метрикам, нашли первоисточники и предлагаем вашему вниманию.

Внимание! В скорости сайта есть три основные метрики — время ответа сервера (TTFB), время отрисовки (DOMready) и время полной загрузки (onload). Часть исследований сфокусирована только на одной из метрик, а некоторые — вообще без этих метрик. Применяя результаты исследований (и предлагаемые методы) к вашему сайту, нужно четко понимать, о какой конкретно метрике (и ее улучшении) идет речь. Иначе проблемы вашего сайта не удастся соотнести с полученными результатами.
Читать дальше →
Всего голосов 11: ↑10 и ↓1 +9
Просмотры 13K
Комментарии 3

«Больше не значит лучше»: контринтуитивный кейс от Google

Интернет-маркетинг *
Marissa Mayer

Два месяца назад мы опубликовали подборку кейсов, как скорость сайта влияет на конверсию. Продолжаем разбираться в этой теме: теперь более глубокая информация о ситуации с числом результатов в поиске Google.

Любой владелец сайта, интернет-магазина, онлайн-сервиса стремится удовлетворять пожелания своих пользователей. Они хотят больше функций? Сделано. Они хотят более крупные картинки товаров? Сделано. И далее по списку.

Но у постоянного стремления улучшать функциональную часть сайта или сервиса есть один чрезвычайно опасный враг – скорость загрузки сайта.
Читать дальше →
Всего голосов 5: ↑3 и ↓2 +1
Просмотры 1.8K
Комментарии 0

Компания Intuit ускорила сайт почти в 5 раз и увеличила конверсию на 20%

Веб-аналитика *Интернет-маркетинг *Повышение конверсии *
Перевод


Это второй кейс из серии «Как правильно ускорить сайт, и что это дает». Полный список кейсов мы публиковали здесь. В этом кейсе поучительно, как команда разработки договаривалась с другими подразделениями бизнеса, чтобы реально ускорить сайт.

Компания Intuit производит программное обеспечение для бизнеса в области финансов и бухгалтерии. Первая версия веб-сайта компании была выпущена в 1996 году, затем постоянно модифицировалась. Менялись разработчики и стандарты Web, сайт обрастал разными «заплатками» и дополнительным кодом. В 2012 году сайт компании стал загружаться ужасно долго — 15 секунд.

Команде разработчиков была поставлена задача снизить на 50% время загрузки 50 топовых страниц на 6 разных сайтах компании.

Типичная веб-страница представляла собой следующее:
  • Общий объем: 1,5-2 МБ
  • Изображения: 50-70+ штук, объемом порядка 1,2 МБ
  • Внешние CSS/JS: 30-40+
  • Объем Javascript: более 400 КБ
  • 30х-редиректы: более 20
  • HTTP-запросы: более 120
Читать дальше →
Всего голосов 19: ↑13 и ↓6 +7
Просмотры 11K
Комментарии 12

1 секунда ускорения загрузки дала прирост конверсии на 10%: кейс Staples

Веб-аналитика *Интернет-маркетинг *Повышение конверсии *
Компания Staples – одна из крупнейших в мире сетей магазинов канцелярских товаров, насчитывает более 2000 магазинов в 26 странах мира. Компания ведет бизнес также и в онлайне, ее интернет-магазин является одним из крупнейших по оборотам в США. В компании всегда признавали, что UX сайта чрезвычайно важен, и что скорость загрузки сайта является одним из основных факторов, влияющих на UX.

К тому моменту, когда компания Staples решила уделить больше внимания ускорению собственного сайта, уже были известны данные, что с увеличением времени загрузки сайта процент отказов (bounce rate) возрастает (по данным mPulse/Soasta и Айри.рф):



А конверсия падает:


Читать дальше →
Всего голосов 16: ↑13 и ↓3 +10
Просмотры 7.6K
Комментарии 3

Как оптимизировать сайт на Magento

Блог компании WEBO Group Высокая производительность *CMS *Клиентская оптимизация *
Туториал
Перевод
0bbc5c5a3b67408cb9b0b8cf75cd9139.gif



Magento работает медленно. Иногда очень медленно. В этой заметке мы собрали перевод двух статей о последовательном ускорении интернет-магазине на базе Magento: от первого до последнего байта.


Ускорение загрузки страниц упрощенно состоит из двух слагаемых: «время до первого отправленного байта» (TTFB – time to first byte) и время рендеринга в браузере. Перед тем, как перейти к оптимизации фронтенда, нужно постараться улучшить показатель TTFB.


Читать дальше →
Всего голосов 12: ↑11 и ↓1 +10
Просмотры 9.2K
Комментарии 14

Распространение стандарта TLS SNI

Блог компании WEBO Group IT-инфраструктура *Серверная оптимизация *Сетевые технологии *DevOps *
Перевод

Своими наблюдениями за процентным содержанием расширения TLS SNI протокола TLS (RFC 4366) в общем объеме шифрованных HTTPS запросов делятся специалисты Akamai.

В последние несколько лет наблюдается бурный рост числа клиентов, поддерживающих TLS SNI (стандарт, позволяющий сделать HTTPS намного более масштабируемым). Если в начале 2014 года только 85% клиентских HTTPS запросов было сделано с использованием TLS SNI, то сегодня многие пользователи сервиса Akamai до 99% запросов получают в формате TLS SNI.
Читать дальше →
Всего голосов 10: ↑10 и ↓0 +10
Просмотры 14K
Комментарии 0

Dummy Origin: тестируем работу CDN

Блог компании WEBO Group Высокая производительность *Разработка веб-сайтов *Анализ и проектирование систем *Клиентская оптимизация *
Перевод


Перед тем как принять решение о работе с той или иной CDN хотелось бы убедиться, что она будет делать именно то, что мы от нее ожидаем. Конечно, вы прочитали документацию, и все подробно обсудили с консультантами, но ведь этого мало? И если вы подходите к делу так же въедливо, как и мы, этого недостаточно. Вы бы хотели протестировать CDN, получить объективные характеристики ее работы, сравнить их со своими требованиями и т. п.

Dummy Origin – это тот инструмент, который позволяет сделать все это наилучшим образом, а главное – легко.
Читать дальше →
Всего голосов 7: ↑7 и ↓0 +7
Просмотры 2.4K
Комментарии 1

Оцениваем эффективность Guetzli – время оптимизации и степень сжатия

Блог компании WEBO Group Высокая производительность *Клиентская оптимизация *Алгоритмы *Обработка изображений *
Перевод

Изображения вносят самый большой вклад в размер веб-страниц. По мнению многих экспертов, оптимизация изображений, их сжатие – приоритет номер один в списке мероприятий по ускорению производительности сайтов. Для этого могут использоваться различные методы сжатия – с потерями или без потерь, а также конвертация в другие форматы – SVG или WebP.

Поскольку тема оптимизации изображений по-прежнему актуальна, Google недавно представил новый алгоритм сжатия изображений с открытым исходным кодом, называющийся Guetzli. В этой статье мы разберемся, что он собой представляет, как работает и сравним его производительность с другими широко использующимися алгоритмами сжатия изображений.
Читать дальше →
Всего голосов 8: ↑5 и ↓3 +2
Просмотры 5.8K
Комментарии 5
1