Изначально опубликовано в блоге нашей компании :)
Wordpress поддерживает почти 30% Интернета
Все слышали о Wordpress, и он широко используется - от мелких блоггеров до крупных корпораций. Его ценностное предложение основано на простой и быстрой настройке. Это дает большие преимущества, такие как огромная библиотека плагинов (которые работают прямо из коробки) и темы plug-and-play, которые позволяют непрограммистам легко настраивать свои веб-сайты. Это здорово, так где же подвох?
Отсутствие безопасности
Знаете ли вы, что статистика показывает, что от 70 до 80% сайтов Wordpress имеют уязвимости в безопасности? Это потому, что Wordpress существует уже давно, он написан на PHP, и большая часть его кода просто устарела. Это не касается небольших блогов или частных страниц, но, безусловно, должно привлечь внимание компаний, которые их используют.
Старая кодовая база и перегрузка плагинов
Конечно, за установку и использование плагинов приходится платить. Некоторые из них плохо написаны или просто не обновляются. Это, а также тот факт, что Wordpress имеет огромную, излишне раздутую кодовую базу, сильно влияет на скорость загрузки веб-сайта. Если вы часто пользуетесь Интернетом, то, скорее всего, заметили, что некоторые веб-сайты загружаются очень медленно. Что ж, уверяю вас, что большинство этих медленных сайтов используют Wordpress и страдают от его плохой оптимизации.
Дело не в том, что вы не можете оптимизировать сайты WP по скорости. Можно, но это непросто и требует больших знаний программирования и времени. Можно сказать: до того, что оно того не стоит.
Скорость важна
Сегодня иметь сайт с быстрой загрузкой - это не роскошь, а необходимость. Не только из-за опыта пользователей, но и из-за SEO. Время загрузки страницы может прямо или косвенно повлиять на рейтинг вашей страницы. Google вознаграждает веб-сайты, загружаемые менее чем за одну секунду, повышая их рейтинг в результатах поиска. Косвенным эффектом длительного времени загрузки страницы является более высокий показатель отказов, что немедленно приводит к меньшему вовлечению трафика.
Итак, Wordpress хорош?
Я не собираюсь убеждать вас, что вам нужно что-то более мощное, чем Wordpress, для небольших блогов и личных веб-сайтов. Потому что ты этого не делаешь. Разработка будет стоить дороже и не принесет вам такой большой пользы. А как насчет веб-сайта вашей компании? Разве это не должно быть вашим окном в мировой бизнес?
И, конечно, не говоря уже о более крупных проектах, которые определенно нуждаются в оптимизации и отличном UX, учитывая, насколько жестока конкуренция сегодня. Клиенты ожидают совершенства, и вы должны обеспечивать его во всех возможных формах. Вот почему мы отправляемся в путь, чтобы найти действительно быструю технологию.
Что такое Гэтсби и почему вам это должно быть интересно?
Gatsby - это генератор статических сайтов. Он построен на React и представляет собой великолепную технологию. Он не только выполняет предварительную визуализацию и оптимизирует весь ваш сайт. Он также автоматически оптимизирует все изображения, изменяя размер, предварительно загружая, сжимая и удаляя из них метаданные. Код вашего веб-сайта построен с использованием компонентов, поэтому он красиво структурирован. И он использует GraphQL. Так что вы можете подключить его к любому источнику данных, в том числе… Мы поговорим об этом чуть позже.
Знание программирования
Прежде чем вы начнете читать дальше, важно знать, что если у вас нет опыта программирования, вы не создадите веб-сайт Gatsby самостоятельно. К счастью, мы в этом абсолютные знатоки. И, честно говоря, даже несмотря на то, что сайт создается на заказ с нуля, он не стоит ТАКОГО дороже, чем сайты Wordpress, а преимуществ очень много.
Хорошо, а что такое статический сайт и что он дает мне?
Обычно, когда вы посещаете веб-сайт Wordpress, вы замечаете, что контент отображается на ходу (если у вас нет действительно хорошего решения для кеширования). Это означает, что когда вы, например, нажимаете ссылку на портфолио, веб-сайт запрашивает у сервера контент портфолио и начинает его рендеринг.
В случае с Гэтсби дело обстоит иначе - ваш сайт уже предварительно обработан, прежде чем что-либо будет размещено в Интернете. По сути, ваши статические файлы загружаются непосредственно из глобально распределенной CDN. Это самый быстрый и очень дешевый способ размещения контента в Интернете.
Картина
Подумайте об этом так - вы хотите увидеть картину. Веб-сайт Wordpress запросит у сервера палитру, которую он должен использовать, и набор инструкций для рисования вашей картины вживую. Может быть, это интересно смотреть (не в случае с веб-сайтами, поскольку буферизация - это не весело), но вы должны ПОДОЖДИТЕ.
Теперь, когда у вас есть СТАТИЧЕСКИЙ сайт и вы хотите свою картину, сайт запрашивает только готовое, предварительно нарисованное произведение искусства. Не нужно знать ни инструкции, ни палитру. Он просто покажет вам готовую картину. И это невероятно быстро.
Ваша картина (сайт) не будет похожа на другие картины!
Посмотрим правде в глаза, у вас есть ваша компания, ваш бренд ... ваш ребенок. Вы действительно хотите, чтобы ваш сайт выглядел так же, как и все остальное в Интернете? Wordpress имеет несколько хороших вариантов использования, но создание уникальных красивых веб-сайтов не входит в их число. Гэтсби позволяет нам строить все с нуля, в точности так, как мы думали. Единственные границы - это ваше воображение и наши навыки программирования. Это означает, что на самом деле единственным ограничением является ваше творчество.
Ваш сайт оптимизирован для SEO
Поскольку мы занимаемся индивидуальным кодированием, мы также позаботимся о технических элементах SEO. Это означает, что аудит Google поставит ваш сайт значительно выше, чем решения Wordpress ваших конкурентов.
И вишня сверху
Вы действительно можете использовать вашу любимую админ-панель Wordpress (или фактически любую другую CMS) С Gatsby. Вот где настоящая сила.
Это называется CMS без головы.
Ваш контент по-прежнему добавляется через вашу любимую панель администратора, поэтому вы можете добавлять новые сообщения, редактировать их, добавлять изображения и все остальное, что вы обычно делаете. Он называется безголовым, потому что нет внешнего интерфейса, напрямую привязанного к вашей панели CMS. Они живут отдельно и совершенно независимы друг от друга, поэтому и ломать нечего. После ввода данные передаются в Gatsby и отображаются на вашем специально созданном веб-сайте.
Ваш динамический сайт статичен
Как это работает? Вы пишете сообщение в блоге, добавляете весь необходимый контент и сохраняете его. Теперь происходит волшебство. Все эти данные передаются в нашу систему сборки (для этого существует множество бесплатных сервисов, например Netlify). В нашей системе сборки есть все инструкции по раскрашиванию вашего произведения искусства именно так, как вы себе представляли. Таким образом, он выполняет предварительный рендеринг и сохраняет его в безопасном месте в виде необработанных статических файлов.
Каждый раз, когда вы добавляете новую публикацию или обновляете старую, наша система сборки перестраивает веб-сайт, а это означает, что новейшая версия всегда доступна в Интернете. Более того, когда он построен, он становится стабильным. Когда пользователи заходят на ваш веб-сайт, они получают это красивое произведение искусства, предварительно отрисованное. И они получают это ДЕЙСТВИТЕЛЬНО быстро.
Безопасность
Что лучше всего во всем этом, так это то, что это супербезопасно. Поскольку ваш веб-сайт (его внешняя часть) не требует подключения к серверу, взламывать нечего. По сравнению с типичным сайтом Wordpress (где можно взломать всю вашу административную панель, войдя с вашего сайта) ваш сайт Gatsby - это просто предварительно отрендеренный статический файл! Никаких бэкдоров, никаких эксплойтов.
Резюме
Подводя итоги, мы рекомендуем вам обратиться к Гэтсби в следующий раз, когда вам понадобится новый веб-сайт для вашей компании. Вы также можете ознакомиться с некоторыми примерами из нашего портфолио и лично убедиться, насколько быстры эти веб-сайты.
