14 световых хитростей для ускорения вашего сайта

Эта серия блогов о скорости сайта была забавной поездкой.


До сих пор мы узнали, что Amazon потеряет 1,6 миллиарда долларов (!), Если их сайт замедлится.

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

Это приводит нас к нашему естественному выводу: как именно вы можете ускорить процесс? Мы покрываем все: от скорости сервера до оптимизации и нескольких дополнительных бонусов между.

Во-первых, давайте вспомним, что вызывает медленную скорость:

Когда вы загружаете мой веб-сайт здесь, в Bitcatcha, ваш браузер (Firefox, Safari, Chrome и т. Д.) Начинает разговор с моим веб-сервером..

Браузер: «Эй, веб-сервер! Можете ли вы дать мне все кусочки для отображения Bitcatcha.com, пожалуйста?

Сервер: «Конечно, позвольте мне найти их и отправить через».

Затем веб-сервер помещает все части сайта в туннель и отправляет их в браузер для загрузки..

Звучит достаточно просто, но вот что замедлит процесс:

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

Здесь много чего может пойти не так. Итак, как мы можем ускорить процесс?

Ускорьте свой сайт

Часть 1. Сделайте свой сервер быстрее

1. Обновление до лучшего веб-хостинга (т.е. лучшего сервера)

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

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

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

Запись

Проверьте наш список самых быстрых веб-хостингов на основе времени отклика их сервера.

2. Переключитесь с виртуального хостинга на VPS

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

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

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

3. Переместите сервер ближе к вашей аудитории

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

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

4. Используйте сеть доставки контента

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

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

Это означает, что ваши посетители получают супер быструю скорость, где бы они ни находились. (Для справки, я использую Cloudflare здесь, в Битчатче.)

5. Активируйте настройку «сохранить в живых»

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

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

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

Но когда настройка выключена, новый туннель должен быть сделан для каждого элемента. (Это супер медленно).

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

Часть 2. Оптимизация элементов сайта

Теперь, когда мы сделали ваш сервер максимально быстрым и эффективным, как нам оптимизировать сами части сайта??

6. Сократить время прохождения туда-обратно (RTT)

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

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

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

Чем больше у вас коробок, тем больше поездок туда и обратно. Решение? Сократите количество коробок, которые вы принимаете.

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

7. Включите сжатие на вашем сайте

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

К счастью, вы можете сжать свой сайт, и все на нем. Используя такой инструмент, как Gzip. (Это признают 90% браузеров. – Это почти все, кроме нескольких отставших, все еще использующих Internet Explorer 4.)

Самые короткие части вашего сайта – изображения, HTML, CSS и Javascript. Сжимая их, вы можете уменьшить средний «вес» вашего сайта во время его передачи.

Интересный факт

Средний вес веб-сайта составляет 2 МБ, но с каждым годом он увеличивается.

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

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

Начните с обрезки до нужного размера. Не загружайте огромные изображения и не уменьшайте их в HTML. Просто загрузите их в нужном размере.

Кроме того, сожмите свои изображения перед загрузкой. Если вы используете WordPress, плагины, такие как WP Smush, могут сократить размер изображения на 80%.!

9.… или делайте спрайты

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

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

10. Обрежьте свой код

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

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

Если вы используете шаблон из WordPress, Tumblr и т. Д., То, вероятно, есть множество кода, который вы не используете. Эти шаблоны настроены так, чтобы предоставить вам множество опций для функциональности. Но большинству из нас это не нужно.

Быть безжалостным!

11. Удалите ненужные плагины (WordPress)

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

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

Если вы не используете его, выключите его.

12. Уменьшите перенаправления

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

Часть 3: Бонусы

13. Сократите поиск DNS

Есть одна часть процесса, о которой мы еще не говорили. Это происходит прямо в самом начале.

Прежде чем ваш браузер начнет разговор с сервером, он должен найти местоположение сервера (определив его IP-адрес). Это похоже на поиск номера сервера в телефонной книге. Это занимает немного времени. (Обычно 20-120 миллисекунд).

Это займет еще больше времени, если с вашим сайтом связано несколько доменных имен. Типичные примеры: blog.yourwebsite.com или дополнительные домены для изображений, таблиц стилей и объектов Flash..

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

14. Кэширование браузера

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

Вот что такое кеширование. Это означает, что ваш браузер «запоминает» веб-сайт. Когда вы загружаете его во второй раз, это очень быстро.

Уф! Это был более длинный пост, чем обычно, но я думаю, что оно того стоило.

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

Это значит, счастливые посетители. А это значит больше продаж.

WordPress Speed ​​Guide

Если ваш сайт создан на WordPress, мы составили подробное пошаговое руководство по ускорению WordPress. Мы используем точные шаги для загрузки Bitcatcha.com за 3 секунды.

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