Как увеличить скорость загрузки сайта на WordPress?
5 способов увеличить скорость загрузки сайта
Чтобы увеличить скорость загрузки сайта на wordpres, нужно сделать несколько необходимых настроек, в частности:
1. Включить функцию «ленивой» загрузки
Включение встроенной опции LazyLoad («ленивой» загрузки) в теме Jannah увеличит скорость вашего сайта. Установите плагин Jannah Speed Optimization, затем перейдите на страницу Theme options page > Performance > LazyLoad.
2. Подключите gzip сжатие
Все современные браузеры поддерживают автоматическое сжатие gzip для всех HTTP-запросов. Включение сжатия gzip может уменьшить размер передаваемого ответа до 90%, что может значительно сократить время загрузки ресурса, сократить использование данных клиентом и сократить время первого отображения страницы.
Чтобы включить сжатие gzip, добавьте следующие строки в ваш файл .htaccess:
# Compress HTML, CSS, JavaScript, Text, XML and fonts AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE font/opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/xml # Remove browser bugs (only needed for really old browsers) BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent
3. Используйте кэширование в браузере
Когда веб-браузер отображает вашу веб-страницу, он должен загрузить ещё кое-что: это как ваш логотип, CSS-файл и другие ресурсы. Кэширование в браузере как бы «запоминает» ресурсы, которые ранее уже загружал. Когда посетитель переходит на другую страницу вашего сайта, то ваш логотип или CSS-файл уже не нужно загружать снова, потому что браузер «запомнил» их. В результате ваши страницы загружаются намного быстрее.
Чтобы включить кэширование в браузере, добавьте следующие строки в ваш файл .htaccess:
## EXPIRES CACHING ## ExpiresActive On ExpiresByType image/jpg "access 1 year" ExpiresByType image/jpeg "access 1 year" ExpiresByType image/gif "access 1 year" ExpiresByType image/png "access 1 year" ExpiresByType text/css "access 1 month" ExpiresByType text/html "access 1 month" ExpiresByType application/pdf "access 1 month" ExpiresByType text/x-javascript "access 1 month" ExpiresByType application/x-shockwave-flash "access 1 month" ExpiresByType image/x-icon "access 1 year" ExpiresDefault "access 1 month" ## EXPIRES CACHING ##
4. Минимизируйте ваш HTML,CSS и JavaScript
Минификация относится к процессу удаления ненужных или избыточных данных без влияния на то, как ресурс обрабатывается браузером — например, коды комментариев и форматирования, удаление неиспользуемого кода, использование более коротких переменных и функций и т. д.
Чтобы включить минификацию, можно использовать следующие плагины:
- WP-HTML-Compression ( For HTML )
- Better WordPress Minify ( For CSS and JS )
5. Оптимизируйте картинки
Оптимизация ваших изображений поможет вашему сайту на WordPress загружаться быстрее.
Например, загрузите и активируйте плагин WP Smush.it Этот плагин оптимизирует каждое загружаемое изображение и вы можете использовать функцию Bulk Smush.it, чтобы раздробить все загружаемые изображения.
Альтернативой плагину WP Smush.it могут стать EWWW Image Optimizer, CW Image Optimizer, Imsanity и Hammy. Многие пользователи WordPress предпочитают использовать эти плагины, так как они не используют внешний сервер для обработки ваших изображений. Ищите в поисковиках и устанавливайте.
Продвинутый и красочный header для сайта.