10 советов по оптимизации скорости работы вашего сайта. Как ускорить работу сайта


10 советов по оптимизации скорости работы вашего сайта / Хабр

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

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

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

Библиотеки Ajax/веб разработки, такие как jQuery, Prototype и MooTools могут осуществить отсроченную загрузку контента гораздо легче.

2. Используйте отдельные JS и CSS файлы

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

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

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

3. Используйте системы кэширования

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

У популярных систем управления контентом, таких как WordPress и Drupal, имеется статическое кэширование, которые преобразовывает динамически сгенерированные страницы в статические файлы HTML, чтобы уменьшить ненужную обработку сервером. Для WordPress попробуйте WP Super Cache. В Drupal есть функция кэширования страницы в самом ядре.

Также существуют системы кэширования баз данных и серверных скриптов, которые Вы можете установить на своем веб-сервере (если у Вас есть возможность сделать это). Например, у PHP есть расширения под названием ускорители PHP (PHP accelerators), которые оптимизируют производительность посредством кэширования и различных других методов; один пример PHP-ускорителя — APC. Кэширование базы данных улучшает работу и масштабируемость Ваших веб-приложений благодаря уменьшению работы, связанной с процессами чтения/записи/доступа базы данных; memcached, например, кэширует наиболее часто используемые запросы к базе данных.

4. Избегите изменения размеров изображений в HTML

Если изображение первоначально размером 1280x900 px, но у Вас должно быть 400x280 px, Вы должны изменить размеры и повторно сохранить изображение, используя редактор изображений, такой как Photoshop вместо того, чтобы использовать атрибуты ширины и высоты в HTML (то есть <img width = «400» height = «280» src = «myimage.jpg»/>). Это потому что, естественно, большое изображение всегда будет иметь больший размер файла. Вместо того, чтобы изменить размеры изображения, используя HTML, измените размеры его размеры в графическом редакторе и затем сохраните это как новый файл.

5. Не используйте изображения для показа текста

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

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

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

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

Чтобы узнать больше, как выбрать между JPG, PNG, и GIF, почитайте следующие гайды:

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

7. Оптимизируйте метод написания кода

Осмотрите свой исходный код. Вы действительно нуждаетесь во всех тэгах, которые Вы используете, или Вы можете использовать CSS для вывода на экран? Например, вместо того, чтобы использовать <h2><em> Ваш заголовок </em></h2>, Вы можете легко использовать CSS для того, чтобы заголовок был курсивом, используя свойство font-style. Написание эффективного кода не только уменьшает размеры ваших HTML и CSS документов, но также позволяет их легче поддерживать.

8. Загружайте JavaScript в конце документа

Будет лучше, если ваши скрипты загружаются в конце страницы, а не в начале. Это позволяет браузеру отрендерить всё перед тем, как он начнёт грузить JavaScript. Благодаря этому, Ваши страницы будут более отзывчивыми, потому что способ работы Javascript'a такой, что он блокирует всё, пока не закончит загружаться. Если возможно, ссылайтесь на Javascript прямо после закрывающегося тега </body> вашего HTML документа.

Чтобы узнать больше, почитайте об отсроченной загрузке JavaScript.

9. Используйте сеть доставки контента (Content Delivery Network, CDN)

На скорость вашего сайта сильно влияет положение пользователей относительно положения веб-сервера. Чем дальше они находятся, тем большее расстояние должны пройти передаваемые данные. Имея кэшированный контент на нескольких, стратегически расположенных географических положениях, позволяют позаботиться об этой проблеме. CDN будет часто делать Ваши эксплуатационные расходы немного выше, но Вы определенно получите бонус в скорости вашего сайта. Проверьте MaxCDN или Amazon Simple Storage Service (Amazon S3).

10. Оптимизируйте веб-кэширование

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

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

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

habr.com

10 интересных способов увеличить скорость работы сайта

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

Человек зашел на сайт, а он плохо работает… Непорядок, правда?

Потому, статья эта вам расскажет о 10 способах улучшения скорости работы сайта.

Хорошо работающая мобильная версия уже играет важную роль… без нее никуда.

Большинство уже быстренько проверяют свой сайт на PageSpeed Insights, заморочились с ускоренными мобильными страницами (AMP) и внедрением DNS. Поэтому не будем описывать эти простые шаги… Остановимся на кое-чем более… интересном…

Поехали!

1 Избегайте вложенных таблиц

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

Ниже приведен пример вложенной таблицы:

<table>

<table>

<table>

</table>

</table>

</table>

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

<table>…</table>

<table>…</table>

<table>…</table>

Кроме того, можно делать различные виды выравнивания (CSS floats) и шаблоны таблиц стилей (построенных по принципу «сетки» направляющих — CSS Grids) для повышения скорости загрузки HTML-кода.

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

Вы можете узнать больше о том, как создавать CSS floats и CSS grids на сайте Mozilla.

2 Добавить разбивку на страницы в раздел обсуждений

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

Чтобы исправить это, добавьте разбивку на страницы в раздел комментариев. Запускаете блог WordPress, потом перейдите в раздел «Настройки» и установите флажок «Разбивать комментарии верхнего уровня на страницы …».

Увеличить скорость работы сайта. Разбивать комментарии

3 Обновление до PHP 7.1

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

Взгляните на приведенную ниже таблицу сравнения различных версий PHP, в которой новая PHP-версия на 26% быстрее по сравнению с предыдущей версией.

Увеличить скорость работы сайта. PHP

4 Установите WP Rocket Plugin чтобы улучшить скорость работы сайта

Если ваш сайт на WordPress, то первое, что вы должны сделать, это установить плагин WP Rocket. Он автоматически минимизирует HTML, JavaScript и CSS. Разрешает кэширование браузера, кеширование страниц, оптимизацию базы данных и дает возможность делать отложенную загрузку.

Тест, проведенный CodeinWP, показал, что WP Rocket (см. ниже изображение) смог снизить скорость загрузки сайта примерно на 65%. Круто, правда?

Увеличить скорость работы сайта. Тест

5 Используйте адреса со слешем в конце (trailing slash)

Почему это важно?

Причина довольно очевидна: если вы опустите trailing slash, тогда сервер будет искать файл с таким именем, создавая ненужный 301 редирект. А как только он не сможет его найти, лишь тогда будет искать нужный адрес. Это создает ненужную нагрузку на сервер, а производительность снижается.

https://mysite.com (URL без слеша — «не рекомендуется»)

и

https://example.com/ (URL со слешем — «рекомендуется»)

6 Уменьшить размер above-the-fold контента, чтобы увеличить скорость работы сайта

Above the fold — это верхняя половина видимой части сайта на экране. По сути: первые пол-экрана cайта.

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

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

Оптимальный размер кода, не приводящий к перегрузке составляет около 14,6 КБ (сжатый), и если размер превышает его, то в результате будет задержка во время загрузки.

Теперь вопрос: как так сделать правильно?

Сначала загружать содержимое Above the fold, изменив очередь загрузки через порядок расположения элементов по коду страницы. Например, если ваш HTML загружает сначала сторонние виджеты, измените код, чтобы сначала загрузить содержимое основного кода.

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

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

7 Очистка объема визуального содержимого на одной странице

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

8 Нет хотлинкингу

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

Вы можете предотвратить hotlinking, добавив небольшой фрагмент кода в файл .htaccess. Вот пример кода:

RewriteEngine onRewriteCond% {HTTP_REFERER}! ^ $ RewriteCond% {HTTP_REFERER}!

^ Http: // (www \.) Example.com/.*$ [NC] RewriteRule \.

(Gif | jpg | jpeg | bmp | zip | rar | mp3 | flv | swf | xml | php | png | css | pdf) $ — [F]

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

9 Держите CSS вверху и JavaScript внизу чтобы увеличить скорость работы сайта

Не добавляйте CSS между страницей, так как это увеличивает работу браузера и замедляет работу сайта.    

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

<!DOCTYPE html>

<html>

<head>

<link rel=»stylesheet» href=»yourstylesheet.css» />

</head>

<body>

Содержимое

</body>

</html>

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

<script type=»text/javascript» src=»yoursource.js»></script></body></html>

1о Удалите неиспользуемые изображения 

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

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

