инструменты

Последние месяцы, мою жизнь отравляло плохое качество видеосвязи — одного из основных рабочих инструментов (и не шутите, что это должен быть мозг).

Каждую минуту, на пару секунд, latency (задержка) беспроводной сети вырастал до 200-300 мс, появлялись потери пакетов. Сетевое взаимодействие компьютеров и видеосвязь устроена так, что даже временное повышение latency роняет качество связи надолго. Я не слышал собеседника, коллеги не слышали меня.

Я грешил на беспроводные сети, на фазу луны и, конечно же, на Госдеп США. Купил за 30 долларов программу PingPlotter, чтобы убедиться, что меня не глючит и проблема на самом деле регулярная. Задумывался уже поменять роутер, когда догадался поступить как нормальный инженер и почитать логи (бортовой журнал системы). Виноват оказался locationd.

Оказывается, ровно раз в минуту macOS пытался определить физическое местоположение ноутбука и собирал для этого список близлежащих беспроводных сетей. Это «тяжелая» операция, вот всё и затупляло.

Решение оказалось простым — выключить сервис определения местоположения (Location services) в настройках системы. Я уверен, что переустановка системы с нуля (классическое решение любых проблем с компьютерами) тоже бы помогла (и Location services остался бы включенным); но то, что приносило радость в 15 лет, не кажется таким же заманчивым в 30.

Как можно было отладить проблему, не имея опыта сисадминства — не представляю. А ведь эта же проблема может мучить учителя или врача, он сидит и думает «сраный скайп», в то время как проблема совсем в другом :(

Commento, классный движок для добавления комментариев на сайт, запустил hosted-версию. Раньше нужно было держать его на своем сервере, теперь достаточно добавить строчку подключения на страничку. Стоит от 5 долларов в месяц, можно платить сколько посчитаешь правильным. Хороший лендинг.

Основной конкурент — Disqus имеет бесплатный режим, но при этом использует накопленные данные для продажи рекламы.

Люблю, когда плачу явно; это вносит ясность в отношения.

Многие пишут, рекомендуют sitespeed.io. Спасибо большое! Это качественно и красиво упакованный пакет для автоматизированного тестирования и мониторинга производительности, добавил в список. Ну и лендинг у них классный!

Делюсь золотой шкатулочкой с инструментами для оптимизации веб-страниц:

1. Самый крутой, о котором мало кто знает: Webpagetest. Огненная функция в нем — filmstrip view, где можно по-кадрово отсмотреть, как загружается страница и разглядеть, какой скрипт или стиль виноват в долгой загрузке. Медитируем на него без остановки.

2. Самый простой: PageSpeed Insights, довольно жесткий инструмент от гугла, где быстрая главная медузы набирает 6/100. Мы с командой RAWG последние 2 недели приносили человеческие жертвоприношения на страницу игры и подняли её мобильный рейтинг с 6 до 46, а десктопный — с 40 до 92. Главная польза PSI — простые и понятные советы, часть из которых очень дорого реализовать, но всё по делу. Вообще, его отчеты — отличный учебник по современной оптимизации для веб-разработчика. Дополнительный бонус — исходный код движка PSI, Lighthose открытый, можно посмотреть, за что именно дают или снимают баллы.

3. Google Chrome. Нам нужны две функции — первая, это Lighthouse (движок PSI из предыдущего пункта). Вторая — возможность затормозить сеть (вкладка Network) и затормозить процессор (вкладка Timeline). Позволяет отследить проблемы, которые на быстром интернете и мощном процессоре не заметны.

4. GTMetrix, многофукциональный комбайн, вдобавок к стандартным метрикам оценивает использование CDN, SSL и много других мелочей.

5. sitespeed.io: крутой инструмент для автоматизированного тестирования (докер образ, легкая интеграция в дэшборд графаны), внутри комбинирует множество опенсорс-утилит.

Самое главное, что нужно при оптимизации веб-страниц — пытливый ум и настойчивость. Не стесняйтесь просить помощи у знакомых, они могут сходу заметить то, что вы замыленным взглядом уже не увидите.

Если я забыл что-то важное — маякните в личку @samatg или в чатик @ctodailychat, пожалуйста.

Да пребудет с вами сила оптимизации!

Открыл для себя Google Ads Keyword Planner. Он позволяет посмотреть, как часто люди ищут заданные фразы в гугле и сколько будет стоить контекстная реклама по указанным ключевым словам (Яндекс Вордстат на стероидах).

Это — хороший рабочий инструмент, есть даже quick switcher клавиатурный для быстрой навигации между экранами. Интересно залипать, сравнивая ключевики и категории ключевиков между собой. В сравнении с классическим Google Trends — как Lego Duplo рядом с РД-180 (про историю этого двигателя хочется отдельный длинный пост).

Ну и странное ощущение, что ты в этот момент являешься клиентом гугла, а не пользователем.

Один из самых функциональных и удобных сервисов email-рассылок — Mailchimp. В сентябре они сделали очень красивый редизайн и теперь в радость заходить к ним в админку. Зануды скажут, что красиво — плохой эпитет для дизайна. Ну и пусть.

Классная функция в хроме для отладки веб-приложений — «Clear storage».

Можно нажатием на одну кнопку сбросить всё, что связано с конкретным сайтом — localStorage, куки, все кеши и даже сервис-воркеры.

Гораздо круче для отладки и тестирования, чем режим инкогнито. В инкогнито не работают пуши, например. А тут будто в первый раз зашел на сайт, но при этом все вкладки рядом живы, экстеншены нужные стоят и никакого жонглерства с профилями. 👍

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

И только в пятницу вечером, наш фронтендер Рома сказал «блок-схему бы». Начали рисовать схему в draw.io, пошарив экран и тут же всплыли все дырки в логике.

Блок схемы — супер-важный инструмент, организует мозги. Рекомендую draw.io (хранит схемы в google docs, бесплатный) или lucidchart.com (чуть поудобнее, но в бесплатном режиме не больше 60 объектов на странице).

Обнаружил, что есть простой, быстрый, дешевый и главное — легальный способ проверить, есть ли страница в поисковом индексе гугла. Запрос вида inurl:<требуемый адрес> в Custom Search JSON API вернет 0, если страницы нет в индексе и >0, если она там есть.

100 запросов в день бесплатно, дальше 5$ за каждую тысячу запросов. Красота!

P.S. У желающих создать свой сервис по поиску в интернете на основе этого API — мало что выйдет, для доступа к JSON API нужно указать не более 10 доменов, по которым будет ограничен поиск.

Планируя домашние бэкапы, обнаружил, что стоимость терабайта практически не зависит от объема диcка (раньше, крупные винчестеры стоили дороже).

А ещё убедился, что Numbers эстетически на голову выше Excel и Google Sheets. В нем можно составить цельную историю с множеством таблиц, текстом, картинками. Кайф.