Советы 8 по ускорению вашего сайта

Статья написана:
  • Входящий маркетинг
  • Обновлено: Ноябрь 02, 2018

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

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

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

Среднее время загрузки веб-страницы в разных отраслях (источник).

Проверьте скорость своего сайта

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

  • WebPagetest: Собирать производительность веб-страницы из реальных браузеров, работающих с общими операционными системами.
  • Pingdom: Помогает анализировать и находить узкие места в производительности веб-сайта.
  • GTmetrix: Анализировать и предлагать эффективные сведения о наилучшем способе оптимизации скорости веб-страницы.
  • Bitcatcha: Проверьте скорость сайта из восьми стран.
С помощью тестера скорости сайта вы сможете узнать, насколько хорошо оптимизирован ваш сайт в настоящее время.

Вот советы по ускорению вашего сайта ...

1. Выберите отличный веб-хостинг

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

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

2. Минимум: Меньше лучше

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

Минимизация ваших файлов Javascript и CSS осуществляется путем объединения всех ваших сценариев в один файл (каждого типа). Это непростая задача, но не беспокойтесь, есть плагины WordPress, которые могут справиться с этим для вас.

Попробуйте один из них, чтобы начать с: Autoptimize, Быстрая скорость or Объединить + Свернуть + Обновить

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

3. Следуйте принципу KISS

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

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

Дизайн и визуальные эффекты

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

Код и плагины

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

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

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

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

4. Плечо на сетях доставки контента

Для меня Сети доставки контента - это подарок от богов. Такие компании, как Cloudflare LimeLight Networks зарабатывать на жизнь, помогая другим людям наслаждаться стабильной и быстрой доставкой контента через сети серверов, расположенных по всему миру.

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

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

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

5. Использовать кеширование

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

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

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

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

6. Изображения Полоса пропускания Hog, оптимизируйте ваш!

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

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

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

Есть два способа сделать это. Опять же, первый - через плагин, подобный WP Smush, Альтернативой или для тех, кто не использует WordPress, является сторонний инструмент оптимизации изображения, такой как изображение компрессора or Оптимизатор JPEG.

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

Они увеличены в области изображения HD (слева). Оригиналом был 2.3MB и после оптимизации, который был уменьшен до 331kb!

7. Использовать сжатие gzip

Если вы слышали об сжатии изображения или архивировании (ZIP или RAR), то вы, вероятно, будете знакомы с теорией сжатия gzip. Это сжимает код вашего сайта, что приводит к увеличению скорости до 300% (результаты меняются).

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

Добавьте код ниже в файл .htaccess, и вы будете установлены:

<IfModule mod_deflate.c> # Сжатие HTML, CSS, JavaScript, текста, XML и шрифтов AddOutputFilterByType DEFLATE application / javascript AddOutputFilterByType DEFLATE application / rss + xml AddOutputFilterByType DEFLATE application_DyTyFEFTATE / х-шрифт OpenType AddOutputFilterByType DEFLATE применение / х-шрифт-OTF приложение AddOutputFilterByType DEFLATE / х-шрифт TrueType приложение AddOutputFilterByType DEFLATE / х-шрифт-TTF AddOutputFilterByType DEFLATE применение / х-Javascript AddOutputFilterByType DEFLATE приложение / XHTML + XML AddOutputFilterByType DEFLATE приложение / XML AddOutputFilterByType DEFLATE шрифт / OpenType AddOutputFilterByType DEFLATE шрифт / OTF AddOutputFilterByType DEFLATE шрифт / TTF AddOutputFilterByType DEFLATE изображение / SVG + XML AddOutputFilterByType DEFLATE изображение / х-значок AddOutputFilterByType DEFLATE текст / CSS AddOutputFilterByType DEFLATE текст / html AddOutputFilterByType DEFLATE текст / JavaScript AddOutputFilterByType DEFLATE text / plain AddOutputFilterByType DEFLATE text / xml </ IfModule>

* Примечание. Убедитесь, что вы добавили этот код НИЖЕ того, что у вас есть в вашем файле .htaccess.

8. Сокращение перенаправления

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

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

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

Более быстрые веб-сайты оставляют посетителей (и Google) счастливыми

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

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

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

Не заканчивайте так, как ЧТО Веб-сайт.

О Тимоти Шим

Тимоти Шим - писатель, редактор и технический специалист. Начиная свою карьеру в области информационных технологий, он быстро нашел свой путь в печать и с тех пор работал с международными, региональными и отечественными изданиями в средствах массовой информации, включая ComputerWorld, PC.com, Business Today и The Asian Banker. Его опыт заключается в области технологий как с точки зрения потребителя, так и с точки зрения предприятия.

Подключение: