Как ускорить индексацию сайта


5 способов на все случаи жизни — SEO на vc.ru

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

  • Интернет-магазину важно, чтобы новая категория или товар поскорее начали привлекать покупателей.
  • Информационному проекту быстрая индексация нужна, чтобы размещенный материал не потерял актуальность.
  • Сайту услуг тоже нужно соревноваться с конкурентами в поиске.

Если вы хотите, чтобы новые страницы сайта побыстрее стали доступны в выдаче, следуйте нашим советам.

Почему не индексируется сайт

Проблемы с индексацией сайта бывают трех типов:

  1. Страницы долго индексируются. Зачастую причина — в низкой частоте обновления контента на сайте, и робот просто реже его посещает. Также проблема может крыться в плохой SEO-оптимизации, некачественном контенте и сайте в целом.
  2. Страницы не индексируются ни Яндексом, ни Google. В этом случае нужно убедиться, что не установлен запрет на обход площадки роботами в robots.txt, настройках хостинга или в метатегах robots.
  3. Страницы не индексируются только одним поисковиком. Тогда стоит проверить сайт на фильтры проблемной поисковой системы.

Как ускорить ваш сайт - Руководство по ускорению загрузки

Автор
Аня Скрба

Обновлено:
12 декабря 2019 г.

Введение

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

Почему скорость вашего сайта имеет значение?

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

  • 47 процентов людей ожидают, что веб-сайт загрузится менее чем за две секунды.>
  • 40 процентов людей с большой вероятностью покинут веб-сайт, если он загружается более трех секунд.

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

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

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

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

Черта бедности по производительности (т. Е. Плато, при котором время загрузки вашего сайта перестает иметь значение, потому что вы достигли предельного минимума с точки зрения бизнес-показателей) для большинства сайтов составляет около 8 секунд

Коэффициент конверсии увеличивается 74% при увеличении времени загрузки страницы с восьми до двух секунд

Как проверить скорость вашего сайта?

  • PageSpeed ​​Insights - это бесплатный инструмент Google для проверки скорости вашего веб-сайта, им очень легко пользоваться.Все, что вам нужно сделать, это ввести URL-адрес вашего веб-сайта, и инструмент проанализирует его содержимое и сгенерирует предложения о том, как сделать ваш веб-сайт быстрее.
  • Pingdom - также очень полезный инструмент, который не только проверяет скорость вашего сайта, но также проверяет и оценивает производительность вашего сайта. Он также отслеживает историю производительности вашего веб-сайта, поэтому вы можете иметь представление о любых потенциальных изменениях, касающихся скорости вашего веб-сайта.
  • YSlow - это инструмент, который проверяет скорость вашего веб-сайта и предлагает советы, как ее улучшить.Он также может предоставить вам расширение Chrome для проверки скорости вашего сайта.

15 способов ускорить работу вашего сайта

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

Обновите свой план веб-хостинга

В реальном выражении это означает, что если ваш сайт обычно зарабатывает 100 000 долларов в день


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

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

Вот краткое примечание о них обоих. Хостинг VPS (виртуальные частные серверы), пожалуй, лучший вариант, поскольку он использует несколько серверов для распространения контента (иногда даже сотни серверов). Это также масштабируемое решение, которое больше всего подходит малому и среднему бизнесу, а также блогерам.

С другой стороны, с выделенными серверами вы получаете полный контроль, поскольку получаете выделенные ресурсы.Вам не нужно совместно использовать ОЗУ, ЦП, полосу пропускания или что-то еще, поскольку все ресурсы предназначены только для вас. Кроме того, пределы пропускной способности выше, но, поскольку у вас нет нескольких компьютеров, этот вариант хостинга намного менее гибкий. Однако это намного дороже, чем VPS-хостинг.

Включить кеширование браузера

Специалист по скорости Microsoft и ученый-компьютерщик Гарри Шам считает, что 0,25 секунды разницы во времени загрузки страницы - быстрее или медленнее - является магическим числом, определяющим конкурентные преимущества для онлайн-бизнеса.

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

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

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

Однако кеширование работает только для повторных посетителей, поскольку, очевидно, впервые посетители не имеют кешированной и сохраненной версии вашего веб-сайта.Тем не менее, включение полного кэширования для вашего веб-сайта может сократить время загрузки страницы с 2,4 до 0,9 секунды. Это связано с тем, что может быть 30 или более различных компонентов, которые необходимо сохранить в кэше пользователя при первом посещении вашего веб-сайта, но для последующих посещений необходимо загрузить только несколько компонентов.

В зависимости от платформы веб-сайта, которую вы используете, есть разные способы включить кеширование браузера. Например, если вы используете WordPress, самый простой способ включить кеширование - это установить плагин.Лучшие плагины для кэширования WordPress - это W3 Total Cache, который является самым популярным плагином для повышения производительности, и WP Super Cache, который лучше всего подходит для веб-сайтов с высоким трафиком и недостаточной мощностью серверов.

51% интернет-покупателей в США говорят, что медлительность сайта является основной причиной отказа от покупки

Если вы используете Drupal в качестве CMS, вы должны использовать программное обеспечение Varnish Cache для кэширования браузера. Если Joomla является вашей CMS, вы можете включить кеширование браузера на панели управления Joomla: перейдите в «Система»> «Глобальная конфигурация» и нажмите на вкладку «Система».Вы увидите метку «Кэш» под меткой «Настройки кеша», где вы щелкнете, чтобы открыть раскрывающееся меню и выбрать из списка вариант ВКЛ - Консервативное кэширование. Нажмите «Сохранить» и перейдите в «Расширения»> «Диспетчер подключаемых модулей», где вы можете включить подключаемый модуль «Система - кэш».

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

Вы также можете включить кеширование браузера на уровне сервера, то есть интегрировать кеширование в сценарии на стороне сервера, в чем ваш веб-разработчик может вам помочь.

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

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

79% недовольных клиентов больше не посещают неэффективные веб-сайты, за исключением случаев, когда вы работаете с Google или Amazon.

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

Если вы когда-либо сжимали файлы на своем компьютере в виде файлов ZIP, вы должны знать, насколько этот метод может уменьшить размер файлов. Сжатие Gzip работает точно так же, за исключением страниц веб-сайтов.Это лучший и наиболее эффективный метод сжатия, который может значительно минимизировать HTTP-запросы и сократить время ответа, иногда на 70 процентов.

46% недовольных клиентов производят стойкое негативное впечатление, а 44% делятся своими впечатлениями о покупках с остальным миром.

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

Вы можете установить сжатие Gzip на свой веб-сайт с помощью соответствующего плагина сжатия для вашей CMS, но вы также можете очень легко сделать это вручную. Есть два способа добавить сжатие Gzip на ваш сайт вручную. Первый - добавить следующий код в ваш.htaccess, если вы хотите сжать текст, JavaScript, HTML, CSS или XML:

100 миллисекунд. Вот как долго затылочная доля нашего мозга хранит визуальную информацию в виде сенсорной памяти.

AddOutputFilterByType DEFLATE текст / обычный
AddOutputFilterByType DEFLATE текст / html
AddOutputFilterByType DEFLATE текст / XML
AddOutputFilterByType DEFLATE текст / CSS
AddOutputFilterByType DEFLATE приложение / XML
AddOutputFilterByType DEFLATE приложение / XHTML + XML
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / x-javascript

Если вы хотите сжать файлы определенных типов по расширению, добавьте следующий код в ваш.htaccess файл:


SetOutputFilter DEFLATE

Второй способ вручную добавить сжатие Gzip на ваш веб-сайт - это добавить следующий код в верхнюю часть страницы HTTP или PHP:

Удалить ненужные плагины

100 миллисекунд
дает посетителям иллюзию мгновенного отклика сайта

Одной секунды загрузки страницы достаточно для поддержания непрерывного потока мыслей

При задержке в 10 секунд внимание посетителей едва удерживается.Ощущение нетерпения, разочарования и чувство покинутости обычно достаточно сильное, чтобы посетители не могли снова посетить такие медленные веб-сайты.

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

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

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

Примечание. Если вы, например, пользуетесь Drupal или Joomla, у вас нет плагинов для работы в первую очередь.Таким образом, вы можете ускорить свой сайт, отключив модули или добавив расширения для оптимизации скорости. Лучший совет для Drupal - никогда не запускать более 50 модулей. Запускайте только те, которые абсолютно необходимы для работы вашего сайта.

Что касается Joomla, не забудьте проверить следующие расширения, так как каждое из них может повысить скорость вашего сайта: JQuery Easy, LLFJ, Javascript Async и Defer и ScriptsDown.

Минимизация HTTP-запросов
Реальная жизнь
Примеры

Amazon и Walmart сообщили о 1% потере дохода на 100 мс задержки загрузки сайта.

Walmart увеличил конверсию на 2% на каждые 1 секунду улучшения времени загрузки

