Нажмите "Enter", чтобы перейти к содержанию

Как загрузить сайт: Как загрузить сайт на хостинг?

Содержание

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

Как загрузить сайт на хостинг? Ответ на этот вопрос вы найдете в данном уроке. Для того, чтобы загрузить сайт на хостинг нам потребуются: хостинг — платный или бесплатный, и непосредственно сам сайт. Сайт может быть построен с использованием базы данных, либо без базы данных. Итак, приступим непосредственно к сути урока.

Загрузка сайта на хостинг

Рассмотрим алгоритм загрузки сайта на хостинг:

1. Для начала нужно либо купить хостинг, либо воспользоваться бесплатным хостингом. Второй вариант я бы не рекомендовал, так возможности такого хостинга ограничены и стабильность работы не высокая. Поэтому покупаем хостинг, на бесплатный «сыр» не смотрим. Подробнее про хостинг и его покупке можно посмотреть здесь.

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

3. Импортируем базу данных на хостинг через phpMyAdmin.

Подробнее о создании базы данных и импорте базы данных на хостинг можно почитать здесь.

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

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

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

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

Теперь Вы знаете, как загрузить сайт на хостинг самостоятельно. Как видно, алгоритм загрузки сайта на хостинг совсем не сложен. Если же, все таки,  у вас возникли какие-то трудности по ходу данного урока — пишите в комментариях, задавайте вопросы. Будем искать на них ответы!

Понравилось? Поделитесь с друзьями!

Как опубликовать свой сайт на GitHub Pages

Как опубликовать сайт в интернете бесплатно

Итак, у нас есть заготовка сайта-портфолио, которую нужно опубликовать в интернете.

Для этой задачи используем платформу GitHub. Это популярная платформа для разработчиков, которая позволяет бесплатно опубликовать простой сайт.

Для начала зарегистрируемся на Гитхабе. Откроем главную страницу. Здесь в форме нужно ввести логин, электронную почту и пароль для создания учётной записи. Нажимаем «Зарегистрироваться».

Регистрируемся на Гитхабе

Далее нужно подтвердить свой аккаунт, выбрать тарифный план (для нас подойдёт бесплатный) и затем подтвердить электронную почту.

Регистрируемся на Гитхабе

Итак, мы зарегистрировались. Что дальше? А дальше нам нужно создать хранилище, где будет лежать код сайта. Нажимаем ссылку New repository.

Добавляем репозиторий

Далее нужно выбрать название для хранилища, например my-site, и указать тип репозитория (у нас будет публичный). Обязательно устанавливаем галочку Initialize this repository with a README, а после нажимаем кнопку Create repository.

Создаём репозиторий

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

Нажмём кнопку Upload files.

Загружаем файлы

Перетащим файлы в появившееся поле для загрузки.

Загружаем файлы

По правилам, каждое изменение в репозитории мы должны сопроводить кратким описанием, что делает это изменение, например, «загружает файлы сайта». Добавим описание и нажмём кнопку Commit changes.

Добавляем описание

Готово! Сайт-портфолио залит на Гитхаб.

Сайт-портфолио на Гитхабе

Остаётся настроить его, чтобы сайт можно было открыть в браузере. Для этого нужно перейти в настройки репозитория Settings, пролистать настройки вниз до раздела GitHub Pages и в выпадающем списке выбрать ветку master. Изменения сохраняются автоматически.

Настраиваем репозиторий

Давайте теперь попробуем открыть сайт в браузере. Он будет доступен по адресу: [ваш логин].github.io/[название репозитория].

Ура, сайт в интернете!

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

Сначала вы вносите изменения. Давайте для примера отредактируем текст на главной странице.

Редактируем текст на главной странице

Теперь вам нужно заново загрузить эту страницу на Гитхаб, добавив краткое описание, что делает изменение, например, «меняет текст на главной странице». Снова нажимаем Commit changes.

Загружаем изменённый файл

Через несколько секунд изменения появятся на сайте.

Сайт готов!

Как загрузить видео файл на сайт и разместить видео плеер на странице сайта

20 августа 2018

Советы

Обращаем ваше внимание!

Все описанное в данной статье, предназначено ТОЛЬКО для использования в системе управления сайтом ТСАдмин 3 и выше.

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

 

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

 

1. Выбираем и подготавливаем видео файл

 

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

 

Как правило все видео файлы имеют большой объем, поэтому перед загрузкой, такой файл необходимо обработать и уменьшить его вес. "Компрессовать" видео вы можете с помощью бесплатной версии программы Any Video Converter (ссылка откроется в новом окне) или использовать для этого любую другую программу на ваше усмотрение.

 

Файл необходимо переименовать: правильное название должно содержать только строчные латинские символы, цифры, дефис "-" и подчеркивание (земля) "_".

Использование пробелов и других символов запрещено! Это приведет к "битой ссылке" и ролик не будет воспроизводиться на сайте.

 

Пример правильного названия файла: video_na_sayt.mp4

Пример НЕ правильного названия: Видео на сайт.mp4

 

Итак, когда вы "сжали" свое видео, правильно его переименовали, пришла пора его загрузить на хостинг.

 

2. Загружаем видео файл на сайт (на хостинг)

 

Открываем систему управления сайтом ТСАдмин и переходим в раздел "Файлы" (файловый менеджер):

 

 

В разделе переходим во вкладку "Показать файлы":

 

 

