WordPress Frontend SEO твики и оптимизации

  1. Оптимизируйте свои изображения WordPress
  2. Уменьшить WordPress HTTP-запрос
  3. Объединить запрос WordPress
  4. Сократить активы WordPress
  5. Включить сжатие Gzip
  6. WordPress Кэширование
  7. Инструменты тестирования скорости страницы
  8. Не все веб-дизайнеры складываются
  9. Теперь - кому из этих веб-разработчиков вы бы доверили свой сайт?

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

Исследования показали, что 40% пользователей будут переходить с веб-сайта, загрузка которого занимает более 3 секунд. Сокращение времени загрузки страницы на ваших сайтах WordPress может значительно увеличить конверсию и клики пользователей. Более быстрый сайт может даже помочь вам оценивать лучше в поисковых системах, таких как Google.

Оптимизируйте свои изображения WordPress

Самым распространенным аспектом, замедляющим работу сайта, обычно являются изображения в формате jpg. Большинство людей и разработчиков используют ярлыки и неправильно оптимизируют свои изображения, что приводит к довольно большому размеру страницы и накладным расходам, особенно при первой загрузке, даже если веб-сайт кэшируется. Хорошей практикой является использование прогрессивного кодирования на изображениях и установка качества с хорошим компромиссом между скоростью и качеством. Если вы используете Photoshop, вы можете постепенно кодировать изображения прямо в интерфейсе «Сохранить для Web».

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

Другой распространенной проблемой является использование правильного формата изображения. Я не буду вдаваться в подробности о форматах изображений, так как это сама по себе статья, но я скажу, что формат PNG не предназначен для больших сложных изображений. Сохраняйте изображения PNG для простых маленьких изображений, спрайтов изображений или изображений, которые требуют прозрачного фона. Если вам нужно использовать изображение PNG, обязательно запустите PNG через API / службу сжатия. Мне лично нравится пользоваться Tinypng , Это просто, быстро, и любой может его использовать. Это просто работает.

Это просто работает

Запуск изображений в формате png посредством сжатия, например, Tinypng, и обеспечение того, что изображения в формате jpg постепенно кодируются и оптимизируются, может привести к значительному сокращению времени загрузки.

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

Уменьшить WordPress HTTP-запрос

Следующим большим убийцей WordPress является чрезмерный http-запрос. Http-запрос - это количество ресурсов, которые запрашиваются и выбираются с вашего веб-сервера для отображения вашего веб-сайта. Чем выше количество запросов, тем больше ресурсов требуется для загрузки вашего сайта, и тем дольше конечный пользователь должен ждать, пока все загрузится.

Большим фактором при запросе http является использование плохо закодированных коммерческих тем WordPress из коробки и отсутствие попыток оптимизации тем. Вот пример местного веб-сайта агентства веб-разработки в Гринвилле, Южная Каролина.

Вот пример местного веб-сайта агентства веб-разработки в Гринвилле, Южная Каролина

Обратите внимание на 110 запросов и 10 секунд загрузки страницы. Это ужасно! Этот сайт загружает 39 различных javascripts только на главной странице! Это учебник, рассказ о том, что не нужно делать на веб-сайте WordPress.

Объединить запрос WordPress

Для борьбы с вышеуказанной проблемой чрезмерного http-запроса. Вы должны удалить все скрипты, которые вам не нужны. Затем вам нужно объединить и объединить ваши активы и переместить все ваши Javascripts в нижний колонтитул на сайте, чтобы они не блокировать рендеринг ,

Самый простой способ добиться этого на WordPress - это использовать расширение или модуль, который автоматически объединяет эти ресурсы для вас и имеет возможность откладывать сценарии для вашего нижнего колонтитула. Популярные расширения для кэширования, такие как WP Rocket, W3 Total Cache, FastestCache, имеют возможность сделать это в несколько кликов. Эти модули также имеют возможность объединять ресурсы таблицы стилей CSS, что может еще больше сократить ваш http-запрос.

Далее в списке будет объединить статические изображения в спрайты уменьшить накладные расходы изображения. В основном спрайт изображений объединяет несколько изображений в одно и использует CSS для позиционирования изображения там, где оно выглядит как одно изображение. Нет простого способа сделать это на WordPress, но есть инструменты, которые делают его несколько упрощенным и понятным.

Популярный сайт отзывчивые css спрайты приходит на ум, а также SpritePad , Изображения, такие как значки, фоновые изображения и, в основном, изображения, которые вы не планируете менять, часто являются отличными кандидатами на спрайты изображений.

Сократить активы WordPress

Еще один простой способ повысить скорость страниц WordPress - минимизировать ваши ресурсы. Это означает удалить пустое пространство в ваших файлах CSS, Javascript и HTML. Сокращение ваших ресурсов уменьшает накладные расходы на файлы и, как правило, помогает сократить время загрузки. Некоторые веб-инструменты для минимизации файлов HTML / CSS MinifyCode а также Minifier , Большинство модулей оптимизации и кэширования WordPress также предлагают своего рода минификацию.