Когда Mozilla увеличила скорость страницы на 2.2 секунды , количество загрузок Firefox выросло на 15,4% , или на 10 миллионов в год!

Гигант электронной коммерции Shopzilla сократил операционный бюджет на 50 процентов за счет сокращения времени загрузки страницы с 7 секунд до 2 секунды

Веб-сайты могут работать медленно из-за слишком большого количества HTTP-запросов. Когда кто-то посещает ваш сайт, они запрашивают определенные файлы. Их веб-браузер запрашивает эти файлы с вашего сервера, используя протокол HTTP.Эти файлы включают файлы HTML, файлы CSS и JavaScript. Если у вас их много, будет много HTTP-запросов, и ваш сайт в конечном итоге будет тормозить.

Вот почему вы должны минимизировать HTTP-запросы. Для этого есть несколько отличных способов.

  • Объединяйте вместе CSS, JS-скрипты и HTML-файлы.
  • По возможности используйте CSS вместо изображений.
  • Уменьшите количество элементов на каждой веб-странице.
  • Установите плагин кеширования.
  • Уменьшите количество перенаправлений, которые создают дополнительные HTTP-запросы к вашему серверу и увеличивают время загрузки страницы.

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

Включить HTTP Keep-Alive

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

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

Вы можете включить HTTP Keep-Alive, скопировав и вставив следующий код в свой файл .htaccess:


Набор заголовков Поддержание активности соединения

Минимизировать файлы JavaScript и CSS

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

За каждую секунду, удаленную от времени загрузки, Intuit получает
конверсии

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

При минимизации (минимизации) HTTP-запросов и включении HTTP Keep-Alive может значительно повысить скорость вашего сайта. Вам следует подумать о минимизации файлов JavaScript и CSS, поскольку это также может значительно ускорить работу вашего сайта. Поместив все файлы JavaScript в один файл JavaScript, а также поместив все файлы CSS в один файл CSS, вы уменьшите их количество.Это уменьшит количество HTTP-запросов и ускорит ваш сайт.

Есть много инструментов для минимизации, которые вы можете попробовать, но вы можете начать с бесплатного и очень простого в использовании плагина WillPeavy, который поможет вам быстро минимизировать файлы HTML, CSS и JavaScript. BWP Minify (Better WordPress Minify) - также отличный плагин, который может помочь вам объединить и минимизировать ваши файлы JavaScript и CSS, но это плагин только для WordPress.

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

Изображения занимают много места.Когда они не оптимизированы, то есть имеют большой размер, они используют много ресурсов сервера и требуют больше времени для загрузки. Когда ваши изображения не оптимизированы, ваш сайт может работать намного медленнее.

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

Если вы используете WordPress, попробуйте WP Smush, плагин, который автоматически сжимает ваши изображения в тот момент, когда вы загружаете их в медиатеку.С другой стороны, если вы используете Drupal или Joomla в качестве CMS, обратите внимание на Kraken, который также является отличным инструментом для сжатия изображений.

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

Когда вы оптимизируете свои изображения, помимо их размера, вам необходимо сосредоточиться на их формате и атрибуте src, который является URL-адресом изображения. Вам следует придерживаться формата JPEG, в то время как PNG тоже хорош, но не полностью поддерживается старыми браузерами.

50% мобильных пользователей покидают страницу, если она не загружается в течение 10 секунд, а трое из пяти не возвращаются на этот сайт

Когда дело доходит до атрибута src, вам нужно убедиться, что код правильный.Избегайте пустых src-кодов изображений. А именно, код изображения в HTML включает следующее:

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

Измените тему вашего сайта

Среднее время ответа для 14
ведущих сайтов мобильной розничной торговли
составило 4.73 секунды. Amazon привел с
время отклика 2,85 секунды

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

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

Используйте CDN

Терпение пользователей мобильного Интернета

Большинство участников опроса подождали бы 6-10 секунд, прежде чем покинуть страницы

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

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

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

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

Сократить внешние сценарии

Внешние скрипты, которые вы добавляете на свой веб-сайт в виде кодов JavaScript, выполняют HTTP-запросы каждый раз при загрузке ваших веб-страниц. Как вы уже знаете, это замедляет работу вашего сайта. Эти внешние сценарии могут быть внешними системами комментирования, всплывающими окнами, внешними шрифтами, службами аналитики веб-сайтов, окнами социальных сетей, такими как окно «Нравится моя страница» в Facebook и многие другие.

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

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

Исправить неработающие ссылки

50% вашего бюджета времени загрузки в 1 секунду на мобильных устройствах уходит на задержку в сети.

