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

 

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

Для этого следует воспользоваться сервисом PageSpeed Insights от Google, перейдя по следующей ссылке https://developers.google.com/speed/pagespeed/insights/?hl=ru.

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

 

Ввести в поле адрес сайта и кликнуть на «анализировать»

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

 

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

1 – требующие обязательного исправления

2 – требующие исправления при желании

 

Увеличение скорости загрузки сайта на основе рекомендаций PageSpeed Insights

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

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

 

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

Кэш – эффективное решение для увеличения скорости загрузки страниц сайта. Его можно контролировать на стороне клиента и сервера.

 

Сторона сервера

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

Чтобы включить кэш на сервере необходимо в «менеджере плагинов» выбрать «Система - Кэш». Плагин должен быть включен.

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

 

Затем следует выбрать меню «Сайт», перейти в «Общие настройки», найти вкладку «Система». Здесь потребуется сделать выбор в пользу «Стандартного кэширования».

скорость загрузки сайта

 

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

 

Сторона клиента

Такая оптимизация, как правило, связана с настройками изображений, css и javascript. Эти данные скачиваются при каждом запросе странички. Большее число таких файлов редко терпят изменения, поэтому можно поручить клиенту кэшировать их. Активация клиентского кэша производится путем правки файла «.htaccess». Доступ к нему можно получить по FTP используя любой доступный FTP-клиент.

 

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

В файле «.htaccess» необходимо будет прописать следующее:

  • # 1 YEAR
  • Header set Cache-Control "max-age=29030400, public"
  • # 1 WEEK
  • Header set Cache-Control "max-age=604800, public"
  • # 3 HOUR
  • Header set Cache-Control "max-age=10800"
  • # NEVER CACHE
  • Header set Cache-Control "max-age=0, private, no-store, no-cache, must-revalidate"

 

Для каждого типа указано разное время. Все это использует mod_header – раcширение Apache. Существует и альтернатива – mod_expires, которое также является расширением все того же Apache. Оно подразумевает применение других директив, таких как:

  • ExpiresActive On
  • ExpiresDefault A0
  • # 1 YEAR
  • ExpiresDefault A29030400
  • # 1 WEEK
  • ExpiresDefault A604800
  • # 3 HOUR
  • ExpiresDefault A10800"

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

 

Gzip cжатие

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

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

 

В дополнении с этому можно добавить сжатие javascript и css. Здесь снова необходимо воспользоваться файлом «.htaccess» и указать:

  • # compressing of files
  • AddOutputFilterByType DEFLATE text/plain
  • AddOutputFilterByType DEFLATE text/html
  • AddOutputFilterByType DEFLATE text/xml
  • AddOutputFilterByType DEFLATE text/css
  • AddOutputFilterByType DEFLATE application/xml
  • AddOutputFilterByType DEFLATE application/xhtml+xml
  • AddOutputFilterByType DEFLATE application/rss+xml
  • AddOutputFilterByType DEFLATE application/javascript
  • AddOutputFilterByType DEFLATE application/x-javascript

 

Cокращение CSS и Javascript

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

Объединение соединяет все js в 1 большой файл, и, соответственно, со всеми css происходит то же самое. На первый взгляд это может показаться ненужным действием, потому как, по сути, размеры скачиваемых объединенных файлов с кодами остаются неизменными по сравнению с существовавшими изначально. Однако, скачивание нескольких и одного – не то же, потому как сервер нуждается в дополнительных запросах, делающихся к каждому CSS и JS. Объединение способствует сохранению ресурсов и увеличению скорости загрузки страниц сайта за счет снижения числа серверных запросов.

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


Left menu
Яндекс.Метрика