Позвольте мне начать с того, что скорость — это особенность.
И одна из самых важных функций, на которую вы могли бы обратить внимание при разработке своего веб-сайта. Каждая другая функция на вашем сайте, будь то ваш блог, ваша страница входа или основная функция вашего приложения, зависит от нее.
Тем не менее, несмотря на то, что это повторяется до отвращения, SEO-специалистам и маркетологам было трудно усвоить это и интегрировать в свой рабочий процесс.
Итак, сегодня я собираюсь дать вам одну красивую строку кода, которая поможет вам начать оптимизировать скорость вашего сайта.
Друзья, познакомьтесь с rel=prerender.
Эта небольшая строка кода позволяет вам загружать страницу по вашему выбору на скрытой вкладке в браузере вашего пользователя.
Все, от HTML, CSS до JS, выполняется и сохраняется в стороне, ожидая, пока ваш пользователь перейдет на страницу.
Когда пользователь наконец нажимает на ссылку, указанную в теге ‹link›, его текущая вкладка заменяется скрытой вкладкой, что создает иллюзию мгновенной загрузки страницы.
Довольно круто, да?
Хотите увидеть его в действии?
Зайдите в Google и введите популярный термин. Они используют его для предварительной загрузки первого результата на странице.
Самая сложная часть настройки этой ссылки — это выбор страницы для отображения в фоновом режиме.
В приведенном выше примере Google мы можем увидеть отличный вариант использования, когда они предсказывают, что пользователь нажмет на первую ссылку (по которым нажимают более 60% пользователей), поэтому они отбрасывают это в сторону в ожидании первой ссылки. пользователь выбрал его.
Когда вы смотрите на свое приложение, подумайте о том, что пользователь делает с приложением и какое действие вы ожидаете от него в следующий раз. Затем выполните предварительный рендеринг этой страницы.
Подумайте о многостраничных потоках потенциальных клиентов, регистрации приложений, кнопках «следующая страница» и обо всем, что ускорит навигацию пользователя по сайту.
В Интернете есть множество руководств, которые помогут вам интегрировать этот фрагмент на ваш сайт, независимо от того, используете ли вы WordPress, Drupal, Magento или какую-либо другую CMS. В большинстве случаев я бы рекомендовал не загружать тяжелый плагин для выполнения этой работы, а вместо этого просто жестко встроить его в дизайн вашего сайта.
Если вам нужна помощь, просто дайте мне знать в комментариях, и я буду рад помочь вам с этим.