Для пользователей WordPress переходите в раздел Вставить медиафайл => Библиотека файлов => Неприкрепленные и удалите файлы, которые больше не используются.

Увеличить скорость работы сайта. Неприкрепленные

Вместо заключения…

Обязательно ознакомьтесь с этими материалами: 

Как скорость загрузки сайта влияет на показы в Фейсбук.

и

Плохие конверсии с сайта: 17 причин.

После внедрения эти тактики наверняка ускорят ваш сайт, как никогда раньше.

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

Может вы какие-то способы используете для повышения работы скорости сайта? Может, эти же, или знаете еще какие-то?

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

artemmazur.ru

8 советов, которые помогут ускорить работу Вашего сайта

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

  1. Важный момент – скорость работы сайта на стороне сервера. Для успешной работы сайта нужно, в первую очередь, подобрать надежный хостинг. В зависимости от требований сайта, выбирать оптимальный тариф хостинга “с запасом”. При необходимости переходить на тариф выше или выбирать заведомо необходимую услугу, в зависимости от целей работы сайта и его предназначения. Обратите внимания, что есть услуги классического виртуального хостинга, виртуальных серверов и физических выделенных серверов. Если Вы не разбираетесь, что нужно для работы сайта, то посоветуйтесь с техподдержкой хостинг-провайдера и Вам обязательно порекомендуют подходящий тариф. Для серверной стороны существует программа host-tracker.com, с помощью которой можно установить характерное время доступа к сайту из различных точек планеты. С помощью сервиса  Pingdom.com можно проверить скорость загрузки отдельных страниц сайта. И самое главное правило, которое всегда действует: хороший хостинг – залог успеха и скорости.
  2. Включить сжатие gZip. С помощью инструментов архивации необходимо максимально сжать файлы, так элементы страницы начнут прогружаться быстрее. В зависимости от настройки движка и сервера используются разные методы архивации.  Для веб-сервера Apache, можно использовать mod_deflate. Если пользуетесь Litespeed, то для включения компрессии нужно активировать необходимую опцию в панели управления ресурсом. Также доступно непосредственное включение HTTP-сжатия в Windows серверах. Для работы стандарта GZIP нужно внести правки в файл htaccess, либо задействовать соответствующий плагин CMS, которую Вы используете (например, 6 лучших кэширующих плагинов для WordPress описано в следующей статье) . Основные методы сжатия данных в Сети подробнее здесь. 
  3. Метод кэширования. В первую очередь, данный метод удобный для посетителей сайта. Изображения и статичные файлы загружаются при первом посещении ресурса, при следующих этого не делается и скорость загрузки соответственно увеличивается.
  4. Оптимизация графики и изображений на сайте. Много тяжелых элементов и картинок увеличивают время загрузки сайта. Чтобы этого избежать, следует оптимизировать вес изображений и повторно разместить их на хостинге; объединить картинки в CSS спрайты; уменьшить количество изображений на страницах ресурса; отказаться от флеш-графики.
  5. Оптимизация всех скриптов. Для более быстрой работы необходимо удалить все лишние и ненужные скрипты, загрузить все исполняемые файлы на свой сайт и, если есть возможность, вынести код скриптов в низ страницы ресурса.
  6. Оптимизация кода страницы (HTML, CSS). Что нужно сделать: вынести в отдельную таблицу стилей CSS стилей из HTML кода, отказаться от импорта кода в таблице стилей, удалить пробелы и переносы строк в HTML и CSS, удалить лишний код и стили, которые не используются, исправить  HTML ошибки.
  7. Использования системы доставки контента CDN. Технология CDN работает по принципу разпределения Ваших файлов по всем подключенным дата-центрам мира. Контент, который загружается на Ваш компьютер, берется с сервера, который находится ближе к Вам. Преимущества в использовании данного сервиса: ресурс открывается с максимально возможной скоростью, снижение нагрузки на собственные серверы, сайт более устойчив к  всплескам посещаемости, увеличение конверсии и тп. Компания HyperHost™ предоставляет услугу CDN для своих клиентов. Данный вид раздачи трафика подходит не только для крупных порталов, но и для мелких сайтов, к примеру, интернет-магазинов. Ведь фактор скорости загрузки может положительно повлиять на количество целевых посетителей Вашего ресурса. Преимущества использования CDN для Вашего сайта подробнее по ссылке. 
  8. Очистка базы данных. Со временем накопляется куча не нужного мусора в виде неиспользуемых таблиц и ревизий. Переодически проводите очищение баз данных с помощью специальных плагинов или вручную.

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

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

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

