Если бы несколько лет назад кто-то спросил меня, зачем я создаю сайт с онлайн-инструментами, я бы, вероятно, счел это немного странным вопросом.
Потому что, по моему впечатлению, в интернете и так уже полно таких сайтов.
Сжатие изображений, конвертация PDF, форматирование JSON, генерация QR-кодов, преобразование цветов... почти для любой потребности можно найти десятки, а то и сотни сайтов. Многие инструменты существуют уже более десятилетия и имеют огромную аудиторию.
Тогда зачем делать еще один?
Честно говоря, сначала я и сам не знал.
Сначала я просто хотел решить свою собственную проблему
У многих программистов есть привычка.
Столкнувшись с проблемой, первым делом они не скачивают программу, а открывают браузер и ищут онлайн-инструмент.
Иногда нужно сжать картинку.
Иногда — отформатировать фрагмент JSON.
Иногда — сгенерировать UUID.
Иногда просто хочется обрезать изображение, конвертировать формат или создать QR-код.
Эти потребности не сложные, но возникают каждый день.
И я начал коллекционировать сайты с инструментами.
Папка избранного в браузере становилась все длиннее.
Однажды я заметил интересную вещь.
Почти ни один сайт не вызывал у меня по-настоящему приятных ощущений.
На одном рекламы было больше, чем содержания.
Другой требовал обязательного входа в систему.
Третий загружался слишком медленно, на выполнение мелкой задачи уходила вечность.
Четвертый загружал файлы на сервер, и я понятия не имел, как долго там хранятся мои данные.
А интерфейс пятого застрял в прошлом десятилетии и на мобильном телефоне попросту не работал.
И я начал думать:
Что, если пересоздать все эти часто используемые мной инструменты по-новому?
Поначалу это был просто проект для практики.
Без бизнес-плана и дорожной карты продукта.
Я просто хотел сделать сайт, которым сам с удовольствием буду пользоваться каждый день.
Написать код несложно, сложно продумать детали
Когда я действительно начал работать, я обнаружил, что разработка функционала — это, пожалуй, самая простая часть.
Время действительно уходит на те детали, которые пользователи, скорее всего, даже не заметят.
Например, скорость загрузки страницы.
Многие могут подумать: ну что такого, если инструмент для обрезки изображений откроется чуть медленнее.
Но я так не думаю.
Если инструменту нужно ждать три-четыре секунды, я лучше снова оптимизирую его, чем заставлю пользователя ждать.
И я начал постоянно изучать оптимизацию производительности.
Как реализовать ленивую загрузку изображений?
Как разбить JavaScript на части?
Какие ресурсы нужно кэшировать?
Какие из них кэшировать на долгий срок?
Какие запросы влияют на рендеринг первого экрана?
Какой код вообще не нужно загружать?
Чтобы улучшить оценку хотя бы на немного, я снова и снова тестировал производительность страницы.
Иногда это была просто смена одной настройки.
Иногда — уменьшение размера ресурсов на несколько десятков КБ.
Хотя пользователи, возможно, этих изменений и не ощущают, но в совокупности все эти оптимизации в итоге делают весь сайт быстрее и плавнее.
Создание инструментов сложнее, чем кажется
В самом начале я думал, что сделать инструмент — это просто написать его функционал.
Позже я понял, что у по-настоящему удобного для долгого использования сайта есть еще много невидимой работы.
Например, интернационализация.
Если делать только китайскую версию, разработка несложная.
Но если хочешь, чтобы люди из других стран тоже могли пользоваться сервисом, это означает не только перевод текста.
Нужно учитывать верстку для разных языков.
Привычки пользователей из разных стран.
Как поисковые системы распознают страницы на разных языках.
Как проектировать URL.
Как оптимизировать заголовки и описания страниц под разные языки.
Все эти вещи, на первый взгляд, не являются функциями.
Но именно они определяют, сможет ли сайт по-настоящему служить большему числу людей.
SEO оказалось сложнее, чем я думал
Раньше я всегда считал, что если сайт хорош, поисковые системы сами его проиндексируют.
Позже я узнал, что все не так просто.
Я начал изучать карты сайта.
Структурированные данные.
Заголовки страниц.
Meta Description.
Канонические ссылки (Canonical).
Open Graph.
Кэширование страниц.
Core Web Vitals.
Почему Google и Bing индексируют одну страницу, а другую игнорируют.
Иногда из-за одной маленькой проблемы я могу потратить часы или даже дни в поисках ответа.
Это также одна из главных наград от создания этого сайта.
Оно позволило мне по-настоящему понять, что сайт — это не просто страницы и код.
За ним стоит еще много скрытых правил.
Почему инструменты остаются бесплатными?
Многие друзья спрашивали меня, будут ли эти инструменты платными в будущем.
На данный момент мой ответ — нет.
По крайней мере, для подавляющего большинства базовых инструментов я хочу, чтобы они оставались бесплатными.
Потому что я сам — пользователь этих инструментов.
Я знаю, что когда тебе просто нужно сжать картинку, ты не хочешь видеть всплывающее окно с предложением оплаты.
Когда тебе просто нужно конвертировать файл, ты не хочешь сначала регистрировать аккаунт.
Инструменты должны решать проблемы, а не создавать новые барьеры.
Конечно, сайту нужны серверы, обслуживание и постоянная разработка.
В будущем могут появиться некоторые бизнес-модели, например, реклама или продвинутые функции.
Но я надеюсь, что это не повлияет на базовый опыт обычного пользователя.
Название ToolAct
Многие, впервые увидев название ToolAct, спрашивают, что оно означает.
На самом деле, за ним не стоит никакой особо сложной истории.
Я хотел, чтобы сайт был не просто набором инструментов.
А главное — чтобы инструменты действительно помогали людям действовать (Act).
Сами по себе инструменты не имеют ценности.
Настоящая ценность в том, что они экономят твое время и помогают быстрее завершить дело.
Поэтому, вместо того чтобы коллекционировать кучу инструментов, я больше надеюсь, что вы откроете сайт, воспользуетесь нужным, закроете и продолжите заниматься своими делами.
Инструменты должны оставаться на заднем плане, а не быть в центре внимания.
Создание сайта — это тоже учеба
Многие, глядя на готовый сайт, думают, что он уже завершен.
Но для разработчика это всегда только начало.
С каждой новой функцией я узнаю что-то новое.
Почтовая система.
Аутентификация и авторизация.
Стратегии кэширования.
Интернационализация.
Поддержка доступности (accessibility).
Кроссбраузерная совместимость.
Поисковая оптимизация.
Безопасность.
Оптимизация производительности.
Многие из этих знаний раньше оставались для меня лишь в документации.
Только когда делаешь что-то сам, понимаешь, сколько там деталей.
Также благодаря этому проекту я начал больше фокусироваться на том, что нужно пользователям на самом деле, а не на том, что, по моему мнению, им нужно.
Дальше
В ToolAct еще многое предстоит улучшить.
Появятся новые инструменты.
Будет поддержано больше языков.
Будет продолжена оптимизация скорости.
Также будет постоянно улучшаться взаимодействие с пользователем.
Я не ожидаю, что он за одну ночь обретет тысячи и тысячи пользователей.
Я больше надеюсь, что каждый, кто сюда попадет, сможет быстро решить свою задачу и захочет вернуться снова.
Если однажды, когда вам понадобится онлайн-инструмент, в голове появится мысль о ToolAct.
Тогда я буду считать, что этот проект уже на половину состоялся.
В заключение
В интернете каждый день появляются новые продукты, и много сайтов тихо исчезают.
Я не знаю, как далеко продвинется ToolAct.
Но, по крайней мере, сейчас я все еще с удовольствием продолжаю писать код, оптимизировать детали, на которые, возможно, никто не обратит внимания, и добавлять по-настоящему полезные инструменты.
Если вы читаете эту статью, то добро пожаловать в ToolAct.
Надеюсь, какой-нибудь из инструментов здесь когда-нибудь сэкономит вам пару минут и решит маленькую проблему.
Если так произойдет, то решение создать этот сайт было того стоило.