Как удвоить скорость вашего сайта SiteGround Tutorial

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

Итак, приступим.

Позвольте мне сказать с самого начала этого видео, что это вовсе не рекламный ход для SiteGround.

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

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

Они уже включены.

Дело в том, что большинство людей даже не знают, что включено.

Там так много включено, и если вы используете SiteGround, вы узнаете об этом в этом посте.

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

Мифы о скорости веб-сайта

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

Миф 1: медленные сайты плохо ранжируются в Google

Есть много более важных факторов ранжирования, и скорость сайта является наименее важной из них.

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

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

Вот как скоро кто-то покидает ваш сайт, когда они заходят на ваш сайт.

А это важный фактор ранжирования.

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

Сколько раз вы заходили на веб-сайт и оказывались там?

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

Что вы делаете?

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

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

Миф 2: Медленные сайты вызваны компоновщиками страниц

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

Ну, немного, но это не такой большой фактор, как люди, поверьте.

Это просто хороший маркетинг.

5 столпов скорости сайта

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

Столп 1: Получите хороший хостинг

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

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

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

Теперь, если вы не используете SiteGround, я помню, что у меня есть ссылка ниже, по которой будет скидка 70%, и я также включаю бонус за курс.

Итак, у SiteGround есть три плана. Вы захотите участвовать в плане увеличения роста или плане GoGeek.

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

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

Теперь, когда вы устанавливаете WordPress на SiteGround, они будут включать плагин под названием SG Optimizer.

Вот я на установке WordPress. Я нажму на плагины, и вы увидите, что это прямо здесь, SG Optimizer. Теперь, когда вы его активируете, здесь появится новая опция с надписью «Оптимизатор SG», и вот все настройки для этого плагина.

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

Таким образом, вы получите значительный прирост производительности. Оптимизируя эти изображения. Теперь, как правило, вам нужно платить за ежемесячную услугу по оптимизации изображений, но не в том случае, если у вас есть SiteGround. Он включен в плагин оптимизатора SG. Вот мы и добрались до настроек плагинов. Самый последний вариант здесь говорит об оптимизации изображения.

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

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

Здесь. Я вошел в SiteGround, и я нажму прямо здесь, где написано «Веб-сайты», а затем я нажму прямо здесь, где написано «Инструменты сайта», а затем я нажму там, где написано «Скорость». Затем я нажму прямо здесь, где написано CloudFlare, и здесь мы сможем включить интеграцию CloudFlare с SiteGround.

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

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

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

Так как у меня уже есть учетная запись Cloud Flare, я войду в систему, используя существующую учетную запись. Но для вас, если у вас нет учетной записи, создайте новую. Большой. Я вошел в свою учетную запись, и вы создали новую учетную запись. Итак, следующий шаг — выбрать здесь свое доменное имя, к которому вы хотите подключиться, облачную вспышку, а затем вы захотите нажать «Активировать бесплатно», чтобы подключить свой веб-сайт к CloudFlare.

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

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

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

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

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

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

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

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

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

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

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

Вы просто поместите класс CSS в эти элементы. Это немного технично. Вы бы сделали это прямо здесь, а затем нажмите «Исключить». Теперь есть дополнительные оптимизации, верно? Вот вариант оптимизации среды. Вы захотите прокрутить вниз и убедиться, что сжатие G zip включено.

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

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

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

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

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

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

Все выглядит идеально. На самом деле, это выглядит очень хорошо. Итак, я пойду на GT metrics.com и вставлю URL-адрес веб-сайта с косой чертой в конце, щелкнув прямо здесь, где написано, протестируйте свой сайт. Это займет всего минуту, и он загрузит ваш сайт.

И это даст вам некоторые данные. Он сообщит вам, сколько времени потребовалось для загрузки. Он сообщит вам, сколько было запросов, и выдаст произвольную оценку. Я рекомендую не придавать слишком большого значения этой оценке. Как видите, баллы есть. Довольно высокие и А и Б тут с очень быстрым временем загрузки 1,2 секунды, страницей, сторон под мегабайт, и всего 32 запроса.

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

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

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

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

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

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