Включить сжатие Gzip

Еще один ежу понятно на любом сайте WordPress заключается в использовании Сжатие Gzip , Gzip-сжатие - это технология на стороне сервера, которая в основном разбивает байты, отправленные в ваш веб-браузер, что приводит к уменьшению общего размера файлов. Что приводит к ускорению загрузки.

Чтобы включить сжатие WordPress Gzip, вы можете использовать один из плагинов кэширования и оптимизации скорости, упомянутых выше, или добавить gzip прямо в ваш файл htaccess через Google ,

WordPress Кэширование

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

Многие плагины кеширования WordPress также имеют функции для объединения ресурсов, отсрочки загрузки javascript и всех других настроек производительности. Один из моих любимых плагинов для кэширования FastestCache , По сравнению с W3 Total Cache это просто и понятно. Это делает работу, и бесплатная версия очень эффективна!

Инструменты тестирования скорости страницы

Некоторые из лучших инструментов для тестирования вашего сайта WordPress: Pingdom Pagespeed , GTMetrix и гугл PageSpeed ​​Insights ,

Скорость страницы Pingdom велика и проста в использовании. Преимуществом этого сайта является возможность выбора местоположения сервера тестирования и простой удобный для чтения интерфейс. GTmetrix - следующий в списке, и он дает вам возможность сравнивать несколько сайтов, и это здорово, если вы хотите оценить конкурентов. Google Pagespeed Insights великолепен в том смысле, что он учитывает мобильные устройства и предлагает оптимизированные ресурсы в виде загружаемого zip-файла (используйте ресурсы на свой страх и риск, оптимизация изображений обычно довольно хорошая).

Не все веб-дизайнеры складываются

Этот пост предназначен для того, чтобы стать простым руководством по оптимизации вашего сайта WordPress. Есть намного больше деталей, которые входят в создание действительно хорошо оптимизированного веб-сайта. Будьте осторожны с агентствами и веб-разработчиками, которые игнорируют базовые методы оптимизации интерфейса. Эти оптимизации являются основными методами разработки интерфейса, и единственная причина, по которой они не применяются, заключается в явной лени или некомпетентности.

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

Я управлял несколькими местными веб-сайтами Гринвилля, Южная Каролина AAgency через GTmetrix, и сравнивал их с моим собственным сайтом. Клемсон Веб-дизайн ,

Все эти агентства веб-дизайна Greenville предлагают «Качественные сайты WordPress» . Не к моему удивлению. Это результат GTmetrix.

Это результат GTmetrix

Теперь - кому из этих веб-разработчиков вы бы доверили свой сайт?

Я не говорю ничего плохого об этих делах. Я уверен, что они абсолютно выдающиеся люди. Я просто указываю на результаты GTMetrix. Оптимизация и скорость сайта напрямую влияют на SEO и органический трафик. Каждый сайт, который я создаю, оптимизирован. Вы никогда не увидите оценку D в результатах запроса Google Pagespeed!

Если вас беспокоит медленный сайт, позвоните мне или напишите мне. Я делаю всю свою работу прямо здесь, в северной части штата, Клемсон, Южная Каролина. Я также с гордостью могу сказать, что все мои сайты сделаны в Америке! Я буду рад помочь вам в правильной и быстрой работе вашего сайта WordPress!

СВЯЗАТЬСЯ

Меню сайта
Мини-профиль
  • Регистрация Напомнить пароль?

    Бесплатно можно смотреть фильмы онлайн и не забудьте о шаблоны dle на нашем ресурсе фильмы бесплатно скачать c лучшего сайта
    Опросы
    Топ новости
    Инструкция: как включить подсветку клавиатуры на ноутбуке Asus


    Заблокировалась и отключилась встроенная клавиатура на ноутбуке: как снять блокировку и включить? 


    Ремонт ноутбука ASUS N75S в Санкт-Петербурге (СПб): замена дисплея, замена клавиатуры, ремонт корпуса Асус N75S, замена матрицы
    Услуга Стоимость, руб. Диагностика ASUS N75S Бесплатно (500р при необходимости разбора) Профилактические работы с системой охлаждения + замена кулера 2500 р * Замена чипа (видеочипа) ASUS N75S 6000-6500 Замена

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

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

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

    Замена и ремонт клавиатуры для ноутбука, видео-инструкции
    Замена клавиатуры и кнопок ноутбука показано на видео с подробным объяснением процесса. Цена замены в сервисном центре от 200 рублей . Звоните по тел: +7 (812) 640-03-20 . Замена или ремонт

    4 способа, как отключить клавиатуру на ноутбуке
    Если у вас есть ноутбук, то клавиатура и тачпад на нем являются важными составляющими, без которых работа на устройстве будет вызывать сложности. Конечно есть альтернативы в виде клавиатур и мышей, которые

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

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