Как ускорить скорость загрузки сайта


Топ-10 советов о том, как увеличить скорость загрузки страницы / Хабр

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

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

Итак, поехали:

1. Уменьшите количество HTTP-запросов

80% загрузки страницы ориентировано на загрузку компонентов страницы: скриптов, фотографий, файлов CSS, flash. Спецификация HTTP/1.1 советует, чтобы браузеры параллельно загружали не более 2-х компонентов веб-страницы с одного хоста. Уменьшив количество этих компонентов мы уменьшаем количество HTTP-запросов к серверу и как результат увеличиваем скорость загрузки страницы.

Но как уменьшить количество запросов к серверу не затрагивая внешний вид страницы?

На самом деле есть несколько способ.

  • Использование CSS-спрайтов. CSS-спрайт – это комбинированное изображение, которое содержит в себе несколько маленьких изображений, которые в нужный момент для нужного элемента страницы вырезаются используя свойства: background-image и background-position.
  • Использование Inline-картинок. Inline-картинки используют URL-схему data: для встраивания картинки в саму страницу. Это, однако, увеличит размер HTML-документа. Встраивая inline-картинки в ваши таблицы стилей вы добьетесь уменьшения запросов к серверу, а размер HTML останется прежним.
  • Объединение нескольких файлов в один. Если у Вас на страничке подключается больше одного css- или js-файла, то Вы можете объединить их в один. Это очень простой, но действенный способ уменьшения количества http-запросов на сервер. О том, как это делать на лету я писал в своей заметке здесь «Разгони свой сайт. Статическое сжатие css- и js- файлов на лету»

2. Помещайте CSS файлы в начале страницы

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

Если размещать CSS файлы внизу страницы, то это не позволяет многим браузерам рендерить страницу постепенно. Это объясняется тем, что браузер «не хочет» перерисовывать элементы, у которых после загрузки страницы может измениться стиль. Так что все свои CSS файлы всегда подключайте в верхней части страницы в секции HEAD.

3. Помещайте javascript в конец страницы

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

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

4. Минимизируйте css и javascript

Минимизация файла — это удаление из кода всех несущественных символов с целью уменьшения объема файла и ускорения его загрузки. В минимизированном файле удаляются все комментарии и незначащие пробелы, переносы строк, символы табуляции. Здесь все просто. Чем меньше объем файла, тем меньше времени понадобится браузеру на его загрузку. А минимизировать Ваш код помогут вот эти 24 онлайн-сервиса для сжатия и оптимизации CSS кода
5. Используйте поддомены для параллельного скачивания

Как я уже говорил Выше, согласно спецификации HTTP/1.1 на браузеры накладываются ограничения на количество одновременно загружаемых компонентов сайта, а именно не более 2-х компонентов с одного хоста. Поэтому если на Вашем сайте много графики, то ее лучше вынести на отдельный поддомен или поддомены. Для Вас это будет один и тот же сервер, а для браузера – разные. Чем больше поддоменов Вы создадите, тем больше файлов браузер сможет одновременно загрузить и тем быстрее загрузится вся страница сайта. Вам остается лишь изменить адрес картинок на новый. Очень простой, но действенный способ.

6. Используйте кэш браузера

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

Поэтому выставляйте HTTP-заголовок Expires везде, где только это возможно, на несколько дней или даже месяцев вперед. Для того, чтобы веб-сервер Apache отдавал соответствующие рекомендациям HTTP-заголовки Expires, необходимо добавить в файл .htaccess, находящийся в корневой папке сайта, следующие строки:

<IfModule mod_expires.c> Header append Cache-Control "public" FileETag MTime Size ExpiresActive On ExpiresDefault "access plus 0 minutes" ExpiresByType image/ico "access plus 1 years" ExpiresByType text/css "access plus 1 years" ExpiresByType text/javascript "access plus 1 years" ExpiresByType image/gif "access plus 1 years" ExpiresByType image/jpg "access plus 1 years" ExpiresByType image/jpeg "access plus 1 years" ExpiresByType image/bmp "access plus 1 years" ExpiresByType image/png "access plus 1 years" </IfModule> 



Данный фрагмент файла конфигурации Веб-сервера Apache проверяет наличие модуля mod_expires и, если модуль mod_expires доступен, включает отдачу HTTP-заголовков Expires, которые устанавливают срок хранения перечисленных выше объектов в кэше браузеров и прокси-серверов равный одному году с момента первой загрузки. Установив такой срок жизни кэша браузера, может возникнуть сложность с обновлением файлов. Поэтому если Вы изменили содержимое css или javascript-файла и хотите, чтобы эти изменения обновились в кэше браузера, то необходимо изменить название самого файла. Обычно в название файла добавляют его версию, например так: styles.v1.css

7. Используйте CDN для загрузки популярных JavaScript библиотек

Если на Вашем сайте используется популярный javascript фреймворк, например jQuery, то для его подключения лучше использовать CDN.

CDN (Content Delivery Network) — это множество веб-серверов, разнесенных географически для достижения максимальной скорости отдачи контента клиенту. Сервер, который непосредственно будет отдавать контент пользователю, выбирается на основании некоторых показателей. Например, выбирается сервер с наименьшим числом промежуточных хопов до него либо с наименьшим временем отклика. Кроме того браузер кэширует javascript-файлы, и если Вы посещали сайты на котором используется такой метод, то эта библиотека уже есть в кэше Вашего браузера, и он не будет загружать её снова.

Одним из таких CDN – является Google Libraries. Это CDN для популярных open-source JavaScript библиотек. Загрузка популярных javascript фреймверков с Google Libraries позволяет увеличить скорость загрузки страницы и снизит траффик на ваш сервер.

О том как загружать jQuery с репозитория Google я писал вот в этой заметке «Увеличиваем скорость загрузки страницы загружая jQuery с репозитория Google».

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

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

  • GIF – идеально подходят для изображений с несколькими цветами, например логотип.
  • JPEG – отлично подходят для детализированых изображений с большим количеством цветов, такие как фотографии.
  • PNG – ваш выбор, когда вам нужно высококачественное изображение с прозрачностью.

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

Вот несколько онлайн сервисов для оптимизации изображений:

9. Не масштабируйте изображения

Не изменяйте размер изображения при помощи атрибутов width и height тега , либо при помощи CSS. Это тоже негативно влияет на скорость загрузки страницы. Если у Вас есть изображение размером 500x500px, а вставить на сайт Вы хотите изображение с размером 100x100px, то лучше изменить размер оригинальной картинки при помощи графического редактора Photoshop, или любого другого. Чем меньший вес картинки, тем меньше времени потребуется для её загрузки.

10. Используйте Gzip- сжатие

Как показали проведенные исследования, gzip-сжатие текстового файла «на лету» в 95–98% случаев позволяет сократить время на передачу файла браузеру. Если хранить архивированные копии файлов на сервере (в памяти proxy-сервера или просто на диске), то соединение в общем случае удается освободить в 3-4 раза быстрее.

Начиная с версии протокола HTTP/1.1, веб-клиенты указывают, какие типы сжатия они поддерживают, устанавливая заголовок Accept-Encoding в HTTP-запросе.

Accept-Encoding: gzip, deflate

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

Content-Encoding: gzip

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

Для того, чтобы включить GZIP-сжатие на своем сайте, необходимо в файле .htaccess прописать следующие строки кода:

<IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/css <IfModule mod_setenvif.c> BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html </IfModule> </IfModule> 

Если данный способ сработал, то отлично, если нет, то можно попробовать вот такой вот код:

<IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4.0[678] no-gzip BrowserMatch bMSIE !no-gzip !gzip-only-text/html <ifmodule mod_gzip.c> mod_gzip_on Yes mod_gzip_item_include file \.js$ mod_gzip_item_include file \.css$ </ifmodule> </IfModule> 

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

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

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

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

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

Обновлено:
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.

Заключение

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

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

.

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

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

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

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

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

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

Так каков хороший результат TTFB?

