Алёнка

Как увеличить скорость загрузки сайта

Топ-10 советов о том, как увеличить скорость загрузки страницы / Хабр

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

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

Итак, поехали:

1. Уменьшите количество HTTP-запросов

80% загрузки страницы ориентировано на загрузку компонентов страницы: скриптов, фотографий, файлов CSS, flash. Спецификация HTTP/1.1 советует, чтобы браузеры параллельно загружали не более 2-х компонентов веб-страницы с одного хоста. Уменьшив количество этих компонентов мы уменьшаем количество HTTP-запросов к серверу и как результат увеличиваем скорость загрузки страницы.

Но как уменьшить количество запросов к серверу не затрагивая внешний вид страницы?

На самом деле есть несколько способ.

Использование CSS-спрайтов. CSS-спрайт – это комбинированное изображение, которое содержит в себе несколько маленьких изображений, которые в нужный момент для нужного элемента страницы вырезаются используя свойства: background-image и background-position.
Использование Inline-картинок. Inline-картинки используют URL-схему data: для встраивания картинки в саму страницу. Это, однако, увеличит размер HTML-документа. Встраивая inline-картинки в ваши таблицы стилей вы добьетесь уменьшения запросов к серверу, а размер HTML останется прежним.
Объединение нескольких файлов в один. Если у Вас на страничке подключается больше одного css- или js-файла, то Вы можете объединить их в один. Это очень простой, но действенный способ уменьшения количества http-запросов на сервер. О том, как это делать на лету я писал в своей заметке здесь «Разгони свой сайт. Статическое сжатие css- и js- файлов на лету»

2. Помещайте CSS файлы в начале страницы

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

Если размещать CSS файлы внизу страницы, то это не позволяет многим браузерам рендерить страницу постепенно. Это объясняется тем, что браузер «не хочет» перерисовывать элементы, у которых после загрузки страницы может измениться стиль. Так что все свои CSS файлы всегда подключайте в верхней части страницы в секции HEAD.

3. Помещайте javascript в конец страницы

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

Кроме того, внешние .js-файлы блокируют параллельную загрузку. Спецификация HTTP/1.1 советует, чтобы браузеры параллельно загружали не более 2-х компонентов веб-страницы с одного хоста. Таким образом, если картинки для вашего сайта располагаются на разных хостах, вы получите более 2-х параллельных загрузок. А когда загружается скрипт, браузер не будет начинать никаких других загрузок, даже с других хостов.

4. Минимизируйте css и javascript

Минимизация файла — это удаление из кода всех несущественных символов с целью уменьшения объема файла и ускорения его загрузки. В минимизированном файле удаляются все комментарии и незначащие пробелы, переносы строк, символы табуляции. Здесь все просто. Чем меньше объем файла, тем меньше времени понадобится браузеру на его загрузку. А минимизировать Ваш код помогут вот эти 24 онлайн-сервиса для сжатия и оптимизации CSS кода
5. Используйте поддомены для параллельного скачивания

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

6. Используйте кэш браузера

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

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

<IfModule mod_expires.c> Header append Cache-Control "public" FileETag MTime Size ExpiresActive On ExpiresDefault "access plus 0 minutes" ExpiresByType image/ico "access plus 1 years" ExpiresByType text/css "access plus 1 years" ExpiresByType text/javascript "access plus 1 years" ExpiresByType image/gif "access plus 1 years" ExpiresByType image/jpg "access plus 1 years" ExpiresByType image/jpeg "access plus 1 years" ExpiresByType image/bmp "access plus 1 years" ExpiresByType image/png "access plus 1 years" </IfModule>

Данный фрагмент файла конфигурации Веб-сервера Apache проверяет наличие модуля mod_expires и, если модуль mod_expires доступен, включает отдачу HTTP-заголовков Expires, которые устанавливают срок хранения перечисленных выше объектов в кэше браузеров и прокси-серверов равный одному году с момента первой загрузки. Установив такой срок жизни кэша браузера, может возникнуть сложность с обновлением файлов. Поэтому если Вы изменили содержимое css или javascript-файла и хотите, чтобы эти изменения обновились в кэше браузера, то необходимо изменить название самого файла. Обычно в название файла добавляют его версию, например так: styles.v1.css