Для хранения видео, создаем папку "video". Для этого на папку "files" кликаем правой клавишей мыши и выбираем "Создать папку".

 

 

 

Папку называем "video" маленькими буквами без пробелов и других символов.

 

Выделяем папку для загрузки в нее видео файла и кликаем на кнопку "Загрузить".

 

 

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

 

 

3. Размещение видео плеера на страницу сайта

 

В системе управления сайтом ТСАдмин открываем страницу на которой необходимо разместить видео плеер и переходим к текстовому редактору.

 

Сначала мы установим сам плеер.

 

Копируем от сюда код плеера как есть:

 

<video controls="controls" src="путь к видео файлу"></video>

 

Для установки кода, текстовой редактор переключаем на "Источник":

 

 

В нужном месте, с новой строки вставляем скопированный код плеера, получается примерно так:

 

 

Сейчас нам необходимо узнать путь размещения видео файла, чтобы указать его в коде плеера. Для этого мы открываем еще одну вкладку (вкладку браузера с плеером не закрываем). В новой вкладке, так же открываем редактор, кликаем на иконку "Ссылка" (цепочка):

 

 

В открывшемся окне кликаем "Выбрать на сервере":

 

 

В следующем окне выбираем папку "video' и в ней кликаем 2 раза на загруженный видео файл.

 

 

В предыдущем окне в поле "ссылка" мы видим путь размещения видео файла на хостинге. Выделяем все содержимое поля и копируем.

 

 

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

 

Тут: 

 

 

Чтобы получилось так:

 

 

Страницу с плеером необходимо сохранить кликнув на "Сохранить" в левом верхнем углу.

 

 

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

 

После сохранения, страница с установленным видео плеером в системе управления должна выглядеть примерно так:

 

 

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

 

 

На сайте плеер выглядит примерно так:

 

 

Размер видео и картинка-заставка, автоматически берутся из самого видео файла. 

 

Кликаем "Воспроизвести", смотрим видео. Видео размещено!

 

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

 

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

 

У нас получилось вот так:

 

 

Свежие публикации данной категории

25 просмотров этой страницы

Как быстро должен загружаться мой сайт?

Узнайте о среднем времени загрузки страницы и о том, как увеличить скорость веб-сайта

Как быстро должен загружаться мой сайт?

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

В Google мы стремимся сократить время до полсекунды ».

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

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

]]>

Что такое время загрузки страницы (или скорость веб-страницы) и как оно измеряется?

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

Однако ответ на самом деле не так очевиден.Сказание «мой сайт загружается за X.X секунд» искажено от реальности. Почему? Скорость веб-сайта - понятие гибкое по двум причинам:

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

Если вы хотите получить более подробную информацию, скорость веб-страницы можно разделить на две разные категории: первая отрисовка содержимого (FCP) и загруженный контент DOMContent (DCL).

Что такое First Contentful Paint (FCP) веб-страницы?

First Contentful Paint (FCP) - это время, необходимое вам, чтобы увидеть первый фрагмент контента на веб-странице после того, как вы попали на нее.

Обычно веб-страницы загружают каждый элемент по отдельности, но не все одновременно. Вы когда-нибудь нажимали на веб-страницу и обнаруживали, что верхняя половина загружена, но нижняя половина все еще работает над ней? Или вы попали на веб-страницу, где сначала появляются некоторые части, а затем - более подробные? Тогда вы испытали First Contentful Paint (FCP).

Что такое загруженное содержимое DOMContent (DCL) веб-страницы?

Различные части веб-страницы не загружаются сразу. DOMContent Loaded (DCL) - это время, необходимое для загрузки каждого бита кода вверху и внизу веб-страницы. Это включает в себя все, что есть в First Contentful Paint (FCP), и все, что будет после.

Как измеряется скорость веб-страницы?

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

Google сказал лучше всего:

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

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

Как видите, у разных пользователей разный опыт.

Каково среднее время загрузки страниц для веб-сайтов в США?

Итак, как быстро должен загружаться сайт? Если вы хотите думать о скорости страницы в секундах, я дам вам следующее: согласно недавнему отчету Unbounce Page Speed ​​Report, среднее время загрузки веб-сайта в 2019 году составляет 15 секунд.

Среднее время загрузки сайтов с самым высоким рейтингом в Google составляет менее трех секунд, и, учитывая, что 57% людей покидают страницу, загрузка которой занимает более трех секунд, у вас есть огромная возможность увеличить посещаемость сайта, просто увеличив скорость сайта. Люди нетерпеливы, и с появлением микромоментов они хотят всего МГНОВЕННО.

Не только скорость сайта варьируется от пользователя к пользователю, но и средняя скорость страницы также варьируется от отрасли к отрасли:

  • Автомобильная промышленность: 6.3 секунды
  • Товары народного потребления: 6,6 секунды
  • Финансы: 5,9 секунды
  • Здравоохранение: 5,4 секунды
  • Медиа и развлечения: 5,5 секунды
  • Розничная торговля: 6,3 секунды
  • Технология: 6,7 секунды
  • Ход: 6 секунд

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

Почему скорость веб-сайта имеет значение? Посмотрите статистику загрузки сайта:

  • После загрузки страницы пользователи формируют мнение в. 05 секунд.
  • Почти 70% потребителей признают, что скорость загрузки страниц влияет на их вероятность покупки.
  • Только 15% сайтов работают с приемлемой скоростью страницы
  • 57% посетителей покидают сайт, если загрузка занимает более 3 секунд
  • Три из четырех основных сигналов SEO UX зависят от скорости страницы

Сложите их вместе, и вот что вы получите:

Скорость веб-сайта имеет значение для SEO - В 2010 году Google сделал скорость веб-сайта фактором ранжирования.Их собственными словами:

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

Подумайте об этом. Google хочет предоставлять САМЫЕ ЛУЧШИЕ результаты поиска, а высокий показатель отказов (отказов = кто-то попадает на вашу веб-страницу, не удовлетворен и сразу же «возвращается» обратно к результатам поиска) является признаком того, что веб-страница не соответствует потребности пользователя.

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

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

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

Они даже создали нагрузочный тест веб-сайта, который показывает, сколько дохода крадет у вас скорость вашего сайта. Например, если бы этот веб-сайт увеличил скорость своего веб-сайта с 5 до 2 секунд, он мог бы увеличить доход на 48 394 доллара.


Увеличьте время до 1,5 секунды, и этот сантехник может увеличить доход более чем на 100 000 долларов.

]]>

Статистика Google PageSpeed ​​в реальном времени и ее значение

Если вам интересно, как быстро загружается веб-сайт, перейдите на страницу Google PageSpeed ​​Insights.Это инструмент, который поможет вам выяснить, как другие видят ваш веб-сайт и сколько времени в среднем уходит на его загрузку, путем усреднения времени FCP и DCL пользователей.

Затем Google классифицирует страницы как быстрые, средние и медленные. Как это происходит, если посмотреть на медианное значение FCP и DCL. Но у разных пользователей разное время загрузки, потому что не все устройства, интернет-провайдеры и браузеры одинаковы.

Например, представьте, что два человека заходят на одну и ту же веб-страницу на смартфоне; назовем их Боб и Джо.

  • Джо, чей интернет-провайдер Verizon, переходит на веб-сайт с помощью браузера Google Chrome на телефоне Android.
  • Боб, чей интернет-провайдер - AT&T, переходит на веб-сайт с помощью браузера Safari на iPhone.
  • Джо видит первое изображение на веб-сайте через 0,42 секунды.
  • Боб (использует другой браузер и другого интернет-провайдера) видит первое всплывающее изображение через 1,8 секунды.

Какая скорость веб-страницы является точной?

Ну, и то, и другое.

Чтобы учесть все переменные, связанные со скоростью страницы, Google усредняет время загрузки каждого отдельного пользователя - независимо от браузера, устройства и интернет-провайдера - и каталогизирует его. Каждой метрике назначается скорость Быстрая, Медленная или Средняя, ​​в зависимости от того, где она находится в распределении:

  • Быстро: Среднее значение показателя составляет треть самой быстрой загрузки всех страниц.
  • Медленно: Среднее значение показателя составляет треть самой медленной загрузки всех страниц.
  • Среднее значение: Среднее значение показателя находится в средней трети всех загрузок страницы.

Общая оценка скорости рассчитывается путем просмотра категорий для каждого показателя:

  • Быстро: Если каждая метрика страницы является быстрой.
  • Медленно: Если какая-либо метрика страницы медленная.
  • Среднее значение: Все остальные случаи.

Почему у веб-сайта медленная загрузка страницы?

Представьте, что двое бегунов соревнуются в беге на 50 ярдов.У одного бегуна новейшая легкая ходовая часть, а у другого есть вес 100 фунтов, который он должен нести. Как вы думаете, у какого бегуна при прочих равных условиях время будет быстрее?

Если вы угадали, без лишнего веса, вы правы.

Веб-страницы работают так же.

Большая часть времени загрузки страницы - фактически 80% - тратится на визуализацию всех различных закодированных элементов на странице. Каждый элемент на вашем веб-сайте имеет определенный «вес». Сюда входит все, от таблиц стилей и плагинов до контактных форм и изображений.Чем больше неоптимизированных элементов на ваших веб-страницах, тем они «тяжелее». Чем он «тяжелее», тем больше времени потребуется на рендеринг.

Итак, каков средний вес веб-страниц в США? 3,2 МБ.

Как уменьшить среднее время загрузки страницы моего веб-сайта?

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

  • Не отвечает веб-сайт (не оптимизирован для мобильных устройств)
  • Очень много 301 редиректа
  • Разрешение сжатия
  • Медленное время ответа сервера
  • Кеширование веб-сайтов для изображений и ресурсов
  • Слишком много ресурсов или элементов на странице
  • Неоптимизированные изображения
  • Неоптимизированный CSS
  • Много скриптов JavaScripts, блокирующих рендеринг
  • Использование синхронной версии скрипта
  • Слишком много плагинов
  • Веб-сайт не отвечает, или размер области просмотра неверный
  • Слишком мелкие размеры шрифта
  • Типографика, неудобная для поисковых систем

Чтобы получить конкретные советы для своего веб-сайта, введите URL-адрес своего веб-сайта в инструмент Google PageSpeed ​​Insights. Это даст вам оценку скорости страницы и даст вам советы по оптимизации скорости страницы, специфичные для вашего сайта.

Тем не менее, вот несколько общих советов, которые может использовать большинство сайтов:

  • Оптимизируйте изображения - Сжимайте изображения. Вы можете использовать множество программ и методов, но один из самых простых - это программа Smush.it.
  • Оптимизируйте свой контент - Чем меньше у вас элементов страницы, тем светлее будут ваши веб-страницы. Чтобы сделать ваши страницы светлее, объедините файлы, чтобы уменьшить количество HTTP-запросов, включая комбинирование сценариев и объединение CSS в единую таблицу стилей.
  • Часто кэшируйте свой веб-сайт - Каждый раз, когда кто-то посещает вашу страницу, ваш веб-сайт должен загружать все элементы с нуля, если только он не кэширован. Кэширование веб-сайта - это создание «снимка» вашего веб-сайта и сохранение данных на устройстве пользователя для использования в будущем. После кеширования веб-страницы браузеру веб-сайта необходимо загрузить обновленные или новые части страницы только при повторном посещении сайта, что увеличивает время загрузки страницы даже при медленном подключении к Интернету.
  • Заархивируйте его. - Вызов метода сжатия gzipping может уменьшить вес веб-страницы на 70%.
  • Избегайте переадресации с целевой страницы . Хотя переадресация 301 не обязательно наносит ущерб вашему присутствию в Интернете, слишком большое количество из них может замедлить работу вашего веб-сайта. Согласно Google, «поскольку переадресация запускает дополнительный цикл HTTP-запрос-ответ и увеличивает время ожидания приема-передачи, важно минимизировать количество переадресаций, создаваемых вашим приложением».

11 инструментов, помогающих сократить время загрузки страницы

Итак, как можно уменьшить среднее время загрузки страницы? Используйте следующие инструменты:

ИЗМЕРЕНИЕ:

  1. Тест веб-страницы
  2. Пингдом
  3. Консоль поиска Google
  4. Калькулятор скорости страницы Google
  5. Y Медленно. org

СЖАТИЕ ИЗОБРАЖЕНИЙ:

  1. Изменение размера изображения в Photoshop
  2. пикселей
  3. Веб-изменение размера

ТЕХНИЧЕСКАЯ ОПТИМИЗАЦИЯ:

  1. W3 Общий кэш
  2. CloudFlare
  3. YUI Компрессор

Ваш сайт слишком медленный? Вам может понадобиться новый дизайн веб-сайта

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

6 способов исправить медленную загрузку веб-сайта

Что делать, если мой сайт загружается медленно?

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

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

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

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

Включив кеширование, вы можете значительно улучшить загрузку вашего сайта для постоянных посетителей. Если вы используете CMS, такую ​​как WordPress, вы можете установить плагин, такой как W3 Total Cache или W3 Super Cache, любой из которых позволит вам включить кеширование по всему сайту или кеширование определенных элементов сайта.

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

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

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

Лучший способ сделать это - пройти базовый тест скорости загрузки с помощью такого инструмента, как GTMetrix или Google Pagespeed Insights. Затем просмотрите список плагинов и отключите по одному плагину за раз. Затем запустите тест скорости с отключенным плагином.

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

3. Оптимизируйте и уменьшите размер изображений

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

  • Убедитесь, что ваши изображения слишком большие.Например, если ширина страницы вашего блога составляет 900 пикселей, убедитесь, насколько широки ваши изображения.
  • Если вы используете CMS, например WordPress, вы можете установить плагин, например WPSmush, который автоматически уменьшит размер файла изображений.
  • Перед загрузкой изображений сначала запустите их с помощью инструмента под названием Tiny PNG, чтобы уменьшить размер файла изображения без ущерба для качества.

4. Сверните код

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

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

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

Также неплохо уменьшить ваши файлы CSS и Javascript. Даже размещение всех ваших файлов CSS и Javascript в одном месте вместо нескольких разных файлов поможет ускорить процесс.

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

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

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

Некоторые надежные варианты для CDN - CloudFlare и KeyCDN. В некоторых случаях ваш существующий хостинг-провайдер может даже иметь возможность использовать CDN для вашего сайта. (HostGator делает!)

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

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

Связанные

10 основных причин медленной загрузки веб-сайтов (и как это исправить)

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

Вот наши 10 основных причин медленной загрузки сайтов.

1. Неоптимизированные изображения

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

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

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

Выводов:
  • Проверьте размер файла ваших изображений, все, что превышает 1 МБ, действительно недопустимо.
  • Используйте JPEG вместо PNG, особенно для больших изображений. Иконки в порядке.
  • Используйте каскадные тесты, чтобы легко сканировать размеры изображений и принимать меры по исправлению.
  • Неоптимизированные изображения могут стоить вам денег в виде превышения пропускной способности.

2. Проблемы с JavaScript

Наличие плагинов JavaScript / jQuery сделало действительно удобным добавление динамического контента на веб-сайты. Однако при неправильной реализации JavaScript может снизить скорость загрузки страницы вашего сайта.

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

Выводов:
  • Скрипт раздувать реально. Проверяйте свои сценарии JavaScript, чтобы увидеть, что вам действительно нужно, и удалите то, что вам не нужно.
  • Асинхронная загрузка обязательна.
  • Подумайте об использовании чего-то вроде Сегмента или Диспетчера тегов Google. Единый скрипт для всех ваших инструментов!

3. Слишком много Flash-содержимого

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

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

Выводов:
  • Вспышка очень громоздкая и плохо сказывается на производительности.
  • Вспышка раньше была крутой.Это уже не так.
  • Ищите замены HTML5.

4. Чрезмерное количество HTTP-запросов

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

Выводов:
  • Используйте спрайты для уменьшения количества HTTP-запросов.
  • По возможности уменьшите количество файлов на своих страницах.Включает CSS, изображения, javascript.
  • Уменьшите количество файлов CSS и Javascript, чтобы уменьшить количество файлов, которые нужно загрузить пользователям.

5. Не использовать методы кэширования

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

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

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

Выводов:
  • Кэширование резко повышает производительность.
  • Вы можете кэшировать множество вещей, от HTTP, запросов к базе данных до изображений.
  • Если можно что-то кешировать, делайте это. Но делайте это осторожно, чтобы ничего не напортачить. Это может быть сложно.

6.Нечистый код

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

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

Выводов:
  • Внимание к мелочам.
  • Не поленитесь и используйте встроенный CSS
  • Старайтесь не создавать несколько таблиц стилей CSS, если вы можете использовать одну.
  • Minify!

7. Без сжатия gZIP

Включив сжатие gZIP, вы даете серверу указание обернуть все веб-объекты (изображения, CSS, файлы JavaScript и т. Д.) В один контейнер, прежде чем они будут отправлены в запрашивающий браузер.

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

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

Выводов:
  • Сжатие gZIP упрощает производительность.
  • Он объединяет все ваши веб-объекты (изображения, CSS, jS) в один контейнер для отправки в запрашивающий браузер.

8.Слишком много рекламы

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

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

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

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

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

Выводов:
  • Рекламные объявления - это дополнительные HTTP-запросы, которые замедляют время загрузки страницы.
  • Используйте их только там, где это необходимо, это повысит эффективность, UX и CTR ваших объявлений.

9. Служба CDN не используется

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

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

Выводов:
  • Не обязательно, но CDN может помочь. Особенно, если у вас есть посетители со всего мира.
  • CDN кэширует часто используемые данные в географически распределенных центрах обработки данных.
  • Они могут помочь минимизировать время приема-передачи (RTT) и быстрее обслуживать контент для вашей аудитории.

10. Плохой хостинг

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

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

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

Например, EuroVPS предлагает настраиваемые веб-серверы, созданные для каждого клиента индивидуально и в соответствии с потребностями его веб-сайта.Мы знаем, как каждый инструмент будет лучше всего взаимодействовать с самыми популярными скриптами на рынке сегодня, включая Drupal, WordPress, Expression Engine, Joomla и другие.

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

Заключение

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

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

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

95% решений потребителей принимаются на подсознательном уровне.

Джеральд Зальтман - профессор Гарвардской школы бизнеса

Так что, если ваши веб-страницы работают медленно, страдает все остальное.

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

Пабелин Лабесорес

Привет! Я работаю специалистом по адаптации в EuroVPS, поэтому, если вы регистрируетесь, я буду рядом, чтобы поддержать вас во время этого раннего процесса миграции!

Как создать веб-сайт на WordPress: пошаговое руководство для начинающих

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

Пожалуйста, потерпите меня! Вот почему:

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

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

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

Вот как сделать сайт самостоятельно, шаг за шагом:

Спешите? Вот ваши ярлыки действий, чтобы создать сайт менее чем за час:

  1. Найдите доменное имя для своего сайта.
  2. Зарегистрируйтесь на веб-хостинге (мы рекомендуем Bluehost).
  3. Установите WordPress через интерфейс Bluehost.
  4. Выберите бесплатную тему WordPress из онбординга Bluehost.
  5. Получите несколько обязательных плагинов WordPress, которые помогут в росте вашего сайта.
  6. Начните создавать свои страницы и сообщения в блогах.

Когда вы будете готовы зарегистрировать учетную запись веб-хостинга, убедитесь, что вы используете одну из ссылок Bluehost на этой странице. Их прохождение приведет к двум вещам: (1) - это партнерские ссылки, что означает, что мы получаем небольшую комиссию, если вы покупаете через них, (2) - это разблокирует 2 доллара.95 против цены со скидкой 3,95 доллара для вас . Вы не получите эту скидку, если посетите сайт Bluehost каким-либо другим способом.

Как сделать сайт - с высоты птичьего полета

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

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

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

Шаг 1. Выберите WordPress в качестве платформы вашего веб-сайта

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

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

Но хватит технических подробностей! Как я уже сказал, существует множество CMS - фактически, более 100, как указано в Википедии.

К счастью, выбрать лучший очень просто. На вершине горы только один король - WordPress.

WordPress используется более чем на 34% всех веб-сайтов (по данным).Опять же, это всех веб-сайтов!

(Графики визуализатора.)

Или, иначе говоря, примерно каждый третий веб-сайт, который вы посещаете, построен на WordPress.

Вот основные сведения о WordPress:

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

Теперь одно важное различие; «WordPress», о котором мы здесь говорим, - это «WordPress, программное обеспечение. «Вы можете найти его, если зайдете на WordPress.org.

Существует также другая разновидность WordPress - «WordPress, коммерческая служба», которую вы можете найти, перейдя на сайт WordPress.com. Мы описываем различия между ними здесь.

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

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

Шаг 2: Выберите имя для своего сайта, купите домен и хостинг

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

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

Однако! Есть еще кое-что, что вам нужно понять, чтобы настроиться на успех в будущем.

Во-первых, в сети насчитывается почти 2 миллиарда (!) Веб-сайтов (на момент написания). Это означает, что оставаться оригинальным может быть довольно сложно.

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

Короче говоря, хорошее доменное имя должно быть:

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

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

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

Начните с ввода ключевого слова, которое хорошо определяет ваш сайт.

Domain Wheel вернется с некоторыми предложениями. Вы можете сузить круг поиска и найти свое идеальное доменное имя.

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

а) Покупка доменного имени и хостинг

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

🧙 Примечание для новичков: что вообще такое хостинг?

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

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

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

На практике все намного проще, чем кажется, что вы увидите через минуту.

Существуют десятки, если не сотни различных компаний, которые могут зарегистрировать для вас новое доменное имя. Кроме того, есть масса компаний, которые могут продать вам пакет хостинга…

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

Мы собираемся использовать Bluehost. Вот почему:

  • Bluehost - это авторитетный веб-хостинг, который оптимизирован для WordPress и позаботится о том, чтобы ваш веб-сайт работал без сбоев.
  • - одна из немногих компаний, рекомендованных на официальном сайте WordPress.сайт организации
  • дешево (от 2,95 $ в месяц)
  • прост в использовании и удобен для новичков
  • вы получаете доменное имя бесплатно

Вот что теперь будет:

  1. Мы собираемся перейти на Bluehost и выбрать план хостинга для нашего сайта.
  2. Мы также собираемся зарегистрировать доменное имя в Bluehost (домен бесплатный).
  3. Мы скажем Bluehost установить и настроить чистую версию WordPress на нашем новом хостинге.
  4. Мы выйдем со 100% работающим веб-сайтом WordPress!

Приступим - вот как создать сайт:

Сначала нажмите здесь, чтобы перейти в Bluehost. Оказавшись на странице, нажмите кнопку «Выбрать план».

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

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

Далее укажите свои личные данные:

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

Примечание; вы получите самую низкую цену, если купите пакет хостинга как минимум на 12 месяцев.

На этом этапе вы можете нажать «ОТПРАВИТЬ» и завершить покупку.

б) Указание Bluehost установить для вас WordPress

Поскольку вы зарегистрировались в Bluehost и подготовили настройку хостинга, единственный элемент, который отсутствует, - это WordPress.

Хотя вы технически можете установить WordPress вручную , зачем вам это делать, если вы можете заставить других делать это за вас, причем бесплатно! Вот как:

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

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

Кроме того, вы также можете установить WordPress, зайдя в раздел Мои сайты и нажав кнопку Create Site :

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

Шаг 3. Ознакомьтесь с пользовательским интерфейсом WordPress

Вы можете войти в свою пользовательскую панель WordPress, если зайдете по адресу www.YOURDOMAIN.com/wp-admin/

Вот что вы увидите:

Используйте учетные данные для доступа, которые вы установили в Bluehost на предыдущем шаге («снимок экрана установки WordPress» выше).

После успешного входа в систему вы увидите основной интерфейс WordPress во всей красе:

  • (1) Приветственное сообщение - Некоторые из наиболее важных областей административной панели перечислены в виде быстрых ссылок - обычно это ваши ярлыки для создания веб-сайта.
  • (2) Текущее состояние вашего сайта и что с ним происходит.
  • (3) Сообщений - перейдите сюда, чтобы создавать сообщения в блоге.
  • (4) Медиа - здесь можно загружать изображения и другие медиафайлы и управлять ими.
  • (5) Страницы - перейдите сюда для создания дополнительных страниц.
  • (6) Комментарии - здесь вы можете модерировать комментарии.
  • (7) Внешний вид - измените здесь дизайн вашего сайта и / или настройте способ отображения определенных элементов в текущем дизайне.
  • (8) Плагины - установите сюда новые плагины.
  • (9) Пользователи - управляйте учетными записями пользователей, которые могут получить доступ к панели администратора сайта.
  • (10) Настройки - основные настройки.

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

а) Установить постоянные ссылки

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

Наиболее оптимизированная структура - это наличие заголовка страницы в URL-адресе. Например, ваша страница «О нас» (подробнее на этой странице позже) должна быть доступна под чем-нибудь таким простым, как YOURSITE.com/about . Правильная установка постоянных ссылок позволит вам добиться этого.

Чтобы установить постоянные ссылки, перейдите в раздел «Настройки » → «Постоянные ссылки » на главной боковой панели панели управления WP.

Оказавшись там, выберите этот параметр:

б) Сделайте ваш сайт общедоступным

Я думаю, вы хотите, чтобы Google мог найти и проиндексировать ваш сайт.Чтобы убедиться, что это так, перейдите в «Настройки » → «Чтение » и убедитесь, что в поле «Не приветствовать поисковые системы…» стоит , не отмечен .

c) Установите заголовок и слоган вашего веб-сайта

Перейдите в Settings → General и установите поля Site Title и Tagline на желаемое.

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

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

г) Разрешить или запретить комментарии

Хотите ли вы принимать комментарии на своем веб-сайте, решать вам.

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

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

д) Отключить пингбеки и трекбэки

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

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

е) Установите часовой пояс

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

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

Вы можете установить часовой пояс в Настройки → Общие .

Убрав основные настройки, мы можем перейти к интересным вещам:

Шаг 4. Выберите тему / дизайн для своего веб-сайта

Самое замечательное в WordPress то, что он работает со взаимозаменяемыми дизайнами - темами .

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

Например, так выглядит веб-сайт WordPress по умолчанию сразу после установки:

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

Вот как:

а) Выберите тему, которая вам нравится

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

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

Существует огромное количество тем WordPress. Просто заглянув в официальный каталог на WordPress.org, там сотни тем.

Но это только верхушка айсберга. В Интернете на сторонних сайтах гораздо больше бесплатных тем, а также есть целый другой мир платных тем, которые распространяются независимыми магазинами тем (например, ThemeIsle или aThemes) и даже торговыми площадками (например, ThemeForest).

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

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

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

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

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

б) Установите свою тему

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

Вот как выполняется установка темы:

Перейдите в Внешний вид → Темы на панели инструментов WordPress и нажмите «Добавить».”

Оттуда введите имя темы, которую вы хотите установить, например:

Вы увидите его в списке под полем поиска. Просто нажмите кнопку «Установить» под нужной темой:

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

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

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

Сначала нажмите ссылку «Рекомендуемые действия», чтобы узнать, что доступно.

Из предложенных здесь вариантов остановимся пока только на Orbit Fox Companion. Просто нажмите кнопку «Установить и активировать».

💡 Примечание. Orbit Fox Companion - это плагин. Мы поговорим о плагинах WordPress более подробно позже в этом руководстве о том, как создать веб-сайт.

Orbit Fox - прекрасное дополнение к Hestia, поскольку оно предлагает несколько интересных функций для улучшения внешнего вида вашего сайта. Например, вы получаете несколько новых полезных модулей для домашней страницы, каталог шаблонов, который будет полезен при создании ваших подстраниц (например, «о себе» или «контакт»), и пользовательские значки меню.

На этом этапе ваша новая тема активна на вашем сайте.Вы можете увидеть это в действии, просто перейдя на сайт YOURDOMAIN.com .

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

в) Настроить тему

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

Для начала перейдите в Внешний вид → Настроить . Вы увидите основной интерфейс настройщика WordPress.

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

Настройка домашней страницы.

Сделайте следующее:

  1. На боковой панели перейдите в «Настройки домашней страницы».
  2. Выберите параметр «Статическая страница» в настройках отображения домашней страницы.
  3. Нажмите «Добавить», чтобы создать новую страницу в качестве домашней.
  4. Введите имя страницы - «HOME» кажется хорошей идеей - и нажмите «Добавить».

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

См. Здесь:

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

Чтобы внести изменения, щелкните значок карандаша рядом с заголовком.

Когда вы это сделаете, слева появится панель настройки.

Через него можно:

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

Под ним вы можете настроить любые другие доступные блоки домашней страницы.По умолчанию вы получаете все это (см. Этот список, перейдя в «Разделы главной страницы» на боковой панели настройщика):

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

  • Раздел О - отличное место, чтобы рассказать о своей истории.
  • Раздел Team , который можно использовать, если в вашем бизнесе работает больше людей, и вы хотите их выделить.

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

  • В разделе Контакты вы можете отобразить свою контактную информацию и сообщить людям, как с вами связаться.

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

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

Корректировка типографики.

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

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

Цвета.

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

Акцентный цвет обычно используется для кнопок, ссылок и всего остального, что должно выделяться на фоне остального дизайна сайта.

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

💡 Примечание. В настройщике WordPress есть еще много настроек, с которыми можно поэкспериментировать. Например, вы можете:

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

Шаг 5. Получите плагины для расширения возможностей вашего сайта

Плагины для вашего сайта WordPress такие же, как приложения для вашего iPhone. 📱

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

Вот плагины, которые вам следует рассмотреть - лучше всего то, что все они бесплатны:

  • Yoast SEO - помогает настроить поисковую оптимизацию и сделать ваш сайт более доступным для поисковых систем в целом.
  • Google Analytics для WordPress - интегрирует ваш веб-сайт с самым популярным решением для анализа трафика в Интернете.
  • Wordfence Security - повышает безопасность вашего сайта WordPress.
  • UpdraftPlus - делает автоматическое резервное копирование вашего сайта.
  • Optimole - оптимизирует ваши изображения.
  • WPForms - позволяет добавлять интерактивные контактные формы на ваш веб-сайт, которые посетители могут использовать для прямой связи с вами, что намного лучше, чем отображение вашей электронной почты в виде обычного текста на вашем сайте.
  • Также просмотрите этот список самых популярных плагинов WordPress всех времен. Вы тоже можете найти там что-нибудь интересное.

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

Перейдите в панель управления WordPress, а затем в Плагины → Добавить новый . Оттуда введите имя плагина, который вы хотите, в поле поиска, а затем нажмите «Установить» и «Активировать».

Шаг 6: Создайте базовые страницы

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

Но сначала, как вообще создать страницу :

Для этого просто перейдите в панель управления WordPress, а затем выберите Pages → Добавить новый . Вы увидите этот экран:

  • (1) Место для заголовка страницы.
  • (2) Основной раздел - основное содержание страницы. Интерфейс очень похож на MS Word. Вы получаете все основные функции форматирования текста (например, полужирный шрифт, курсив, выравнивание текста по левому / правому краю / центру, создание списков и т. Д.).
  • (3) Вы можете добавить изображения, нажав эту кнопку.
  • (4) Переключение между редакторами Text и Visual . Используйте первое, только если вы хотя бы смутно знакомы с кодом HTML.
  • (5) Раздел Publish . Здесь находится основная кнопка Publish .
  • (6) Обсуждение . Решите, хотите ли вы разрешать комментарии. Параметр «Трекбэки и пингбэки» можно не устанавливать.
  • (7) Featured image . Большинство тем WordPress берут это изображение и отображают его где-нибудь на видном месте рядом с вашей страницей.

Когда вы закончите редактировать содержимое страницы, нажмите «Опубликовать».

Теперь, разобравшись с практическими рекомендациями, вот страницы, которые вам следует подумать о создании:

  • Примерно - я уже упоминал об этом несколько раз, так как это действительно важный вопрос. На странице «О нас» вы можете рассказать историю вашего веб-сайта и почему люди должны обращать на него внимание.Эта страница просто необходима всем, кто хочет научиться создавать веб-сайт.
  • Контакт - здесь вы можете отобразить некоторую контактную информацию вместе с красивой контактной формой, через которую люди могут связаться с вами напрямую (вы можете получить такую ​​форму через вышеупомянутый плагин WPForms).
  • Политика конфиденциальности - эта страница стала чрезвычайно важным элементом в современной сети. Узнайте больше о страницах политики конфиденциальности в WordPress здесь.
  • Портфолио - место, где вы можете продемонстрировать свои прошлые работы.
  • Магазин - незаменимая вещь, если вы хотите продать что-либо со своего сайта. Чтобы это работало, вам также понадобится популярный плагин WooCommerce - лучшее решение для электронной коммерции для WordPress.

Когда вы закончите с ними, вы также можете проверить этот список из 12 ценных страниц, которые стоит разместить на своем сайте.

Шаг 7. Рассмотрите возможность создания блога

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

И это говорю не только я; есть необработанные данные, подтверждающие, что блоги - превосходный инструмент для интернет-маркетинга: 55% маркетологов считают ведение блогов своим главным приоритетом входящего маркетинга.

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

С технической точки зрения, WordPress с самого начала имеет встроенные инструменты для ведения блогов. Фактически, WordPress начинался как платформа для ведения блогов.

Чтобы создать новую запись в блоге, все, что вам нужно сделать, это перейти в сообщений → Добавить новый (из панели управления WordPress).

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

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

Вот как выглядит добавление нового сообщения в блог:

Когда вы закончите работу над сообщением в блоге, нажмите «Опубликовать.”

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

  • Для этого сначала перейдите в Pages → Add New и создайте пустую страницу. Назовите это «БЛОГ» - просто чтобы прояснить ситуацию.
  • Затем перейдите в «Настройки » → «Чтение » и выберите вновь созданную страницу блога в качестве «страницы сообщений», например:

На этом этапе вы можете перейти на эту новую страницу и просмотреть все свои последние сообщения в блоге.

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

Шаг 8. Настройте навигацию по сайту

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

Здесь мы сосредоточимся на двух элементах:

а) Меню

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

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

Сначала перейдите в Внешний вид → Меню на панели инструментов WordPress.

Вы увидите панель по умолчанию:

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

Начнем с выбора нескольких ключевых страниц и добавления их в меню.Хорошая идея - выбрать «О себе», «Контакты», а также одну или две другие страницы, которые вы считаете важными, и добавить их в меню.

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

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

💡 Примечание. Вы также можете создавать дополнительные меню. Просто нажмите ссылку «создать новое меню», которая видна на скриншоте выше. Это покажет вам ту же панель создания меню. Каждое меню должно отображаться в другом месте. Итак, для этого нового вы можете назначить его как «Меню нижнего колонтитула».

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

б) Виджеты

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

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

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

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

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

Например, как вы можете видеть, на моем сайте у меня есть поиск, последние сообщения, архивы и категории на боковой панели (снимок экрана выше). Вот как выглядят эти виджеты, когда я перехожу на страницу «О нас», например:

После того, как вы закончите со своими виджетами и навигацией, ваш сайт в основном готов для всеобщего обозрения!

Видеоверсия этого руководства

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

Заключение

Вот и все! Вы только что узнали, как создать сайт! 🍾🎊

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

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

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

Бесплатный гид

5 основных советов по ускорению работы вашего сайта на WordPress

Сократите время загрузки даже на 50-80%
, просто следуя простым советам.

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

17 действенных способов сократить время загрузки блога

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

Обидно, не правда ли?

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

Это не способ произвести впечатление на аудиторию.

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

Давайте обсудим, как дать им то, что они хотят.

Полное руководство по оптимизации скорости загрузки блога


Почему важна скорость загрузки страницы

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

Сохранить больше трафика

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

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

Если вы продолжаете игнорировать скорость загрузки своего блога, вы в основном сокращаете свой потенциальный трафик примерно вдвое.

Увеличение конверсии

Знаете ли вы, что задержка загрузки в одну секунду приводит к снижению конверсии на 7 процентов?

Для сравнения: это потеря в 7 долларов каждый раз, когда вы получаете конверсии на 100 долларов.

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

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

Более высокий рейтинг в поисковых системах

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

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

Если вы не знакомы с термином SEO или Search Engine Optimization , я предлагаю вам начать изучение с этого сообщения.

А пока позвольте мне показать вам следующий шаг к достижению первоклассной производительности блога: измерение фактической скорости загрузки вашего блога.


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

Вы можете думать, что ваш сайт уже работает достаточно быстро, но только такой инструмент, как Google PageSpeed ​​Insights, может это доказать.

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

Чтобы использовать PageSpeed ​​Insights, введите URL своего блога и нажмите «Анализировать».

Просто дайте PageSpeed ​​Insights несколько секунд, чтобы творить чудеса.

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

Вы также можете использовать PageSpeed ​​Insights для повышения производительности мобильных устройств, переключившись на вкладку ‘Mobile’ . Инструмент должен немедленно предоставить вам другой отчет, отражающий эффективность вашего блога на смартфонах и планшетах.

Уже нашли свой показатель скорости?

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

Ваш комментарий будет первым

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *