Скорость загрузки страниц сайта – важный показатель, влияющий не только на работу ресурса, но и посещаемость. Именно поэтому важно время от времени в онлайн режиме проверять его и производить необходимые процедуры, направленные на ее увеличение. Вебмастера и владельцы сайтов не понаслышке знают, как быстро пользователи покидают выбранную из ТОПа площадку, если она не отображается в течение нескольких секунд.
Как проверить скорость загрузки страницы сайта онлайн
Для этого следует воспользоваться сервисом 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. Объединение способствует сохранению ресурсов и увеличению скорости загрузки страниц сайта за счет снижения числа серверных запросов.
Оба метода требуют применения специальных плагинов и расширений, которые несложно отыскать в Сети.