1. Каковы преимущества ускорения веб-сайта? Как владелец сайта, нельзя недооценивать влияние скорости...
2. 1. Удалите ненужные плагины и дополнения
3. 2. Значительно ограничьте или удалите кнопки общего доступа на вашем сайте
4. 3. Асинхронно загружайте код аналитики и рекламных сетей
5. 4. Включить Expires Headers
6. 5. Включить кеширование
7. 6. Используйте сеть доставки контента (CDN)
8. 7. Получите лучший веб-хостинг
9. 8. Тема вашего сайта
10. 9. Установите Google PageSpeed ​​на свой сервер
11. 10. Оптимизировать и уменьшить размер изображения
12. 11. Включить сжатие Gzip
13. 12. Регулярно оптимизируйте вашу базу данных
14. 13. Минимизируйте Javascript и CSS файлы
15. 14. Объедините свои фоновые изображения в спрайты изображений
16. 15. Включить HTTP Keep-Alive
17. 16. Исправить все неработающие ссылки на вашем сайте
18. 17. Избегайте горячих ссылок на изображения
19. 18. Ограничить количество внешних запросов
20. 19. Используйте надежную CMS
21. 20. Используйте PHP Accelerator
22. 21. Предотвратите других от хотлинкинга ваших изображений
23. Твоя очередь - проверь скорость своего сайта

Каковы преимущества ускорения веб-сайта?

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

Исследование, проведенное в 2010 году Гомесом «Почему веб-производительность имеет значение: ваш сайт привлекает клиентов?», В котором было опрошено 1500 потребителей о том, как производительность веб-сайта влияет на их посещение магазина, показало следующее:

Увеличение времени загрузки сайта с 2 до 10 секунд увеличило количество оставленных страниц на 38%.

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

Многие другие исследования были опубликованы о влиянии скорости веб-сайта, и исследование Aberdeen Group Установлено, что задержка загрузки сайта на одну секунду привела к снижению конверсии на 7%, уменьшению количества просмотров страниц на 11% и удовлетворенности клиентов на 16%. Также важно отметить, что Google сейчас использует скорость сайта как фактор ранжирования.

Короче говоря, медленный сайт негативно повлияет на следующее:

• Трафик и просмотры страниц
• Конверсии
• Продажи
• Имидж бренда и восприятие в сознании ваших посетителей

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

Что вы узнаете:

ОБНОВЛЕНИЕ: Прежде чем вы начнете оптимизировать свой сайт для более быстрой загрузки, вам следует рассмотреть две вещи :

Во-первых, зайдите и проверьте текущее время загрузки сайта через Pingdom или же Google PageSpeed ​​Insights , Это поможет вам сравнить изменения скорости после настройки вашего сайта.

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

Готовы? Давайте начнем с ШАГА 1 :

1. Удалите ненужные плагины и дополнения

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

Хорошее исследование о влиянии плагинов на скорость работы сайта: этот Майк в котором он показывает, как он смог увеличить скорость своего сайта с 4,23 до 1,33 секунды; Проанализировав свой сайт, чтобы увидеть, что тормозит, Майк понял, что плагины обеспечивают колоссальные 86% времени загрузки его сайта.

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

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

Если вы являетесь пользователем WordPress, вы можете установить P3 (плагин Performance Profiler) ;

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

2. Значительно ограничьте или удалите кнопки общего доступа на вашем сайте

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

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

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

3. Асинхронно загружайте код аналитики и рекламных сетей

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

4. Включить Expires Headers

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

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

Если вы хотите использовать Expires Headers на вашем сайте, этот урок от GTmetrix показывает, как это сделать.

5. Включить кеширование

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

Включение кэширования для вашего сайта может значительно повысить его скорость, и исследование показывает что включение полного кэша для сайта может сократить время загрузки сайта с 2,4 до 0,9 секунды; теперь это массивно!

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

Если вы хотите что-то более продвинутое, идти вперед и купить WP Rocket (это, наверное, лучший!). За Друпалом вы можете следить этот ресурс ,

Вот больше уроков о том, как включить кэширование для вашего сайта:

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

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

Чтобы определить, насколько эффективными могут быть CDN, Мэтью Вудворд провел эксперимент и обнаружил, что использование CDN может увеличить скорость работы сайта до 60%.

Вот некоторые из лучших вариантов CDN для вас:

7. Получите лучший веб-хостинг

Извините, но мы просто должны были бросить это здесь ...

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

В статья для Smashing Magazine Маркус Тейлор рассказал, как используемый веб-хостинг повлиял на скорость работы двух его клиентов; оба клиента имеют похожие сайты, но разные хостинг-провайдеры. Один из клиентов размещается на надежном выделенном сервере, а другой хосты на дешевом сервере Результатом стала огромная разница во времени отклика сайта; время отклика DNS клиента на выделенном сервере составляло 7 миллисекунд, в то время как время отклика клиента на дешевом сервере составляло 250 миллисекунд. Никакая настройка или плагин не может исправить такую ​​разницу!

Ваш веб-хостинг очень важен, когда речь идет о скорости вашего сайта, поэтому выберите что-то хорошее из нашего хостинг отзывы здесь , Кроме того, вы можете использовать это сравнение сделать некоторую должную осмотрительность. Однако, согласно нашим тестам и анализам на HostingFacts.com, эти три хостинг-провайдера должны быть самыми быстрыми (<500 мс):

1. А2 Хостинг ~ 300мс
2. SiteGround ~ 400мс
3. HostGator Cloud ~ 500мс

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

8. Тема вашего сайта

Какое влияние оказывает тема вашего сайта на скорость сайта? Много! Джулиан Фернандес смог взять время загрузки своего сайта с 630мс до 172мс просто переключая темы; это был тот же сайт, с тем же хостом, и ничего не изменилось, кроме темы сайта, и это привело к значительному увеличению времени загрузки сайта.

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

9. Установите Google PageSpeed ​​на свой сервер

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

Если вы разбираетесь в технологиях, вы можете установить Google PageSpeed сам. Если вы не разбираетесь в технологиях, вы можете попросить вашего веб-хостинга / разработчиков установить его для вас.

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

Неоптимизированные изображения могут быть очень тяжелыми, и в результате использовать много ресурсов сервера и занять больше времени для загрузки; Если средний размер изображения на вашем сайте составляет 1 МБ или 2 МБ +, у вас есть серьезная работа. Вы можете значительно уменьшить размер своего изображения, одновременно гарантируя, что на его качество не будет оказано негативное влияние, используя следующие инструменты:

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

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

В статье журнала Smashing Magazine, на которую мы ссылались ранее, сайт вырос с 68 КБ до 13 КБ исключительно благодаря включенному Gzip.

Если вы хотите включить сжатие Gzip на вашем сайте, это руководство от GTmetrix это хорошее место для начала.

12. Регулярно оптимизируйте вашу базу данных

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

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

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

13. Минимизируйте Javascript и CSS файлы

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

14. Объедините свои фоновые изображения в спрайты изображений

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

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

Ты можешь использовать SpriteMe объединить ваши изображения в спрайты, или вы можете следовать рекомендациям в эта статья Smashing Magazine ,

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

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

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

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

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

16. Исправить все неработающие ссылки на вашем сайте

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

17. Избегайте горячих ссылок на изображения

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

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

18. Ограничить количество внешних запросов

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

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

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

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

20. Используйте PHP Accelerator

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

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

21. Предотвратите других от хотлинкинга ваших изображений

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

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

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

Твоя очередь - проверь скорость своего сайта

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

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

GTMetrix : Этот инструмент анализирует скорость вашего сайта с помощью Google Pagespeed Insights и Yslow и дает вам оценку от А до F. Он также предлагает предложения по улучшению.

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

Google Pagespeed Insights : Вы должны стремиться к баллу ближе к 100. У него также есть мобильный инструмент для проверки скорости, который вы можете использовать.

YSlow : Этот инструмент анализирует скорость вашего сайта на основе правил Yahoo!

Тест веб-страницы : Чем ближе ваш счет к 100, тем быстрее ваш сайт.

Похожие

Комментарии