Раскрываем секреты увеличения скорости работы сайта.

Девяносто процентов начинающих вебмастеров, создав в интернете свой веб проект, начинают комплексную работу, по продвижению своего детища во всемирной паутине. Используя все возможные платные и бесплатные методы SEO продвижения сайта в сети. Но углубляясь в методики привлечения на сайт целевой аудитории пользователей, создания благоприятного имиджа и узнаваемости в интернете, вебмастера порой по незнанию упускают из вида маленький, но очень важный момент в оптимизации своего проекта, это анализ скорости загрузки сайта. И поэтому в данной статье на примере моего интернет проекта, мы подробно разберем процесс оптимизации скорости. Для начала я решил, воспользоваться онлайн сервисом проверки скорости работы сайта. Вставил ссылку главной страницы, нажал кнопку анализировать. И процесс пошел. Буквально через несколько секунд я получил не утешительную картину. Оказывается мой веб проект загружается очень медленно, что негативно сказывается на лояльности посетителей к сайту, а также к уменьшению рейтинга ресурса в поисковой выдаче.
И здесь же мне выдали список из 5 пунктов, которые мне нужно исправить, для оптимизации скорости сайта. Пункт №1- Включение сжатие ресурсов с помощью функций gzip. Все современные браузеры умеют распознавать HTML-странички в сжатом виде, это сжатие называется "gzip". Сжатие никак не влияет на внешний вид сайта, и пользователи визуально никак не смогут отличить страницу до и после конверсии, но при этом количество передаваемого трафика сильно уменьшается. Весь процесс происходит на сервисе хостинг провайдера, следующим образом: сервер архивирует странички и в сжатом виде посылает пользователю на компьютер. Ваш браузер, получив эти архивы страниц, автоматически их распаковывает. Данный процесс очень сильно нагружает сервера провайдера из-за чего возможность gzip , стандартно не предоставляется вашему сайту. Для того, чтоб включить механизм сжатия, нужно внести изменения в файл .htaccess в корневой папке вашего сайта. Добавив директиву которая предоставлена ниже, в самое начало файла. <ifModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/css text/javascript application/javascript application/x-javascript
</ifModule>Внеся данные изменения и произведя проверку на стороннем тест сервисе ,включилось сжатие или нет, я получил ошеломляющий результат размер загружаемых страниц уменьшился на 81,9%. Сервис для проверки сжатия. Пункт №2-Использование кеш браузера на стороне посетителя сайта. Вэб-браузеры устроены таким образом, что могут сохранят информацию о посещенном интернет ресурсе, вашем сайте, на жестком диске компьютера. В дальнейшем, при повторном посещении страницы она уже загружается не с сервера сайта, а берется прямо из кеша браузера, что значительно ускоряет ее загрузку и пользователи избегают нервотрепки при ожидании появления данных вэб-страницы при маленькой скорости интернета. Но для подачи команды браузеру пользователя на сохранение копии страниц вашего сайта, также нужно внести изменения в файл .htaccess . Директива с изменениями выглядит каким образом, и добавляется в самый конец файла.FileETag MTime Size
<ifmodule mod_expires.c>
<filesmatch ".(jpg|jpeg|gif|png|ico|css|js|woff)$">
ExpiresActive on
ExpiresDefault "access plus 2 day"
</filesmatch>
</ifmodule> В конце статьи Вы можете скачать файл с двумя директивами позволяющими включить gzip сжатие и кеш браузера сайта. Пункт №3- Оптимизация изображения.Создавая статьи на своем сайте, я большое внимание уделяю правильному наполнению контента, который в свою очередь не возможен без наглядных пособий-картинок, улучшающих восприятие материала. Но порой создаваемое изображение получалось слишком больших размеров, и чтоб оптимизировать его под веб браузеры я сжимал картинки программой фотошоп. Проведя анализ своего сайта сервисом PageSpeed, в оформлении самого проекта нашлось несколько изображений которые сервис посчитал большими, и любезно предоставил для скачивания уже оптимизированные версии. Не оптимизированные версии изображений очень легко найти на своем сайте и заменить скаченными в архиве, так как PageSpeed подробно указывает место нахождения изображения, увеличивающих скорость загрузки страницы сайта. Пункт №№ 4,5 Сокращение CSS , HTML. Устранение этих двух пунктов, довольно серьезный момент, потому что вносит изменения в саму структуру вашего сайта на уровне таблиц и стилей.По этому перед изменениями советую сделать резервную копию самого сайта, или же изменяемых документов. Все оптимизированные конфигурации Вы можете найти в скаченном архиве вместе с картинками, предоставленным сервисом PageSpeed. Выполнив все предписанные пункты и проверив снова свой сайт, я получил такую картинку. Показатель производительности увеличился с 63 до 86 из возможных 100. Но появилось сообщение Исправьте по возможности. Просмотрев указанные замечания выяснилось , что я не смогу их исправить. Из за того, что эти замечание не совсем к содержанию моего сайта, а скорей к установленным на нем сторонним компонентам. Как пример с правой стороны сайта у меня установлен модуль контекстной рекламы , в структуру которого у меня нет возможности внести изменения, что бы включить сжатие , указать время кеша плагина рекламы, ну и конечно уменьшить размер картинок которые хранятся на сайте рекламодателя.Скачать архив с директивами для сайта.