Надеемся, наши советы помогут Вашему сайту работать быстрее!

 

1800 раз(а) 1 Сегодня просмотрено раз(а)

hyperhost.ua

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

Как быстро ускорить сайт Вордпресс

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

  • Google подтвердил, что скорость сайта является фактором ранжированияв его алгоритме. Быстрые сайты занимают более высокое место и генерируют больше трафика.
  • Веб-сайты быстрой загрузки улучшают работу пользователей, что приводит к увеличению количества просмотров страниц, времени на странице и других важных показателей. Быстрые сайты означают счастливых посетителей.
  • Вялый сайт может убитьваш коэффициент конверсии — снижение на 47% за дополнительное 2-секундное ожидание. Быстрые веб-сайты пользуются высокими коэффициентами конверсии и более здоровой прибылью.

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

Как увеличить скорость?

Самый простой способ ускорить wordpress через час

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

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

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

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

  1. Получите себе хороший хостинг

Если вы берете только одну вещь из этого списка, пусть это будет один.

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

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

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

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

  1. Используйте плагин кэширования

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

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

Если вы хотите инвестировать в скорость своего сайта, ознакомьтесь с WP Rocket— заметно лучше, чем W3 Total Cache.

W3 Total Cache

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

  • Время: 30 секунд для установки плагина.
  1. Оптимизация базы данных wordpress

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

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

WP-Optimize

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

  • Время: 30 секунд для установки плагина.
  1. Удалите ненужные плагины.

Установка плагинов WordPress — это компромисс между добавлением необходимых функций и замедлением вашего сайта.

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

Удивительно, как быстро наши веб-сайты становятся перегруженными плагинами, как правило, без нашего понимания. Проверьте это, если вы мне не верите. Перейдите в wp-admin / Plugins и посмотрите, сколько вы установили — я уверен, что это больше, чем вы думаете.

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

Проделайте путь вниз по списку плагинов и спросите себя: «Мне действительно нужен этот?» Если ваш ответ не звучит «да», вам это не нужно. Обрежьте жир и удалите ненужные плагины.

  • Время: 5 минут, чтобы просмотреть список плагинов и удалить излишки требований.
  1. Обновите свой веб-сайт

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

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

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

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

  • Время: 30 секунд.
  1. Используйте более мелкие изображения

Как удивительно, но ваша фотография праздника, сделанная с использованием вашей новой цифровой камеры, действительно ли вам нужно загрузить чудовищное изображение размером 4000 × 3000 пикселей? Если вы не профессиональный фотограф, ответ — нет.

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

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

Pixlr

Например, одно изображение 1920 × 1200 пикселей началось с 1,1 МБ. Уменьшите его размер до 960 × 600 пикселей, и это всего лишь 338 КБ. Это 70% веса.

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

  • Время: 2 минуты для обрезки или изменения размера изображения перед загрузкой.
  1. Сожмите его!

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

WP Smush

WP Smush автоматически сжимает ваши изображения, включая существующие изображения в медиа библиотеке, до 50 одновременно. Это уменьшает размер файла без заметной потери качества.

Посетители будут наслаждаться вашими изображениями одинаково; они просто смогут быстрее их просматривать!

  • Время: 30 секунд для установки плагина.
  1. Хост-изображения на супер быстром внешнем сервере

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

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

Jetpack

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

  • Время: 5 минут, чтобы установить плагин, а затем синхронизировать его с учетной записью WordPress.
  1. Отключить трекбэки и pingbacks

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

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

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

Чтобы отключить трекбэки и pingbacks, просто перейдите в «Настройки / Обсуждение», а затем отмените выбор двух верхних опций:

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

  • Время: 1 минута.
  1. Используйте сжатие GZip

Мы уже сжали наши изображения, но как насчет других файлов, составляющих ваш сайт? Могут ли они быть сжаты?

Ну, да, они могут, используя метод, называемый сжатием GZip. GZip может уменьшить размер файла примерно на 50-70%, что значительно сократит использование полосы пропускания.

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

  • Время: 30 секунд для установки плагина.

Последние мысли

И это завершает наш список как ускорить свой сайт

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

Какова скорость вашего сайта? Поделитесь своими мыслями и результатами в комментариях ниже!

 

 

maining48.ru

Как ускорить работу сайта на Битрикс в 10 раз / Студия Лайки

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

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

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

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

1. Проблемы с кэшированием

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

Варианты решения

Обновление кэша

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

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

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

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

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

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

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

2. Правильность выборки

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

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

Пример повышения производительности

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

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

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

2. Изменение основного API-вызова. Данные можно получить сразу.

3. Использование оптимального кода, который позволит сократить количество запросов.

4. Оптимизация размера кэша. Следует произвести анализ кэшируемых данных.

5. Кэширование только нужных данных. Ограничение результата работы компонента $arResult и установить ключи в SetResultCacheKeys.

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

3. Композитный сайт

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

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

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

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

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

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

4. Правильная конфигурация сервера

1. Виртуальная машина, виртуальный хостинг, VPS/VDS

Виртуальный хостинг - это сервер, который разделен на аккаунты, делящих одни и те же IP-адреса и ресурсы.

VDS (virtual dedicated server) и VPS (virtual private server) - означают одно и то же.

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

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

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

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

2. Версии ПО на сервере

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

Для ускорения времени генерации страницы, рекомендуется использование PHP версии 5.6 и выше (рекомендуемая версия PHP 7.1), и MySQL версии 5.0 и выше.

3. Оптимизатор PHP-кода

Для оптимизации PHP-кода, рекомендуется использовать расширение opcache (входит в комплект поставки PHP 5.5.0).

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

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

4. Отладчик XDebug

XDebug - это средство профилирования и отладки PHP скриптов.

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

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

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

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

5. Таблицы в MySQL

Таблицы составляют основу структуры базы данных MySQL. Таблицы содержат введенную в базу данных информацию и могут быть созданы для любых целей хранения данных.

MySQL поддерживает два различных типа таблиц: транзакционные и без поддержки транзакций. Для типовых задач используются транзакционные таблицы (InnoDB).

InnoDB — одна из выбираемых подсистем низкого уровня в СУБД MySQL, входит во все стандартные сборки для различных операционных систем. Основным отличием InnoDB от других подсистем низкого уровня MySQL является наличие механизма транзакций и внешних ключей.

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

InnoDB должен быть корректно настроен.

6. Корректность настройки InnoDB

Если использовать InnoDB таблицы, стоит установить максимально возможные значения для системы. Речь идет о размере buffer pool - внутреннем кэше MySQL.   Буфер InnoDB кэширует и данные и индексы. Если размер данных не большой, а оперативной памяти предостаточно, то значение ключа стоит устанавливать в 70%...80% всей доступной памяти (с помощью этого кэшируются все данные).

7. Мониторинг работы сервера, проверка использования

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

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

likee.ru

9 советов, как ускорить работу сайта на WordPress

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

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

Оптимизация WordPress — советы

Выбор темы для WordPress

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

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

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

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

Удаляйте всю лишнюю информацию из фотографий (дата создания, камера, GPS- координаты и прочее, что можно найти в свойствах файла). С этим вам поможет плагин для оптимизации изображений WordPress WP Smush.it.

Ускорить WordPress помогут CSS-спрайты — техника CSS, которая позволяет объединить все элементы дизайна на странице в одно изображение. В результате вместо того, чтобы загружать множество отдельных изображений, каждый раз делая HTTP-запрос, сайт откроет одно изображение. Использовать CSS-спрайты можно в том случае, есл

hostiq.ua

Как увеличить скорость работы сайта. Читайте на Cossa.ru

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

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

Теория и Практика

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

Весь интернет-маркетинг за 19 недель!

Cossa рекомендует: онлайн-курс по интернет-маркетингу от Ingate — digital-агентства с 17-летним опытом.

  • 17 учебных блоков по ключевым вопросам интернет-маркетинга
  • Поддержка менторов
  • Диплом
  • Cтажировка в топовых агентствах России
  • Помощь в трудоустройстве
Узнать больше >>

Реклама

Предлагаю вам сразу же погрузиться в практику и провести тест скорость сайта на собственном примере. Для этого я советую использовать сервис Webpagetest.com и более простой Page Speed Insight от Google. Причем я пользуюсь сразу двумя, одни показывает подробную информацию, второй подсказывает, что с ней делать на первом же этапе. Также есть множество других сервисов: GTMetrix.com, Sitespeed.ru, Webo.in и другие. Выбирайте тот, что удобнее вам.

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

Скорость работы сайта - из чего она состоит?

Итак, для начала вспомним, что сайт наш хранится не просто где-то, а во вполне четком пространстве под названием Сервер, и весь процесс загрузки сайта начинается поиска этого сервера через ваш адрес (домен). Сервер с вашим сайтом привязан физически к какому-либо географическому месту, поэтому скорость обращения к нему тоже разная. Например, если ваш посетитель в Москве и сервер находится также в Москве, то скорость эта будет измеряться в сотых долях секунды, но если сервер будет находиться, например, в Америке, то на этот путь запросу понадобиться порядка 1/6 секунды, а ведь есть еще и путь обратно - то есть на эти потери уйдет уже 1/3 секунды. Казалось бы это не много...

НО! Счет здесь идет не на секунды, а на мили секунды, Wall-Mart проводил исследование, в котором они получили следующий вывод - если время появления страницы (первой информации на ней) больше 3 секунд, то такой сайт может терять до 40% конверсии в зависимости от ниши и конкурентности в ней. То есть, если у вас скорость работы сайта 15 секунд и имеет порядка 5% конверсии, то ускорив его до 3 секунд, вы теоретически можете получить до 8,3% конверсии. Если вы знаете как работает воронка продаж, то можете оценить потери.

Правило 1

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

Правило 2

Домен лучше тоже использовать российский, так как это незначительно, но может повлиять на время отклика.

Этап второй - процессы загрузки сайта

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

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

Для себя мы учли это, но решили руками не переписывать скрипты и воспользовались сжатием и кэшированием данных. Не буду описывать технически как это происходит, так как боюсь специалисты этого не оценят. Для этого на WP есть необходимые плагины, самые популярные это W3 Total Cache и WP Super Cache. В Интернете достаточно много описаний о них и настройках поэтому мы не будем останавливаться на этом, если возникнут вопросы можете использовать комментарии - постараюсь на них ответить. Могу сказать одно - использование данных плагинов позволило нам увеличить скорость сайта более чем в 2 раза.

Может быть дело именно в них

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

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

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

Наш пример

Конечно, мы также проверили наши сайты, честно сказать по некоторым получили результаты, которые не могли нас порадовать. Сейчас мы запустили в тест страницу подписки на нашу базу знаний - http://umagency.ru/subscribe.html. Начальный результат был 7,538 секунд в полную загрузку страницы и 4,802 секунд до начала показа (старта рендера). Внизу вы можете оценить скриншоты по аналитике скорости работы сайта с начальными значениями.

После оптимизации мы получили результат загрузки сайта за 4,159 секунды, а начало формирования страницы всего 2,505 секунд. Мы знаем, что это не предел, но на данный момент такой показатель нас устраивает.

Если мы посчитаем разницу, то получим ускорение скорости работы сайта на 44,83%, а времени до показа первой информации на сайте 47,83%, что на наш взгялд является весомым пказателем уже.

Однако, мы доверяем только цифрам из статистике и сейчас запустили обмер тестов по конверсии данной страницы, говорить о результатах еще рано, так как прошло всего 4 дня, на данный момент могу сказать лишь о показателе отказов, который уменьшился в среднем на 25% (относительно старых показателей). Как только мы закончим тестирование, мы опубликуем статью касательно эффективности этого метода.

Что это может дать вашему сайту?

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

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

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

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

www.cossa.ru