7. Используйте CDN для загрузки популярных JavaScript библиотек

Если на Вашем сайте используется популярный javascript фреймворк, например jQuery, то для его подключения лучше использовать CDN.

CDN (Content Delivery Network) — это множество веб-серверов, разнесенных географически для достижения максимальной скорости отдачи контента клиенту. Сервер, который непосредственно будет отдавать контент пользователю, выбирается на основании некоторых показателей. Например, выбирается сервер с наименьшим числом промежуточных хопов до него либо с наименьшим временем отклика. Кроме того браузер кэширует javascript-файлы, и если Вы посещали сайты на котором используется такой метод, то эта библиотека уже есть в кэше Вашего браузера, и он не будет загружать её снова.

Одним из таких CDN – является Google Libraries. Это CDN для популярных open-source JavaScript библиотек. Загрузка популярных javascript фреймверков с Google Libraries позволяет увеличить скорость загрузки страницы и снизит траффик на ваш сервер.

О том как загружать jQuery с репозитория Google я писал вот в этой заметке «Увеличиваем скорость загрузки страницы загружая jQuery с репозитория Google».

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

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

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

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

Вот несколько онлайн сервисов для оптимизации изображений:

9. Не масштабируйте изображения

Не изменяйте размер изображения при помощи атрибутов width и height тега , либо при помощи CSS. Это тоже негативно влияет на скорость загрузки страницы. Если у Вас есть изображение размером 500x500px, а вставить на сайт Вы хотите изображение с размером 100x100px, то лучше изменить размер оригинальной картинки при помощи графического редактора Photoshop, или любого другого. Чем меньший вес картинки, тем меньше времени потребуется для её загрузки.

10. Используйте Gzip- сжатие

Как показали проведенные исследования, gzip-сжатие текстового файла «на лету» в 95–98% случаев позволяет сократить время на передачу файла браузеру. Если хранить архивированные копии файлов на сервере (в памяти proxy-сервера или просто на диске), то соединение в общем случае удается освободить в 3-4 раза быстрее.

Начиная с версии протокола HTTP/1.1, веб-клиенты указывают, какие типы сжатия они поддерживают, устанавливая заголовок Accept-Encoding в HTTP-запросе.

Accept-Encoding: gzip, deflate

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

Content-Encoding: gzip

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

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

<IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/css <IfModule mod_setenvif.c> BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html </IfModule> </IfModule>

Если данный способ сработал, то отлично, если нет, то можно попробовать вот такой вот код:

<IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4.0[678] no-gzip BrowserMatch bMSIE !no-gzip !gzip-only-text/html <ifmodule mod_gzip.c> mod_gzip_on Yes mod_gzip_item_include file \.js$ mod_gzip_item_include file \.css$ </ifmodule> </IfModule>

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

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

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

Как ускорить ваш сайт - Руководство по ускорению загрузки

Автор
Аня Скрба

Обновлено:
12 декабря 2019 г.

Введение

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

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

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

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

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

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

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

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

Черта бедности по производительности (т. Е. Плато, при котором время загрузки вашего сайта перестает иметь значение, потому что вы достигли предельного минимума с точки зрения бизнес-показателей) для большинства сайтов составляет около 8 секунд

Коэффициент конверсии увеличивается 74% при увеличении времени загрузки страницы с восьми до двух секунд

Как проверить скорость вашего сайта?

PageSpeed Insights - это бесплатный инструмент Google для проверки скорости вашего веб-сайта, им очень легко пользоваться.Все, что вам нужно сделать, это ввести URL-адрес вашего веб-сайта, и инструмент проанализирует его содержимое и сгенерирует предложения о том, как сделать ваш веб-сайт быстрее.
Pingdom - также очень полезный инструмент, который не только проверяет скорость вашего сайта, но также проверяет и оценивает производительность вашего сайта. Он также отслеживает историю производительности вашего веб-сайта, поэтому вы можете иметь представление о любых потенциальных изменениях, касающихся скорости вашего веб-сайта.
YSlow - это инструмент, который проверяет скорость вашего веб-сайта и предлагает советы, как ее улучшить.Он также может предоставить вам расширение Chrome для проверки скорости вашего сайта.

15 способов ускорить работу вашего сайта

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

Обновите свой план веб-хостинга

В реальном выражении это означает, что если ваш сайт обычно зарабатывает 100 000 долларов в день

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

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

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

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

Включить кеширование браузера

Специалист по скорости Microsoft и ученый-компьютерщик Гарри Шам считает, что 0,25 секунды разницы во времени загрузки страницы - быстрее или медленнее - является магическим числом, определяющим конкурентные преимущества для онлайн-бизнеса.

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

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

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

Однако кеширование работает только для повторных посетителей, поскольку, очевидно, впервые посетители не имеют кешированной и сохраненной версии вашего веб-сайта.Тем не менее, включение полного кэширования для вашего веб-сайта может сократить время загрузки страницы с 2,4 до 0,9 секунды. Это связано с тем, что может быть 30 или более различных компонентов, которые необходимо сохранить в кэше пользователя при первом посещении вашего веб-сайта, но для последующих посещений необходимо загрузить только несколько компонентов.

В зависимости от платформы веб-сайта, которую вы используете, есть разные способы включить кеширование браузера. Например, если вы используете WordPress, самый простой способ включить кеширование - это установить плагин.Лучшие плагины для кеширования WordPress - это W3 Total Cache, который является самым популярным плагином для повышения производительности, и WP Super Cache, который лучше всего подходит для веб-сайтов с высоким трафиком и недостаточной мощностью серверов.

51% интернет-покупателей в США говорят, что медлительность сайта является основной причиной отказа от покупки

Если вы используете Drupal в качестве CMS, вы должны использовать программное обеспечение Varnish Cache для кэширования браузера. Если Joomla является вашей CMS, вы можете включить кеширование браузера на панели управления Joomla: перейдите в «Система»> «Глобальная конфигурация» и нажмите на вкладку «Система».Вы увидите метку «Кэш» под меткой «Настройки кеша», где вы щелкнете, чтобы открыть раскрывающееся меню и выбрать из списка вариант ВКЛ - Консервативное кэширование. Нажмите «Сохранить» и перейдите в «Расширения»> «Диспетчер подключаемых модулей», где вы можете включить подключаемый модуль «Система - кэш».

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

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

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

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

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

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

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

46% недовольных клиентов производят стойкое негативное впечатление, а 44% делятся своим опытом покупок с остальным миром.

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

Вы можете установить сжатие Gzip на свой веб-сайт с помощью соответствующего плагина сжатия для вашей CMS, но вы также можете очень легко сделать это вручную. Есть два способа добавить сжатие Gzip на ваш сайт вручную. Первый - добавить следующий код в ваш.htaccess, если вы хотите сжать текст, JavaScript, HTML, CSS или XML:

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

AddOutputFilterByType DEFLATE текст / обычный
AddOutputFilterByType DEFLATE текст / html
AddOutputFilterByType DEFLATE текст / XML
AddOutputFilterByType DEFLATE текст / CSS
AddOutputFilterByType DEFLATE приложение / XML
AddOutputFilterByType DEFLATE приложение / XHTML + XML
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / x-javascript

Если вы хотите сжать файлы определенных типов по расширению, добавьте следующий код в ваш.htaccess файл:

SetOutputFilter DEFLATE

Второй способ вручную добавить сжатие Gzip на ваш веб-сайт - это добавить следующий код в верхнюю часть страницы HTTP или PHP:

Удалить ненужные плагины

100 миллисекунд
дает посетителям иллюзию мгновенного отклика сайта

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

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

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

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

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

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

Что касается Joomla, не забудьте проверить следующие расширения, так как каждое из них может повысить скорость вашего сайта: JQuery Easy, LLFJ, Javascript Async и Defer и ScriptsDown.

Минимизация HTTP-запросов

Реальная жизнь
Примеры

Amazon и Walmart сообщили о 1% потере дохода на 100 мс задержки загрузки сайта.

Walmart увеличил конверсию на 2% на каждые 1 секунду улучшения времени загрузки

Когда Mozilla увеличила скорость страницы на 2.2 секунды , количество загрузок Firefox выросло на 15,4% , или на 10 миллионов в год!

Гигант электронной коммерции Shopzilla сократил операционный бюджет на 50 процентов за счет сокращения времени загрузки страницы с 7 секунд до 2 секунды

Веб-сайты могут работать медленно из-за слишком большого количества HTTP-запросов. Когда кто-то посещает ваш сайт, они запрашивают определенные файлы. Их веб-браузер запрашивает эти файлы с вашего сервера, используя протокол HTTP.Эти файлы включают файлы HTML, файлы CSS и JavaScript. Если у вас их много, будет много HTTP-запросов, и ваш сайт в конечном итоге будет тормозить.

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

Объединяйте вместе CSS, JS-скрипты и HTML-файлы.
По возможности используйте CSS вместо изображений.
Уменьшите количество элементов на каждой веб-странице.
Установите плагин кеширования.
Уменьшите количество перенаправлений, которые создают дополнительные HTTP-запросы к вашему серверу и увеличивают время загрузки страницы.

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

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

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

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

Вы можете включить HTTP Keep-Alive, скопировав и вставив следующий код в свой файл .htaccess:

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

Минимизировать файлы JavaScript и CSS

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

За каждую секунду, удаленную от времени загрузки, Intuit получает
конверсии

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

При минимизации (минимизации) HTTP-запросов и включении HTTP Keep-Alive может значительно повысить скорость вашего сайта. Вам следует подумать о минимизации файлов JavaScript и CSS, поскольку это также может значительно ускорить работу вашего сайта. Поместив все файлы JavaScript в один файл JavaScript, а также поместив все файлы CSS в один файл CSS, вы уменьшите их количество.Это уменьшит количество HTTP-запросов и ускорит ваш сайт.

Есть много инструментов для минимизации, которые вы можете попробовать, но вы можете начать с бесплатного и очень простого в использовании плагина WillPeavy, который поможет вам быстро минимизировать файлы HTML, CSS и JavaScript. BWP Minify (Better WordPress Minify) - также отличный плагин, который может помочь вам объединить и минимизировать ваши файлы JavaScript и CSS, но это плагин только для WordPress.

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

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

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

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

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

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

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

Когда дело доходит до атрибута src, вам нужно убедиться, что код правильный.Избегайте пустых src-кодов изображений. А именно, код изображения в HTML включает следующее:

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

Измените тему вашего сайта

Среднее время ответа для 14
ведущих сайтов мобильной розничной торговли
составило 4.73 секунды. Amazon привел с
время отклика 2,85 секунды

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

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

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

Терпение пользователей мобильного Интернета

Большинство участников опроса подождали бы 6-10 секунд, прежде чем покинуть страницы

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

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

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

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

Сократить внешние сценарии

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

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

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

Исправить неработающие ссылки

50% вашего бюджета времени загрузки в 1 секунду на мобильных устройствах уходит на задержку в сети.

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

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

99% проблемы времени отклика по-прежнему вызваны слишком медленным пользовательским интерфейсом

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

Если в исходном URL-адресе JavaScript есть неработающая ссылка, ваш веб-сайт также может замедляться, как в случае с исходными файлами изображений и ссылками CSS. Но браузер также может пытаться интерпретировать JavaScript и вызывать не только увеличение времени загрузки, но и плохое взаимодействие скриптов. Когда браузер пытается загрузить страницу 404 вместо JavaScript, все остальные загрузки останавливаются до завершения загрузки страницы 404. Вот почему вы всегда должны размещать свой JavaScript внизу ваших HTML-документов (прямо перед закрывающим тегом ), что особенно важно, когда задействованы неработающие ссылки.

Вы можете бесплатно проверить неработающие ссылки с помощью WordPress Broken Link Checker.

Внедрение автоматизированного решения для оптимизации внешнего интерфейса вместе с CDN может сделать страницы в четыре раза быстрее

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

Отключить Hotlinking

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

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

79% из 400 крупнейших сайтов электронной торговли в ЕС и 75% из 2000 крупнейших сайтов электронной торговли в США не используют признанный CDN

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

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

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

Только 10% периода ожидания определяется ответом HTML на запросы браузера, а оставшиеся 90% задержки вызваны отображением страниц, синтаксическим анализом HTML, выполнением скриптов кода и извлечением встроенных ресурсов

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

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

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

Сжатие изображения должно быть разумным компромиссом между размером изображения и качеством. Для JPG сжатие 60-70 процентов обеспечивает хороший баланс.Для экранов сетчатки увеличьте размер изображения (JPG) на 150–200 процентов, сожмите на 30–40 процентов и снова уменьшите его в соответствии с требуемыми размерами.

Оптимизируйте базу данных

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

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

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

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

Заключение

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

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

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

Время до первого байта (TTFB) и время загрузки страницы - это два разных способа измерения скорости страницы.

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

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

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

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

Так каков хороший результат TTFB?

Значение TTFB менее 200 миллисекунд вполне приемлемо, в то время как все, что превышает 500 миллисекунд, является медленным, начинает замедлять общую производительность.

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

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

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

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

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

GTMetrix

Мощный и простой в использовании, GTMetrix.com предоставляет подробный отчет обо всем, что касается скорости страницы.

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

GTMetrix присваивает вашему сайту оценку от F до A и перечисляет наиболее важные сведения о странице.

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

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

WebPage Test

WebPage Test так же детализирован, как GTMetrix, но предлагает больше возможностей (40+ местоположений серверов и 25+ типов браузеров, включая мобильные).

Пользоваться несложно. Вставьте URL своего сайта, выберите расположение сервера и браузер и нажмите кнопку Start Test .

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

Pingdom

Pingdom - одна из самых популярных сегодня сервисов мониторинга веб-сайтов.

Так же, как WebPage Test и GTMetrix, он позволяет пользователям выбирать место, из которого они хотят запустить тест.Однако Pingdom не позволяет вам проводить тест скорости в разных браузерах.

Pingdom охватывает все основные аспекты скорости страницы и отображает информацию аккуратно и компактно. По сравнению с первыми двумя инструментами он менее всеобъемлющий.

Google PageSpeed Insights

Хотите узнать, как сразу же ускорить работу веб-сайта?

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

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

Инструмент оценивает ваш сайт по шкале от 1 до 100. Чем выше оценка, тем лучше.

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

Load Impact

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

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

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

Загрузки

Шаблоны для КПЭ веб-сайтов

Удивительно, но даже при скорости Интернета у современных провайдеров более 100 Мбит / с и внедрении 5G операторами сотовой связи скорость загрузки веб-сайтов все еще остается проблемой для некоторых предприятий. Параметр жизненно важен, влияет на конверсию, отказы и посещаемость веб-сайта, а также на другие ключевые показатели эффективности бизнеса.Более того, имея выбор между двумя похожими веб-сайтами, большинство пользователей предпочли бы загружаться максимально быстро и не заставлять пользователей ждать. В Интернете есть множество исследований скорости веб-сайтов, подтверждающих вышеупомянутое утверждение, и вот хороший пример их инфографики.

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

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

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

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

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

В океане полно рыбы, если вам нужно знать, насколько быстро работает ваш веб-сайт, и все, что вам нужно сделать, это ввести URL-адрес своего веб-сайта. Предлагаем подробнее остановиться на 3 наиболее интересных, на наш взгляд, решениях. Мы будем использовать https: //shop.googlemerchandisestore.com в качестве URL-адреса для демонстрации.

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

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

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

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

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

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

Ниже приведены другие функции бесплатной версии:

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

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

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

Как увеличить скорость страницы сайта

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

1. Большие веб-страницы

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

2.Огромные файлы изображений

Изображения большого размера и разрешения могут серьезно снизить скорость вашего сайта. Поэтому лучше использовать файлы JPEG, которые в 5 раз меньше, чем PNG, с тем же уровнем качества. Для этого подойдет любой из сервисов онлайн-оптимизации: Optimizilla, Compressor, Imagify, TinyPNG и т. Д. Еще один вариант - это фотошоп в Photoshop, сохраняющий его в специальном веб-формате. Единственное, что нужно помнить, - это найти идеальный баланс между качеством и размером.

3. Слишком много запросов из браузера.

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

Удалите лишние изображения, файлы JS и коды сторонних сервисов.
Объедините несколько второстепенных элементов, таких как значки и кнопки, в один спрайт CSS. Генератор CSS-спрайтов, CssSpritegen, Spritebox и другие подобные решения могут помочь вам в этом.
Используйте кеширование. Каждый раз, когда пользователь заходит на веб-сайт, браузер загружает все веб-файлы с сервера. Если кеширование включено, браузер сохраняет данные на компьютере пользователя, чтобы использовать их снова, когда пользователь вернется на сайт.Вы даже можете выбрать плагин для кеширования, чтобы улучшить свой сайт с помощью учетной записи вашей CMS. Например, для WordPress вы можете использовать WP Super Cache, W3 Total Cache, Hyper Cache.

4. Перегруженные коды JavaScript и CSS.

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

Сократите имена функций и очистите код, используя специальные сервисы, такие как JavaScript / CSS / HTML Compressor, CSS Compressor, JSCompress и т. Д.
Поместите файлы CSS на страницу
, заставляя ее загружать компонент за компонентом.
Разместите файлы JS в конце страницы.Это заставит браузер сначала загружать содержимое страницы, а затем запускать скрипты.

5. Большое расстояние между сервером и пользователем.

Чем дальше от компьютера находится сервер вашего хостинг-провайдера, тем медленнее загружается сайт. Однако существуют специальные сети доставки контента (CDN), которые «сокращают» вышеупомянутое расстояние: Amazon CloudFront, Incapsula, Akamai и другие.Когда пользователь заходит на веб-сайт, служба CDN загружает веб-файлы с ближайшего из своих серверов. Вы можете увидеть, как это работает, ниже:

6. Медленный хостинг

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

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

Как регулярно отслеживать скорость работы сайта

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

Если вы собираете данные в Google BigQuery через OWOX BI Pipeline и хотите отслеживать основные ключевые показатели эффективности веб-сайта, заполните эту форму, и мы предоставим вам шаблон панели мониторинга с руководством по его использованию.

Это позволит вам получить отчет, состоящий из 5 страниц.На первой странице вы увидите эти индикаторы:

Количество пользователей.
Количество сеансов.
Количество просмотров страниц.
Ошибки JavaScript.
Ошибки 404.
Среднее время загрузки страницы.
Среднее время соединения с сервером.

Вторая страница отчета предоставит вам подробную информацию об ошибках JavaScript:

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

На третьей странице представлена информация об ошибках 404:

Общее количество ошибок.
Ошибок на страницу.
Сеансы с ошибками.
Количество пользователей, у которых возникли ошибки.
Рефералы, вызвавшие ошибки.

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

На пятой странице представлены данные о планшетах и мобильных устройствах:

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

Как максимально быстро ускорить работу вашего сайта Wix? [92%]

Вы когда-нибудь чувствовали, что ваш сайт Wix загружается очень медленно? вы хотите ускорить работу сайта Wix? Многие владельцы сайтов тратят столько часов на то, чтобы увеличить скорость загрузки сайта, чтобы загружаться быстрее, чем их конкуренты. Но несколько простых приемов могут улучшить ваш сайт Wix, и это займет всего час .. !! Даже если Wix Turbo был запущен для увеличения скорости работы сайта Wix, вам необходимо выполнить эти 12 задач. Этот пост предназначен для новичков, а также для экспертов, которые не знают об этой простой задаче по ускорению загрузки сайта.Все хотят создать сайт, но никто не думает о скорости его загрузки. Если ваш веб-сайт загружается медленно, то Google немного обесценится. Кроме того, пользователь вернется в норму. Сегодня сайты с быстрой загрузкой занимают все более высокие позиции в Google.

Почему этот пост специально для вас? & Почему это лучше, чем другие сообщения?

Все эти задачи легки и просты. Это может сделать кто угодно. Это займет всего 1 час. Так что никакого T ime-Waste.
Все эти точки подготовлены с результатами и подтверждением в реальном времени.Я также разместил скриншоты с результатами теста скорости. Итак, есть N o-Сомнения
Я писал задачи одну за другой с сортировкой по наиболее важным. Итак, первые моменты очень важны. Таким образом, вы получите P reference-Sense в скорости веб-сайта.
Есть сотни способов увеличить скорость загрузки вашего сайта. Но я обнаружил, что только эти 7 пунктов учитывают более 95% , чтобы сделать сайт быстрее. Итак, no Dump-Works
Я дал все задания с очень подробными пояснениями с примерами.Итак, есть No-Confusion.

Подождите ..! Какая у моего сайта скорость? Загружается быстрее?

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

Я хочу протестировать несколько случайных веб-сайтов, чтобы узнать, сколько у них скорости.

Давайте посмотрим на скорость веб-сайта нескольких отелей Америки.

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

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

Только 67%. Для них это действительно плохо. Загружается очень медленно. Они теряют так много клиентов только из-за скорости своего сайта. Согласно анализу веб-данных и отчету Blomberg Business, 20% людей придут в норму, если для загрузки какой-либо веб-страницы потребуется время. Люди не будут ждать, потому что здесь очень много отелей. Люди приходят в норму и переходят на другой сайт. В Google так много результатов. По крайней мере, 20% людей все равно.

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

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

Давайте проверим скорость загрузки веб-сайта другого отеля.

Я случайно выбрал другой отель.Это был дворец Лоттени. Посмотрите скорость его веб-сайта.

Сайт с низкой скоростью загрузки страниц

Он слишком медленный. Всего 64%.

Вы хотите знать, какова скорость моего сайта?

Давайте проверим скорость моего сайта.

Мой сайт WebsiteBuilderLy Speed Test

Вы удивлены?

Мой веб-сайт на

быстрее, чем 97% всех протестированных веб-сайтов.

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

Веб-сайт Производительность страницы для конструктора веб-сайтов

Как это было возможно для меня?

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

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

Эти методы не только для сайтов Wix, но вы также можете применять эти методы на сайтах Weebly, сайтах Squarespace, сайтах Jimdo, сайтах GoDaddy или любых других сайтах

После выполнения следующих 11 задач скорость моего сайта увеличилась на 43% to 97%

прочтите следующие шаги, чтобы увеличить скорость вашего сайта Wix до 97%.

Используйте технику FB для оптимизации изображений Даже Wix использует превосходный формат изображений WebP

Уровень важности - приблизительно 50% в зависимости от изображений вашего сайта.

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

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

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

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

Многие люди думают, что чем больше этих 4 факторов, тем лучше изображение. Но это миф. Оптимизированные изображения выглядят так же хорошо, как и исходная фотография. Поэтому вам следует оптимизировать фотографий, прежде чем загружать их на сайт. Мы рассмотрели 100 инструментов для оптимизации изображений без потери качества . Но почти все инструменты снижают качество. Наконец, мы нашли инструмент, отвечающий всем требованиям наших фотографов. Этот лучший инструмент на удивление БЕСПЛАТНЫЙ ..!!. и Без ограничений ..! Вы хотите знать, что это такое? Ответ: Facebook .. !! Да. Создайте отдельную учетную запись Facebook или сделайте конфиденциальностью только для вас , затем загрузите изображения на Facebook и загрузите их…! Ага. Загруженные изображения идеально оптимизированы для Интернета без потери качества

Оптимизируйте изображения с помощью альбомов Facebook для ускорения работы сайта wix (просто загрузите и скачайте)

Если у вас много фотографий, создайте альбом в разделе профиля facebook - фотографии.Сделайте конфиденциальность только для себя. Загрузите все фотографии за раз и загрузите все фотографии одним щелчком мыши ..!

(Примечание: - Перед загрузкой измените размер изображения, если хотите. Но НИКОГДА не изменяйте размер после загрузки из Facebook или любого другого инструмента оптимизации. Поскольку большая часть инструмента изменения размера увеличивает размер, а оптимизация уничтожается после изменение размера . Но вы можете перетаскивать, уменьшать и увеличивать длину изображения внутри редактора Wix.)
Если вы хотите узнать больше об этом, вам следует ознакомиться с этим руководством -> Как оптимизировать изображения для Интернета? (92%, но без потерь и 4 БЕСПЛАТНЫХ способа)

Бонусный совет: вместо изображений, По возможности используйте векторные изображения и формы Wix.Это сильно сэкономит. Вы можете перетащить его из меню «Добавить» Wix в редакторе.

Посетите Wix и попробуйте бесплатно

Воспользуйтесь преимуществом правила загрузки контента сверху вниз

Уровень важности - примерно 40%

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

Оптимизация верхней части страницы, которая появляется при загрузке страницы на экране.Если ваша верхняя часть страницы имеет меньший размер, а нижняя содержит большой размер, например много изображений, анимации, фреймов, слайд-шоу, приложений и других веб-эффектов, то проблем нет. Пользователи не ощущают медленной загрузки страницы. потому что сначала загружается верхняя часть. Так что загружается так быстро. Затем медленно начинают загружаться нижние части. В 99% случаев пользователи прокручивают страницу вниз через несколько секунд. В это время полностью загружается страница, находящаяся под складкой экрана. Используя эту простую технику, ваш сайт воспринимается как скорость до 90%, даже если ваша страница включает в себя множество функций.Но если вы протестируете скорость своего сайта с помощью любых инструментов, таких как тестер скорости сайта Wix, скорость может показаться вам ниже, чем фактическая предполагаемая скорость.

Ускорьте свой сайт Wix прямо сейчас!

Wix Mobile Editor для ускорения вашего сайта на смартфонах

Уровень важности - примерно 15%

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

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

Многие функции не работают на телефонах. Просто спрячьте это на экране мобильного.

Вы можете создавать совершенно разные страницы для маленьких экранов.

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

Используйте мобильный редактор Wix для более быстрых функций телефона.

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

См. Раздел «Поддержка и руководство Wix Mobile Editor».

Не используйте слишком много анимаций на одной странице.

Уровень важности - прибл. 20%

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

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

Use Popular Шрифты

Уровень важности - Прил.8%

Используйте популярные веб-шрифты, такие как Arial, San Serif и т. Д. Потому что большинство веб-сайтов используют эти шрифты. поэтому он уже кэширован в браузере пользователя. Когда пользователь заходил на ваш сайт, его кеш браузера использовался для шрифтов. Так что вашему сайту не нужно загружать шрифты ..! Это увеличит скорость веб-сайта на 6-8%.

Ограничение слайд-шоу и других эффектов

Уровень важности - Прил. 5%

Если вы сосредоточились на скорости веб-сайта, а не на пользовательском интерфейсе, вам не следует использовать веб-эффекты.Это немного замедляет загрузку веб-страниц. Или, по крайней мере, ограничьте количество слайд-шоу и других веб-эффектов. Я рекомендую минималистичный дизайн сайтов. Однако, если вам нужно все, кроме того, что ваш веб-сайт должен загружаться быстро, вам нужно прочитать руководство [Ссылка, которую я вставил в разделе анимации (2-й) выше.] 7.

Не используйте слишком много IFrames на одной странице .

Уровень важности - загрузка страницы экспоненциально уменьшается с увеличением количества iFrames. Но iFrames - редкие случаи.

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

Пример большого количества фреймов на странице.

Слишком много кадров снижает скорость веб-страницы.

Помните, фреймы - это совершенно разные страницы, а не разные рисунки или таблицы.

Если вы поместите много страниц в рамку на одну страницу,

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

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

Очистите заголовок

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

Не загружайте тяжелый логотип.

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

Тяжелый заголовок замедляет работу сайта

Посмотрите, как выглядит заголовок facebook. Это действительно круто.

быстро загружающийся заголовок веб-сайта всегда будет чистым

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

Очистите жатку. Автоматически скорость вашего сайта увеличивается на каждой странице.

Используйте Wix App Market с умом

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

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

10.

Используйте неограниченное количество пакетов во время пиков трафика

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

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

Заключение

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

Не слушайте слишком много предложений. Сделайте свою работу очень простой и понятной. Если вы прочитали любое другое предложение, забудьте его. Помимо этих 8 предложений могут быть хорошими, но они не важны, они могут составлять всего 1%. Это просто пустая трата времени. Чтобы получить более чистые, умные и короткие сообщения, подпишитесь на WebsiteBuilderLy.

Связанные - Wix Review 2020 - 8 главных вещей, плюсов и минусов могут вас удивить

Если у вас возникли проблемы, прокомментируйте ниже.Я отвечу в течении 24 часов.

Всего наилучшего. Посетите Wix и попробуйте бесплатно

Не пропустите следующие сообщения

Привет… Я Джек, основатель / редактор WebsitebuilderLy, предприниматель с 12-летним опытом создания веб-сайтов, управления, автоматизации маркетинга и разработки приложений .