Если ваш сайт стал грузиться медленно и вы задумались об оптимизации и ускорении работы вашего веб-сайта - то вы попали по адресу!

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

Зачем нужно ускорять свой веб-сайт?

 Большинство сайтов - это коммерческие проекты и ни один клиент не любит ждать!  Чем быстрее мы дадим ему нужную и полезную информцию - тем лучше!

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

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

• Google PageSpeed ​​Insights
• PingDom Tools
• YSlow
• WebPageTest
• GTmetrix

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

Главные принципы оптимизции скорости работы веб сайта:

1. Уменьшение размера загружаемых объектов
2. Уменьшение количества запросов к серверу

На что нужно обратить внимание

Необходимо включить кэш в системе управления сайтом

Необходимо включить GZip сжатие

Необходимо включить кэширование заголовков

Минимизация (Minify) - сжатие html и css файлов

Объединение (Combine) - css спрайты, объединение файлов, скриптов, картинок

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

CDN (Content Delivery Network)

Проверить GZip сжатие можно этим сервисом:

http://checkgzipcompression.com/

Оптимизация загрузки сайта через .htacess

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

ETag - дает информацию браузеру о том что данные уже были загружены и может быть взят из локального хранилища браузера, а не с сервера
Expires headers - Тоже что и ETag, но дает возможность устанавливать разное время хранения кэша для разных типов данных
AddOutputFilterByType DEFLATE - минимизирует исходный код файлов, удаляя пустые линии, пробелы и лишние символы

########## Begin - ETag Optimization
## This rule will create an ETag for files based only on the modification
## timestamp and their size. 
## Note: It may cause problems on your server and you may need to remove it
FileETag MTime Size
# AddOutputFilterByType is now deprecated by Apache. Use mod_filter in the future.
AddOutputFilterByType DEFLATE text/plain text/html text/xml text/css application/xml application/xhtml+xml application/rss+xml application/j-avascript application/x-javascript
# Enable expiration control
ExpiresActive On
# Default expiration: 1 hour after request
ExpiresDefault "now plus 1 hour"
# CSS and JS expiration: 1 week after request
ExpiresByType text/css "now plus 1 week"
ExpiresByType application/j-avascript "now plus 1 week"
ExpiresByType application/x-javascript "now plus 1 week"

# Image files expiration: 1 month after request
ExpiresByType image/bmp "now plus 1 month"
ExpiresByType image/gif "now plus 1 month"
ExpiresByType image/jpeg "now plus 1 month"
ExpiresByType image/jp2 "now plus 1 month"
ExpiresByType image/pipeg "now plus 1 month"
ExpiresByType image/png "now plus 1 month"
ExpiresByType image/svg+xml "now plus 1 month"
ExpiresByType image/tiff "now plus 1 month"
ExpiresByType image/vnd.microsoft.icon "now plus 1 month"
ExpiresByType image/x-icon "now plus 1 month"
ExpiresByType image/ico "now plus 1 month"
ExpiresByType image/icon "now plus 1 month"
ExpiresByType text/ico "now plus 1 month"
ExpiresByType application/ico "now plus 1 month"
ExpiresByType image/vnd.wap.wbmp "now plus 1 month"
ExpiresByType application/vnd.wap.wbxml "now plus 1 month"

ExpiresByType application/smil "now plus 1 month"
# Audio files expiration: 1 month after request
ExpiresByType audio/basic "now plus 1 month"
ExpiresByType audio/mid "now plus 1 month"
ExpiresByType audio/midi "now plus 1 month"
ExpiresByType audio/mpeg "now plus 1 month"
ExpiresByType audio/x-aiff "now plus 1 month"
ExpiresByType audio/x-mpegurl "now plus 1 month"
ExpiresByType audio/x-pn-realaudio "now plus 1 month"
ExpiresByType audio/x-wav "now plus 1 month"

# Movie files expiration: 1 month after request
ExpiresByType application/x-shockwave-flash "now plus 1 month"
ExpiresByType x-world/x-vrml "now plus 1 month"
ExpiresByType video/x-msvideo "now plus 1 month"
ExpiresByType video/mpeg "now plus 1 month"
ExpiresByType video/mp4 "now plus 1 month"
ExpiresByType video/quicktime "now plus 1 month"
ExpiresByType video/x-la-asf "now plus 1 month"
ExpiresByType video/x-ms-asf "now plus 1 month"

Какой формат изображений выбрать для веб-сайта?

Здесь совет простой - для картинок нужно использовать - jpeg. Для изображений с текстом - png!

Услуга по ускорению сайта. Цена по прайс-листу

Мы готовы взять на себя все работы по ускорению вашего сайта! Воспользуйтесь нашей услугой и мы решим все ваши проблемы за 24 часа!