Что ваш учитель не рассказал вам об оптимизации скорости сайта

/, SEO/Что ваш учитель не рассказал вам об оптимизации скорости сайта

Что ваш учитель не рассказал вам об оптимизации скорости сайта

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

site-page-speed-ss-1920

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

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

Оцените текущую производительность загрузки в Google Analytics

Если у вас установлена ​​Google Analytics на вашем веб-сайте, выяснение того, как работают ваши страницы, должно быть относительно легкой задачей. Просто перейдите в «Поведение»> «Скорость сайта» и просмотрите различные отчеты, содержащиеся в нем.

В отчетах «Сроки времени и скорости» будут показаны ваши лучшие страницы, а также их статистика производительности, а также предложения по улучшению скорости страницы. Эти отчеты помогут определить страницы, которые вы хотите установить приоритет.

После того как вы оценили текущее время загрузки страницы в Google Analytics, вам необходимо проанализировать факторы вашего сайта, которые вызывают проблемы. Невосстановленные изображения являются первичными виновниками? Возможно, это чрезмерно раздутый код? Плохой сервер? Или все три фактора сразу?

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

Предварительно загрузите все элементы уровня страницы, если это применимо

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

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

Кроме того, есть способы предварительно загружать элементы уровня страницы с помощью CSS, как показано в этом примере. Там, где есть альтернативы CSS, лучше использовать CSS для JavaScript. Зачем? Потому что JavaScript представляет проблемы, когда люди, которые посещают ваш сайт.

Если ваша учетная запись Google Analytics не показывает посетителей с выключенным JavaScript, вам нужно беспокоиться? Да. Вы никогда не знаете, когда этот случайный высокотехнологичный посетитель появится на вашем сайте с установленными настройками.

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

Убедитесь, что все изображения правильно оптимизированы

Хорошо известная отраслевая практика гарантирует, что все изображения будут правильно оптимизированы. Это означает, что вы не должны использовать JPG на 2,5 МБ на странице, с хрустом в изображение размером 150 х 150 пикселей. Вы должны убедиться, что вся информация о пикселях должным образом свернута в программе, например Adobe Photoshop, перед загрузкой изображения.

Если этот шаг не будет выполнен, произойдет то, что у вас будет изображение размером 150 x 150 пикселей с физическим размером 2,5 МБ. Подождите, как изображение может быть 150 x 150, но имеет физический размер 2,5 МБ?

Ответ заключается в том, что он не был физически сжат. Когда вы физически сжимаете изображение, вы не только уменьшаете размеры изображения, но и уменьшаете физические размеры. Adobe Photoshop выполняет так называемое «сжатие без потерь», тип сжатия, который оставляет окончательный оптимизированный файл в точности так, как вы его нашли.

Идеальный размер диапазона для оптимизации изображений в контенте составляет около 15-50 КБ в зависимости от размеров пикселей. Очевидно, что фотография размером 700 x 700 будет намного больше, чем фотография 150 x 150, поэтому лучше всего использовать ваше лучшее суждение, основанное на скорости соединения вашей аудитории.

Однако, просто взяв сохраненное изображение и изменив его размер в CMS, как WordPress не будет работать. Зачем? Потому что WordPress меняет размеры физических размеров. Он не изменяет размеры физических + пикселов одновременно.

Вот почему требуется двухчастный процесс: 1. Возьмите изображение и физически измените размеры его пикселей в Photoshop, 2. Затем добавьте его в WordPress. Конечно, шаг 2 устраняется, если вы используете ручное кодирование, потому что все, что вам нужно сделать, это кодировать ширину + высоту изображения.

Это приводит нас к следующему пункту: всегда удостоверьтесь, что ваши изображения закодированы по ширине и высоте. Зачем? Поскольку в противном случае браузер должен угадать размер изображения. Он добавляет дополнительный шаг к процессу рендеринга, который тем самым добавляет драгоценные миллисекунды для загрузки времени. Вы еще не впечатлены? Нет? Давайте двигаться вперед, затем …

Назовите правильный путь, подумав «минимизация с самого начала»

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

Сколько divs вы действительно хотите использовать в своем контенте? Сколько таблиц? (Надеюсь, вы еще не используете таблицы для дизайна. Это устаревший метод, и W3C заявляет, что таблицы должны использоваться только для табличных данных, а не для макета.) Я действительно хочу нарезать это изображение на четыре части? Или, было бы лучше использовать одно изображение и оптимизировать его по своему ядру? (Это решение, которое будет зависеть от размера изображения.)

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

Пример кода 1

Конденсируя это кодирование в его минимальную форму и используя CSS для достижения абсолютной минималистской разметки, мы можем, можно уменьшить время загрузки страницы с помощью минимизации. Наблюдая за надлежащим планированием и исполнением, наше время загрузки может быть настолько немного сведено к минимуму выше и выше вызова долга (именно это мы и хотим):

Пример кода 2

[Увеличить]

На существующем веб-сайте минимизируйте Javascript, CSS и весь код bloat

Если на вашем сайте больше двух или трех файлов JavaScript, это считается чрезмерной реализацией JavaScript. Причина в том, что чем больше обращений к серверу возникают ваши элементы на странице, тем больше узких мест вы вводите на скорость вашего сайта.

То же самое касается и многих файлов CSS одновременно. Когда вы добавляете 10 файлов JavaScript поверх 10 файлов CSS, это может вызвать некоторые проблемы с узкими местами.

Общая рекомендация — убедиться, что ваш сервер обрабатывает не более двух или трех файлов JavaScript и / или двух или трех файлов CSS на странице, чтобы проверить ваши серверные вызовы.

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

Если вы сомневаетесь, всегда отправляйте ручной маршрут.