Неработающие ссылки в вашем контенте не могут замедлить работу вашего сайта, но они могут сильно повлиять на взаимодействие с пользователем, поэтому вам следует уделять им всем пристальное внимание. Однако битые ссылки в ваших CSS, JavaScript и URL-адресах изображений могут отрицательно повлиять на скорость вашего сайта. Регулярно просматривайте ссылки и исправляйте неработающие, как только заметите их.

Неработающие ссылки чаще всего встречаются в исходных файлах изображений, что происходит при неправильном URL-адресе. Эти ссылки можно легко пропустить, особенно если размер определенного изображения определен как очень маленький. Когда на вашем изображении есть неработающая ссылка, то есть когда появляется ошибка 404, эта неработающая ссылка создает бесполезный ответ на HTTP-запрос, что замедляет работу вашего веб-сайта. Браузер пытается загрузить изображение, которое недоступно, поэтому ваша веб-страница тратит больше времени на загрузку изображения, что замедляет работу вашего сайта.

99% проблемы времени отклика по-прежнему вызваны слишком медленным пользовательским интерфейсом

Неработающие ссылки также можно найти в тегах ссылок CSS в заголовке ваших HTML-документов. Как и в случае с файлами изображений, если ваш файл CSS находится не там, где вы связались, запрос HTTP приведет к бесполезному ответу, и он вернется с кодом 404. Особенно важно регулярно проверять неработающие ссылки, если вы используете много внешних файлов CSS, поскольку их можно переместить, что приведет к ошибке 404.

Если в исходном URL-адресе JavaScript есть неработающая ссылка, ваш веб-сайт также может замедляться, как в случае с исходными файлами изображений и ссылками CSS. Но браузер также может пытаться интерпретировать JavaScript и вызывать не только увеличение времени загрузки, но и плохое взаимодействие скриптов. Когда браузер пытается загрузить страницу 404 вместо JavaScript, все остальные загрузки останавливаются до завершения загрузки страницы 404. Вот почему вы всегда должны помещать свой JavaScript в нижней части ваших HTML-документов (прямо перед закрывающим тегом ), что особенно важно, когда задействованы неработающие ссылки.

Вы можете бесплатно проверить неработающие ссылки с помощью WordPress Broken Link Checker.

Внедрение автоматизированного решения для оптимизации внешнего интерфейса вместе с CDN может сделать страницы в четыре раза быстрее

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

Отключить Hotlinking

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

Вот почему вы должны отключить хотлинкинг и предотвратить кражу ресурсов вашего сервера. Однако для этого вам необходимо добавить необходимый код на свой сервер.Есть некоторые инструменты, которые могут помочь вам сгенерировать правильный код, но ваш провайдер веб-хостинга также может помочь вам в этом.

79% из 400 крупнейших сайтов электронной торговли в ЕС и 75% из 2000 крупнейших сайтов электронной торговли в США не используют признанный CDN

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

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

Используйте надежную CMS

Только 10% периода ожидания определяется ответом HTML на запросы браузера, а оставшиеся 90% задержки вызваны отображением страниц, синтаксическим анализом HTML, выполнением скриптов кода и извлечением встроенных ресурсов

CMS (система управления контентом) критически важна для функциональности и производительности вашего сайта.Лучшая и самая надежная CMS, которую вы можете использовать, определенно WordPress, но есть и другие отличные CMS, такие как Drupal и Joomla. Если вы используете какой-либо из них в качестве платформы своего веб-сайта, вы будете уверены в его эффективности.

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

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

Сжатие изображения должно быть разумным компромиссом между размером изображения и качеством. Для JPG сжатие 60-70 процентов обеспечивает хороший баланс.Для экранов сетчатки увеличьте размер изображения (JPG) на 150–200 процентов, сожмите на 30–40 процентов и снова уменьшите его в соответствии с требуемыми размерами.

Оптимизируйте базу данных

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

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

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

Если вы используете WordPress, например, вы можете автоматизировать очистку своей базы данных с помощью очень полезного плагина, такого как WP-Optimize.

Заключение

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

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

.Объяснение индекса скорости

- еще один способ измерения веб-производительности

Автор: Коди Арсено

Опубликовано 27 июля 2017 г.

Учитывая, что восприятие времени пользователями постоянно меняется, как мы узнаем, что означает «быстро» с точки зрения Интернета производительность? Когда мы говорим о скорости, на самом деле нужно учитывать десятки показателей. Например, начало рендеринга, первая отрисовка и первая значимая отрисовка - все это термины, используемые для описания скорости загрузки страницы, но все они технически измеряют разные вещи.За последние полдесятилетия все факторы, влияющие на воспринимаемую и фактическую производительность веб-пользователя, были сведены на нет в рамках концепции индекса скорости.

Что такое индекс скорости?

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

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

Вы можете встретить термин «индекс скорости» в различных контекстах; например, в Google Lighthouse есть показатель под названием «Индекс скорости восприятия», который немного отличается. Эта статья будет посвящена тому, как WebPageTest измеряет индекс скорости , но все приведенные ниже советы могут помочь улучшить общую производительность вашего сайта.

Зачем нужен индекс скорости?

Восприятие - это действительно все, но оно крайне субъективно. К счастью, разработчики проявили изобретательность в оценке субъективного опыта.Индекс скорости не является показателем времени; вместо этого это система оценки, которая оценивает несколько различных показателей скорости . Чем ниже ваш показатель индекса скорости, тем быстрее работает ваш сайт. Целостный характер метрики индекса скорости дает вам общий обзор воспринимаемой производительности вашего сайта; однако это не обязательно полезно для диагностики проблем, поэтому другие показатели все еще актуальны.

Два безошибочных метода повышения показателя скорости:

  1. Оптимизация эффективности контента
  2. Оптимизация критического пути рендеринга

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

Источник: Google

Насколько важна скорость?

Всем известно, что существует сильная корреляция между временем загрузки веб-сайта и показателем отказов. Многие разработчики также знают, что прогрессивный рендеринг или загрузка контента последовательно, а не сразу, побуждает посетителей ждать, пока завершится загрузка остальной части страницы. Хотя сегодня все это звучит интуитивно, не все знают, что на самом деле существуют исследования, позволяющие количественно оценить, насколько важны эти факторы.По данным британской SEO-компании Hobo-Web:

  • Ancestory.com продемонстрировал рост конверсий на 7% и за счет улучшения времени отображения веб-страниц на 68%, уменьшения раздуваемости страниц на 46% и сокращения времени загрузки на 64%.
  • AliExpress сократил время загрузки своей веб-страницы на 36 процентов и увеличил количество заказов на 10,5 процента, , а также на 27 процентов увеличил коэффициент конверсии для новых посетителей.
  • The Telegraph зафиксировал снижение количества просмотров страниц на на 11%, просмотров страниц за 4-секундную задержку из-за искусственной задержки.
  • Снижение задержки всего на 0,3 секунды в их воронке продаж принесло Trainline дополнительные 8 миллионов фунтов стерлингов годового дохода !

Как рассчитывается индекс скорости?

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

  Интервал времени * (1 - визуальная полнота / 100)  

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

Этот теоретический веб-сайт загружает все содержимое за 3500 миллисекунд. Если вы примените формулу к каждому из шести интервалов, вы получите 500, 450, 350, 300, 200, 100 и 0 соответственно. Сложите все это, и вы получите индекс скорости 1900. Ниже приведены расчеты для каждого внутреннего времени 500 мс:

  1. 500 * (1-0 / 100) = 500
  2. 500 * (1-10 / 100) = 450
  3. 500 * (1-30 / 100) = 350
  4. 500 * (1-40 / 100) = 300
  5. 500 * (1-60 / 100) = 200
  6. 500 * (1-80 / 100) = 100
  7. 500 * (1-100 / 100) = 0

Хотя вы всегда хотите, чтобы ваш показатель индекса скорости был как можно ниже, значение ниже 1000 обычно считается оптимальным, поэтому веб-сайт в приведенном выше примере вероятно, можно было бы извлечь выгоду из некоторой оптимизации.Тем не менее, большинство реальных веб-сайтов имеют гораздо более высокие оценки. NCC Group проанализировала домашние страницы 50 ведущих розничных продавцов в Великобритании и обнаружила, что средний показатель индекса скорости составляет от 3000 до 8 500 .

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

Как улучшить индекс скорости: Прогрессивный рендеринг

Прогрессивный рендеринг - не единственная практика; это набор методов, которые вы можете выбрать, чтобы адаптировать свой сайт к потребностям посетителей.Ниже приведены некоторые меры, которые вы можете предпринять для улучшения пути прогрессивного рендеринга вашего веб-сайта:

1. Используйте ленивую загрузку изображений

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

2. Добавление заполнителей

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

3. Использование прогрессивных изображений

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

Как улучшить индекс скорости: Оптимизация эффективности контента

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

1. Устранение ненужных загрузок

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

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

2. Сжатие данных

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

3. Создайте иерархию кэширования.

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

4. Оптимизируйте ваши изображения

У вас есть множество вариантов для оптимизации ваших изображений. Например:

  • Следует отдавать предпочтение векторным форматам, поскольку они не зависят от разрешения и масштаба.
  • Используйте сжатие без потерь или с потерями, чтобы уменьшить общий размер изображений.
  • Обдумайте свои приоритеты и выберите наиболее подходящий формат изображения для каждого отдельного ресурса.
  • Не бойтесь экспериментировать с настройками качества изображения, поскольку иногда вы можете значительно ускорить работу своего веб-сайта, лишь немного понизив разрешение изображения.
  • Измените размер изображений на сервере так, чтобы размер отображения соответствовал исходному размеру изображения, или используйте атрибуты srcset sizing.
  • Если возможно, вложите средства в инструмент автоматического сжатия изображений, который будет постоянно поддерживать ваши изображения в оптимальном состоянии.

5. Оптимизируйте шрифты

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

  • Ограничьте количество используемых шрифтов и используйте как можно меньше вариантов.
  • Подберите шрифты, чтобы загружать только нужные символы.
  • Обеспечьте каждый шрифт в любом формате, включая WOFF2, WOFF, EOT и TTF. Не забудьте применить сжатие Gzip к форматам EOT и TTF, так как по умолчанию они не сжимаются.
  • Поскольку шрифты статичны и редко требуют обновления, вы можете оптимизировать свою стратегию кэширования, указав токены повторной проверки.

Ограничения индекса скорости

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

Сводка

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

.

12 методов оптимизации скорости веб-сайта: методы тестирования и улучшения производительности

Время чтения: 9 минут

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

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

Важность оптимизации скорости сайта

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

Давайте посмотрим, как оптимизация скорости веб-сайта влияет на ключевые факторы успеха веб-сайта:

  • преобразование
  • видимость
  • удобство использования

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

Чем быстрее загружается страница, тем выше коэффициент конверсии. Согласно исследованию Hubspot, задержка в 1 секунду означает снижение конверсии на 7 процентов. Например, замедление загрузки страницы на 1 секунду может стоить Amazon 1,6 миллиарда долларов продаж ежегодно.

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

Удобство использования. Удобство использования веб-сайта, такое как скорость страницы веб-сайта, время загрузки и скорость реакции веб-сайта на запросы пользователей, напрямую влияет на лояльность клиентов. Чем лучше работает ваш сайт, тем больше будет удовлетворен пользователь.Хороший пользовательский опыт - это способ создать большую клиентскую базу и сильный бренд.

Способы оценки скорости вашего сайта

Перед тем, как начать оптимизацию скорости вашего сайта, вы должны определить ваше текущее время загрузки и определить, что замедляет ваш сайт. Затем вы должны установить цели по производительности вашего сайта. Рекомендуемое время загрузки страницы в 2018 году - менее 3 секунд. Согласно исследованию Google по средней скорости мобильной связи в отраслевых секторах, лишь часть веб-сайтов приближается к рекомендуемой скорости.

Индекс средней скорости мобильной связи в США

Итак, если вы оптимизируете скорость своего сайта до приемлемого уровня, вы получите значительное преимущество в рейтинге перед конкурентами.

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

Есть несколько инструментов оценки производительности, которые стоит попробовать:

  • Google Pagespeed Insights - это бесплатный инструмент от Google, который выполняет тест производительности вашего сайта и дает рекомендации по увеличению производительности. Работает как для настольной, так и для мобильной версии.
  • Pingdom - также отличный инструмент для тестирования скорости веб-сайтов с рядом полезных функций. Он отслеживает историю производительности вашего веб-сайта, дает рекомендации на основе данных о том, как повысить скорость веб-сайта, и создает простые для понимания отчеты.Pingdom также предоставляет приложения для тестирования скорости веб-сайтов для Android и iOS. У него есть как бесплатные, так и профессиональные платные планы мониторинга.
  • YSlow также предоставляет рекомендации по повышению производительности страницы, рисует статистику и суммирует все компоненты.
  • Калькулятор бюджета производительности - это бесплатный инструмент, который помогает выяснить, какой тип контента вы можете использовать для обеспечения оптимальной работы вашего сайта.

Калькулятор бюджета производительности

Рекомендации по ускорению вашего сайта

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

1. Используйте сеть доставки контента (CDN)

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

2. Переместите свой веб-сайт на более удобный хост

Есть три возможных типа хостинга:

  • Общий хостинг
  • Хостинг виртуальных частных серверов (VPS)
  • Выделенный сервер

Самый популярный тип хостинга, который используется во всем мире - это шеринг-хостинг .Это самый дешевый способ вывести свой сайт в Интернет за короткое время и за небольшую плату. Важно выбрать быстрый веб-хостинг, чтобы обеспечить лучшую оптимизацию. С виртуальным хостингом вы разделяете ЦП, дисковое пространство и оперативную память с другими сайтами, которые также используют этот сервер. Это основная причина, по которой виртуальный хостинг не такой быстрый, как VPS или выделенный сервер.

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

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

Другой подход - аренда выделенного облачного ресурса у AWS, Microsoft Azure, Google или другого поставщика общедоступного облака. Оба подхода также можно объединить в гибридное облако, которое мы недавно обсуждали.С выделенными серверами все ресурсы принадлежат только вам, и вы получаете полный контроль над ними. Облачные инфраструктуры также могут добавлять неограниченную масштабируемость и масштабируемость по запросу в рамках ряда пакетов.

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

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

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

Лучший способ уменьшить размер изображения без ущерба для его качества - это сжать изображения с помощью таких инструментов, как ImageOptim, JPEGmini или Kraken. Процедура может занять немного времени, но оно того стоит. Другой способ уменьшить размер изображения - использовать атрибуты HTML-чувствительных изображений и , которые регулируют размер изображения в зависимости от свойств отображения пользователя.

4. Уменьшить количество плагинов

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

5. Минимизируйте количество файлов JavaScript и CSS

Если ваш веб-сайт содержит много файлов JavaScript и CSS, это приводит к большому количеству HTTP-запросов, когда посетители вашего веб-сайта хотят получить доступ к определенным файлам.Эти запросы обрабатываются браузером посетителя индивидуально и замедляют работу сайта. Если вы уменьшите количество файлов JavaScript и CSS, это, несомненно, ускорит ваш сайт. Попробуйте сгруппировать весь JavaScript в один, а также сделайте это со всеми файлами CSS. Это уменьшит общее количество HTTP-запросов. Существует множество инструментов для быстрой минимизации файлов HTML, CSS и JavaScript. Например, вы можете использовать инструменты WillPeavy, Script Minifier или Grunt.

6. Используйте кеширование веб-сайтов

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

Подходы к кешированию веб-сайтов зависят от платформы, на которой разработан ваш веб-сайт. Например, для WordPress вы можете использовать следующие плагины: W3 Total Cache или W3 Super Cache. Если вы используете VPS или выделенный сервер, вы также можете настроить кеширование в общих настройках.В случае с общим сервером кеширование веб-сайта обычно недоступно.

7. Реализация сжатия Gzip

Gzip Compression - эффективный способ уменьшить размер файлов. Это сводит к минимуму HTTP-запросы и сокращает время ответа сервера. Gzip сжимает файлы перед отправкой в ​​браузер. Со стороны пользователя браузер распаковывает файлы и представляет их содержимое. Этот метод может работать со всеми файлами на вашем сайте. Вы можете включить Gzip на своем веб-сайте, добавив несколько строк кода или используя утилиту gzip.

8. Оптимизация базы данных в CMS

Оптимизация базы данных - эффективный способ повысить производительность. Если вы используете систему управления контентом (CMS), упакованную сложными плагинами, размер базы данных увеличивается, и ваш сайт работает медленнее. Например, WordPress CMS хранит комментарии, сообщения в блогах и другую информацию, которая занимает много места для хранения данных. Каждая CMS требует собственных мер по оптимизации, а также имеет ряд специальных плагинов. Для WordPress, например, вы можете рассмотреть WP-Optimize .

9. Ограничьте использование веб-шрифтов

Веб-шрифты стали очень популярными в веб-дизайне. К сожалению, использование веб-шрифтов отрицательно сказывается на скорости рендеринга страницы. Веб-шрифты добавляют дополнительные HTTP-запросы к внешним ресурсам. Следующие меры помогут вам уменьшить размер трафика веб-шрифтов:

  • Используйте современные форматы WOFF2 для современных браузеров;
  • Включите только те наборы символов, которые используются на сайте;
  • Выбирайте только нужные стили

10.Обнаружить 404 ошибки