Значение TTFB менее 200 миллисекунд вполне приемлемо, в то время как все, что превышает 500 миллисекунд, является медленным, начинает замедлять общую производительность.

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

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

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

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

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

GTMetrix

Мощный и простой в использовании, GTMetrix.com дает вам подробный отчет обо всем, что связано со скоростью страницы.

Вы можете выбрать тип браузера (Firefox или Chrome), протестировать в 7 разных местах и ​​проверить производительность сайта при различных типах подключения (широкополосное, кабельное или мобильное).

GTMetrix присваивает вашему сайту оценку от F до A и перечисляет наиболее важные сведения о странице.

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

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

Тест веб-страницы

WebPage Test так же подробен, как GTMetrix, но предлагает больше возможностей (40+ серверов и 25+ типов браузеров, включая мобильные).

Использование его несложно. Вставьте URL своего сайта, выберите расположение сервера и браузер и нажмите кнопку Start Test .

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

Пингдом

Pingdom - одна из самых популярных сегодня сервисов мониторинга веб-сайтов.

.

11 способов повысить производительность WordPress (ОБНОВЛЕНО)

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

Зачем ускорять работу WordPress?

Есть много причин, по которым звонят тревожные звонки, некоторые из которых могут даже вызвать у вас серьезные опасения:

  1. Поисковые системы (например, Google) ранжируют веб-сайты с быстрой загрузкой выше, чем с медленной.Итак, если вы хотите улучшить свою позицию в поисковой выдаче, повышение скорости должно быть одним из ваших приоритетов.
  2. Исследования показали, что скорость загрузки сайта более 2 секунд обычно приводит к тому, что около 47 процентов посетителей уходят с сайта. Итак, чтобы заинтересовать около половины посетителей, вам следует ускорить работу WordPress.
  3. Интернет-покупатели - самый нетерпеливый лот; они ожидают, что страница загрузится в течение секунды. Итак, если у вас есть магазин электронной коммерции на WordPress, вам лучше подготовиться к серьезным улучшениям, чтобы ваш бизнес стал более прибыльным.

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

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

  • размер этой конкретной страницы,
  • , сколько запросов она генерирует,
  • независимо от того, кэширована она или нет,
  • и, наконец, какой тип контента (статический или динамический) он размещает.

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

  1. WebPageTest.org
  2. Tools.Pingdom.com
  3. PageSpeed ​​Insights (на самом деле не сообщает время загрузки страницы, но выделяет элементы, которые вы можете настроить для ускорения WordPress)

Хорошо, это о пора поговорить о деле! Вот 11 способов ускорить WordPress:

1. Выберите лучшего провайдера веб-хостинга

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

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

К счастью, индустрия веб-хостинга продвинулась вперед с развитием технологий, и цены на провайдеров облачного хостинга со временем снизились. В настоящее время вы можете купить выделенные облачные серверы у SiteGround, DigitalOcean, Amazon Web Services и даже Google Compute Engine по номинальной цене. Однако настройка этих серверов может быть сложной задачей, поскольку вам необходимо настроить серверы с нуля.Есть провайдеры веб-хостинга, такие как Cloudways (где я работаю) , которые делают задачу настройки оптимизированных облачных серверов такой же простой, как щелчок и запуск.

2. Используйте легкую тему / фреймворк WordPress

Темы

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

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

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

3. Уменьшить размер изображения

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

Если вы вручную оптимизируете изображения с помощью расширения Chrome PageSpeed ​​Insights, Photoshop или любых других инструментов, этот процесс займет много времени. К счастью, есть плагины практически для всего, что вы можете придумать, включая оптимизацию изображений. Стоит упомянуть:

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

4. Минимизация файлов JS и CSS

Если вы запустите свой веб-сайт с помощью инструмента Google PageSpeed ​​Insights, вы, вероятно, получите уведомление об уменьшении размера ваших файлов CSS и JS.Это означает, что уменьшив количество вызовов CSS и JS и размер этих файлов, вы можете улучшить скорость загрузки сайта.

Кроме того, если вы разбираетесь в темах WordPress, вы можете изучить руководства, предоставленные Google, и внести некоторые исправления вручную. Если нет, то есть плагины, которые помогут вам достичь этой цели; Самым популярным из них является Autoptimize, который может помочь в оптимизации CSS, JS и даже HTML вашего сайта WordPress.

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

плагины для кеширования WordPress (e.грамм. W3 Total Cache) существуют уже давно, что упрощает сложные задачи добавления правил кеширования к элементам вашего сайта. Сочетание таких плагинов с продвинутыми механизмами кэширования, такими как Varnish, может помочь вам улучшить скорость загрузки вашего сайта и, в конечном итоге, значительно ускорить WordPress.

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

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

7. Включить сжатие GZIP

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

Вы можете использовать либо плагин, например PageSpeed ​​Ninja, который включает сжатие GZIP, либо добавить следующие коды в ваш.htaccess файл.

 

AddOutputFilterByType DEFLATE текст / простой AddOutputFilterByType DEFLATE text / html AddOutputFilterByType DEFLATE текст / 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

8. Очистка базы данных WordPress

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

9. Деактивировать или удалить плагины

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

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

10. Снизьте количество внешних скриптов до

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

11. Отключить пингбеки и трекбэки

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

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

Отключить все это можно в WP-Admin → Настройки → Обсуждение . Просто снимите флажок « Разрешить уведомления о ссылках из других блогов (пингбэки и трекбэки)». ”Это поможет вам еще больше ускорить работу WordPress.

Заключение

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

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

Теперь ваша очередь. Как ускорить работу WordPress? У тебя есть какие-нибудь хитрости в рукаве?

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

БОНУСНОЕ ВИДЕО: 6 неочевидных исправлений для уменьшения времени загрузки

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

.

Простое руководство по скорости веб-сайта - лучшие практики 2020

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

Скорость веб-сайта должна быть главным приоритетом для всех веб-сайтов в 2020 году. Почему?

Задержка загрузки всего в одну секунду приводит к:

  • Снижение удовлетворенности клиентов на 16%
  • На 11% меньше просмотров страниц
  • Потеря конверсий на 7%

Amazon утверждает, что одна секунда задержки загрузки приведет к ежегодно обходится им в 1,6 миллиарда долларов продаж.

Итак, как быстро должен загружаться ваш сайт? 47% людей говорят, что они ожидают, что страницы загрузятся за две секунды или меньше, а 64% мобильных пользователей ожидают, что сайты загрузятся менее чем за четыре секунды. Однако среднее время загрузки для различных отраслей в США не соответствует этим критериям. Взгляните на это исследование от Google:

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

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

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

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

Минимизируйте количество HTTP-запросов

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

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

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

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

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

Уменьшить время до первого байта (TTFB)

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

Ваш TTFB состоит из трех элементов:

  • Время HTTP-запроса
  • Время обработки запроса
  • Время ответа

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

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

Вы должны стремиться к TTFB менее 200 мс. Используйте WebPageTest в качестве ресурса для определения времени до первого байта.

Просто посмотрите на столбец «первый байт», чтобы увидеть, где вы стоите. Тем из вас, у кого TTFB превышает 200 мс, необходимо предпринять шаги для улучшения этого числа.Вот некоторые распространенные проблемы, связанные с медленным TTFB:

  • Конфигурация сервера
  • Проблемы с сетью
  • Создание контента
  • Трафик веб-сайта

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

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

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

Существует четыре типа веб-хостинга:

  • Общий хостинг
  • VPS-хостинг
  • Выделенный сервер
  • Облачный хостинг

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

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

Выполнить аудит сжатия

Чтобы ваш веб-сайт работал как можно быстрее, вам нужно, чтобы все ваши файлы были как можно меньше. Просто убедитесь, что вы, конечно, не жертвуете качеством.

Файлы меньшего размера загружаются быстрее - вот и все.

Я бы порекомендовал провести аудит сжатия с помощью такого инструмента, как GIDNetwork, чтобы вы лучше понимали, как сжатые файлы могут ускорить работу вашего сайта.Вот как выглядит аудит Quick Sprout.

Чтобы протестировать свой веб-сайт, все, что вам нужно сделать, это ввести URL-адрес и нажать «Проверить». Как видно из этого аудита, Quick Sprout не сжат. Инструмент также предлагает анализ «что, если», чтобы показать вам преимущества сжатия вашего сайта.

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

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

Это подводит меня к следующему пункту. . .

Сжимайте файлы

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

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

В этом сценарии вам абсолютно необходимо включить сжатие. Gzip является отраслевым стандартом для этой практики.

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

Исследования Yahoo показывают, что сжатие Gzip может уменьшить размер ответа на 70%.

Уменьшите размер изображений

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

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

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

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

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

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

Сократите и объедините файлы

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

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

  • файлов HTML
  • файлов CSS
  • файлов JavaScript
  • Google Fonts

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

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

Если у вас есть веб-сайт на WordPress, лучшим вариантом является плагин WP Rocket. Это определенно улучшит скорость вашего сайта.

Используйте асинхронную загрузку

Теперь, когда ваши файлы CSS и JavaScript минимизированы и объединены, пора оптимизировать способ их загрузки.Есть два варианта:

  • Синхронная загрузка
  • Асинхронная загрузка

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

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

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

Просто перейдите на вкладку «Статические файлы» и отметьте опцию асинхронной загрузки, как показано выше.

На этом снимке экрана также видно, что флажок «Загружать файлы JS отложен» также отмечен. Это подводит меня к еще одному лучшему способу повышения скорости сайта.

Отложить загрузку для файлов JavaScript

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

Файлы JavaScript большие, их можно отложить.

Как я только что показал выше, это легко сделать одним щелчком мыши, если вы используете такой плагин, как WP Rocket. В противном случае вам придется вставить код в тег для файлов JS. Это будет выглядеть примерно так:

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

Улучшение поиска в DNS

DNS - это сокращение от «система доменных имен». Это сервер, который имеет базу данных IP-адресов вместе с именами различных хостов.

Когда пользователь вводит URL-адрес в своем браузере, DNS-сервер переводит URL-адрес в IP-адрес, указывая его местоположение в сети.

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

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

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

Убедитесь, что кеширование браузера включено.

Я уже говорил о кешировании браузера ранее, когда мы обсуждали TTFB. Если вы не знакомы с принципами кэширования, я быстро объясню.

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

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

Установите сеть доставки контента (CDN)

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

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

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

Сети доставки контента решают эту проблему.

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

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

Venture Harbor провела несколько тестов на пяти страницах своего веб-сайта после внедрения CDN. Вот результаты:

  • Page 1 - на 20% быстрее
  • Page 2 - на 37% быстрее
  • Page 3 - на 41% быстрее
  • Page 4 - на 4% быстрее
  • Page 5 - на 51% быстрее

Это Стоит отметить, что страница, которая была на 4% быстрее, изменилась с 2.06–1,97, так что с самого начала все было быстро. В целом, время загрузки всего веб-сайта Venture Harbor сократилось на 30,2%. Это огромное улучшение.

Я бы порекомендовал использовать Cloudflare или StackPath (ранее MaxCDN), чтобы помочь вам настроить сеть доставки контента.

Размещение видео на внешних платформах

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

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

Допустим, вы сняли демонстрационный видеоролик о продукте, который хотите добавить на свой веб-сайт. Как вы к этому подойдете?

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

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

Вместо этого загрузите видео на стороннюю платформу, например YouTube.

На этой платформе будет размещено ваше видео; тогда вы можете просто вставить видео на свой сайт. Этот метод сэкономит вам место на сервере и ускорит ваш сайт.

Удалите неиспользуемые плагины

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

Я тоже ими пользуюсь, и они значительно облегчают мне жизнь.

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

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

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

Заключение

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

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

Итак, что нужно для быстрого создания веб-сайта в 2020 году?

Вы не можете сделать что-то одно.Начните со списка передовых методов, которые я определил выше.

Не переживайте. Реализовать все эти тактики в одночасье нереально. Начните с одного или двух и продвигайтесь вниз по списку.

.

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

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

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

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