Стремитесь к менее чем одному секунде времени загрузки для всех подключений и устройств

Следующая цитата из «Как время загрузки влияет на вашу нижнюю линию» в блоге Kissmetrics:

Время загрузки является основным фактором, влияющим на отказ страницы. У обычного пользователя нет терпения для страницы, которая слишком долго загружается, и это оправданно.

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

Какова причина этого, казалось бы, невозможного показателя времени загрузки в одну секунду? Согласно Kissmetrics, «1-секундная задержка в ответе на страницу может привести к 7% -ному сокращению конверсий».

Это означает, что «если сайт электронной коммерции зарабатывает 100 000 долларов в день, задержка в 1 секунду может потенциально стоить вам 2,5 миллиона долларов в случае потери продаж каждый год».

Это тяжелая цена, чтобы заплатить за продолжение работы сайта с 7-8-секундным временем загрузки. Поэтому, пожалуйста, сделайте загрузку своего сайта за одну секунду или меньше. Ваши посетители (и Google) будут вам благодарны.

Примечание. Это всегда реалистично? Нет. Бюджет, приоритеты и другие вещи, такие как область проекта, должны быть приняты во внимание, когда вы принимаете решение по этому вопросу. Очень важно использовать свое собственное усмотрение и лучшее решение при принятии решения о том, будет ли это хорошим шагом для вашего проекта.

Особые соображения для мобильных

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

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

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

Вот один пример: если вы используете образ заголовка, создайте образ заголовка таким образом, чтобы вы могли динамически изменять его размер через медиа-запрос, используя тот же заголовок. Не используйте несколько изображений для нескольких мультимедийных запросов. Все, что делает это, — это увеличение вызовов на сервер и создание узкого места пропускной способности, которое может быть сложно оптимизировать после факта. Помните наш пример JavaScript? Всегда выполняйте вызовы на сервере.

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

Это отнюдь не единственное, что вы можете сделать, но они помогут

Следуя этим рекомендациям, можно повысить производительность сайта в десять раз. Глядя на минимизацию, Google Analytics и общие проблемы с скоростью сайта и обеспечение их быстрого разрешения, помогут добавить к этой производительности.

By | 2017-11-30T11:39:32+00:00 Ноябрь 30th, 2017|Categories: Google, SEO|Tags: , , |0 Comments

Leave A Comment

%d такие блоггеры, как:
ОСТАВЬТЕ ЗАЯВКУ
Перешедшим от других SEO-компаний приветственная скидка 40%
Мы Вам перезвоним и подготовим лучшее предложение.
  1. Позвоним
  2. Проведем аналитику
  3. Разработаем прогноз
  4. Презентуем стратегию
  5. Подпишем договор
  6. Запустим проект
Хотите купить квартиру?
Обращайтесь и мы Вам поможем
  • Скорость решения вопроса
  • Ваш финансовый интерес
  • Качественное обслуживание
  • Всесторонняя забота о клиенте
  • Работаем на репутацию
  • Поддержка на всех этапах
* we never share your e-mail with third parties.
Do you want more traffic?
Dignissim enim porta aliquam nisi pellentesque. Pulvinar rhoncus magnis turpis sit odio pid pulvinar mattis integer aliquam!
  • Goblinus globalus fantumo tubus dia montes
  • Scelerisque cursus dignissim lopatico vutario
  • Montes vutario lacus quis preambul den lacus
  • Leftomato denitro oculus softam lorum quis
  • Spiratio dodenus christmas gulleria tix digit
  • Dualo fitemus lacus quis preambul pat turtulis
  • Scelerisque cursus dignissim lopatico vutario
  • Montes vutario lacus quis preambul den lacus
SUBSCRIBE TO OUR NEWSLETTER AND START INCREASING YOUR PROFITS NOW!
* we never share your e-mail with third parties.
ОСТАВЬТЕ ЗАЯВКУ
6 шагов за 31 день для увеличения ваших продаж
  1. Анализируем спрос и предложение
  2. Выделяем тематические сегменты
  3. Создаем группы объявлений
  4. Следим за отдачей от объявления
  5. Корректируем рекламную кампанию
  6. Предоставляем подробные отчеты
ОСТАВЬТЕ ЗАЯВКУ
При заказе сайта магазин на Facebook бесплатно!
И вы получите самый социальный инструмент для продаж.
  1. Проведем аналитику
  2. Подготовим контент
  3. Добавим продукты
  4. Произведем настройку
  5. Синхронизируем магазины
  6. Вам остается наслаждаться




PGlmcmFtZSB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzcmM9Imh0dHA6Ly9tYWdhemluc2l0ZS5ydS93cC1jb250ZW50L3VwbG9hZHMvMjAxNy8wOS/QodC+0LfQtNCw0L3QuNC1LdGB0LDQudGC0LAt0LIt0JrQuNGI0LjQvdC10LLQtS3QnNC+0LvQtNC+0LLQsC5tcDQ/YXV0b3BsYXk9MSIgZnJhbWVib3JkZXI9IjAiIGFsbG93ZnVsbHNjcmVlbj48L2lmcmFtZT4=
ЗАЧЕМ СОЗДАВАТЬ САЙТ
  • Goblinus globalus fantumo tubus dia montes
  • Scelerisque cursus dignissim lopatico vutario
  • Montes vutario lacus quis preambul den lacus
  • Leftomato denitro oculus softam lorum quis
  • Spiratio dodenus christmas gulleria tix digit
  • Dualo fitemus lacus quis preambul pat turtulis
* we never share your e-mail with third parties.
Do you want massive traffic?
Dignissim enim porta aliquam nisi pellentesque. Pulvinar rhoncus magnis turpis sit odio pid pulvinar mattis integer aliquam!