Ошибка 404 означает, что «Страница не найдена». Это сообщение предоставляется хостингом браузерам или поисковым системам, когда доступное содержимое страницы больше не существует. Чтобы обнаружить и исправить ошибку 404, вы можете использовать инструменты и плагины для обнаружения ошибок. Как мы уже упоминали, дополнительные плагины могут негативно повлиять на скорость вашего сайта, поэтому мы советуем запускать ресурс через внешние инструменты для обнаружения ошибок. Например, Xenu's Link Sleuth, Google Webmaster Tools (GWT) и 404 Redirected Plugin для WordPress .

Как только вы обнаружите все ошибки 404, вам необходимо оценить трафик, который они генерируют. Если эти неработающие ссылки больше не приносят никаких посещений и, следовательно, никогда не потребляют ресурсы вашего сервера, вы можете оставить их как есть. Если на эти страницы по-прежнему поступает некоторый трафик, подумайте о настройке переадресации для внешних ссылок и исправлении адресов ссылок для внутренних.

11. Уменьшить количество перенаправлений

Перенаправления веб-сайтов создают дополнительные HTTP-запросы, которые негативно влияют на производительность.Мы советуем свести их к минимуму или полностью исключить. Во-первых, вы должны определить все перенаправления на своей странице, запустив сканирование сайта. Вы можете использовать Screaming Frog, чтобы быстро определять перенаправления. Затем вы должны проверить, служат ли они необходимой цели, и оставить только самые важные.

12. Используйте методы предварительной выборки

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

Существует три основных типа предварительной выборки:

DNS-prefetching. Практика предполагает предварительное преобразование доменов в IP-адреса.

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

Предварительная отрисовка. Этот подход означает предварительную визуализацию всей страницы или некоторых ее элементов.

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

Заключение

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

Итак, мы рекомендуем применить простой, но эффективный подход к оптимизации скорости веб-сайта:

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

Как ускорить работу веб-сайта

Что вы чувствуете, когда заказываемая вами еда подается после долгого ожидания? Или когда в супермаркете за кассой стоит большая очередь?

Вы просто ненавидите это.

Угадайте, вашим зрителям не нравится, когда ваш сайт загружается медленно.

Хуже того, они выражают свое недовольство тем, что уменьшают количество посещений и продаж на вашем сайте.

Каждая дополнительная секунда, затрачиваемая на загрузку вашего сайта, приводит к:

  • 11% потере просмотров страниц
  • 7% снижению конверсии

Медленный сайт сильно влияет на вашу способность привлекать клиентов и генерировать.

Вот почему мы в Hosting Tribunal делаем все возможное, чтобы оценить скорость лучших провайдеров веб-хостинга, будь то хостинг WordPress, Magento или что-то еще.

Если вы в сети, скорость загрузки имеет решающее значение.

Как же тогда ускорить работу сайта? Рад, что ты спросил.

Просто следуйте исправлениям скорости, обсуждаемым в этом посте. Чисто и просто.

Видите ли, вопреки тому, что многие считают, создание быстрого, элегантного сайта не выходит за рамки обычного человека.

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

Я покажу вам, как это сделать.

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

Важность оптимизации скорости

Как скорость веб-сайта влияет на конверсию? Вам труднее убедить посетителей делать покупки на вашем сайте?

Вы делаете ставку!

Уровень отказа от корзины возрастает до 87% с задержкой загрузки всего в 2 секунды во время транзакции.

Медленная скорость = низкий коэффициент конверсии

Но становится еще хуже ...

Задержка загрузки страницы превращает ваших новых покупателей в незнакомцев.

Исследования показывают, что 64% ​​интернет-покупателей, которым не нравится эффективность вашего сайта, не вернутся.

И если этого было недостаточно, 43% недовольных клиентов в следующий раз сделают покупки на сайте конкурента.

Это означает, что ваша потеря - это прибыль конкурентов.

Это последнее, что вам нужно. Я знаю.

Но дело в том ...

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

Какое время загрузки хорошее?

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

Вероятность отказов увеличивается до 32% при увеличении времени загрузки с 1 до 3 секунд.Однако для страниц со временем загрузки 5 секунд это число достигает 90%.

Другое исследование показывает, что 75% пользователей не будут повторно посещать страницу, загрузка которой занимает более 4 секунд.

Итак, надпись на стене громкая и четкая.

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

Но прежде чем вы начнете работать над скоростью, нужно сделать еще кое-что…

Узнайте текущее среднее время загрузки вашего сайта.

Как измерить время загрузки?

Время до первого байта (TTFB) и время загрузки страницы - это два разных способа измерения скорости страницы.

TTFB измеряет время, необходимое браузеру пользователя для получения первого байта от вашего сервера после отправки HTTP-запроса на

.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий