Как ускорить ваш сайт

Введение

рыболов

83% пользователей ожидают загрузки сайтов за 3 секунды или меньше но среднее время загрузки 500 лучших домашних страниц электронной коммерции составляет 10 секунд

Данные показывают, насколько важна скорость сайта в США, с около 25% людей говорят, что они покинут веб-страницу, которая занимает больше четыре секунды загружать

Время загрузки страницы в секундах.

Часы

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

Сковорода

Если загрузка страницы занимает более трех секунд, более 40% посетителей будет подпрыгивать.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1 секунда

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

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

мусор

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

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

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

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

плохой грузовик

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

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

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

два человека

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

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

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

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

Ускорьте свой сайт
Просмотр ускорения вашего сайта [инфографики]

AddOutputFilterByType DEFLATE text / plain
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE text / xml
AddOutputFilterByType DEFLATE text / css
AddOutputFilterByType DEFLATE application / xml
AddOutputFilterByType DEFLATE application / xhtml + xml
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / x-javascript

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

<файлы *.HTML>
SetOutputFilter DEFLATE
</ файлы>

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

if (substr_count ($ _SERVER['HTTP_ACCEPT_ENCODING'], 'GZIP')) ob_start("ob_gzhandler"); еще ob_start();?>

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

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

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

В 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 против HTTPS
Просмотр HTTP против HTTPS [Шпаргалка]

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

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

<IfModule mod_headers.с>
Заголовок набора Поддержание соединения
</ IfModule>

Сократите JavaScript и CSS файлы

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

За каждую секунду, удаленную из времени загрузки, 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 включает в себя следующее:

<IMG ЦСИзнак равно«»>

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

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

богатый грузовик

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

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

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

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

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

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

30%

30%

16-20 секунд

20 $

20%

20 + секунд

16%

16%

1-5 секунд

16%

16%

11-15 секунд

15%

15%

11-15 секунд

3%

3%

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

CDN (Content Delivery Network) – это сеть из нескольких серверов, расположенных по всему миру, которые доставляют веб-контент конечным пользователям в соответствии с их географическим положением. 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 (прямо перед закрытием tag), что особенно важно, когда задействованы неработающие ссылки.

Вы можете проверить битые ссылки с WordPress Проверка битых ссылок бесплатно.

спидометр

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

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

Отключить Hotlinking

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

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

планеты

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

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

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

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

компьютер

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

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

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

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

архив

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

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

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

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

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

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

Вывод

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map